{/* KPIs de turnover */}
{turnoverCards.map(k => (
{k.label}
{k.val}
{k.sub}
))}
{/* Admissão × Desligamento por trimestre + linha de turnover (PDF Site AVD (2)) */}
Movimentação · Integrado
Admissões × Desligamentos por trimestre + Turnover
{(() => {
if (!dataTrim.length) return Sem dados no período.
;
const maxBar = Math.max(2, ...dataTrim.map(t => Math.max(t.adm, t.des)));
const maxTurn = Math.max(5, ...dataTrim.map(t => t.turnover));
const W = 640, H = 220, padL = 30, padR = 30, padT = 16, padB = 32;
const innerW = W - padL - padR, innerH = H - padT - padB;
const slotW = innerW / dataTrim.length;
const barW = slotW * 0.32;
return (
{/* Grid horizontal */}
{[0, 0.25, 0.5, 0.75, 1].map((g, i) => (
{t.adm || ''}
{t.des || ''}
{t.label}
);
})}
{/* Linha turnover */}
{
const cx = padL + slotW * (i + 0.5);
const cy = padT + innerH - (t.turnover / maxTurn) * innerH;
return `${cx},${cy}`;
}).join(' ')}
/>
{dataTrim.map((t, i) => {
const cx = padL + slotW * (i + 0.5);
const cy = padT + innerH - (t.turnover / maxTurn) * innerH;
return (
{t.turnover.toFixed(1)}%
);
})}
);
})()}
{/* Card "Movimentação · Mensal · Admissões × Desligamentos por mês" removido a pedido (sessão 2026-06-15 #4). */}
{/* Taxa de desligamento por mês (clicável) + Motivos */}
Desligamentos por mês
Fixos × Associados · clique no mês para ver quem saiu
{dataMes.map(m => {
const total = m.deslFixo + m.deslAssoc;
const hFixo = (m.deslFixo / maxDeslCat) * 120;
const hAssoc = (m.deslAssoc / maxDeslCat) * 120;
return (
total > 0 && setMesSel(m)} title={`${m.label}: ${total} desligamento(s)`}
style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-end', gap: 2, cursor: total > 0 ? 'pointer' : 'default', position: 'relative', height: '100%' }}>
{total > 0 &&
{total}
}
{m.deslAssoc > 0 &&
}
{m.deslFixo > 0 &&
0 ? 0 : '4px 4px 0 0', transition: 'height .4s' }} />}
{total === 0 &&
}
{m.label}
);
})}
Motivos · Tipo primário
Pedido × Empresa × Acordo
{totalDesl === 0 ? Sem desligamentos registrados.
: (
{tiposPrimarios.map(t => {
const pct = totalDesl > 0 ? Math.round(t.n / totalDesl * 100) : 0;
return (
);
})}
Motivos · Secundários
Detalhe do motivo (preenchido no formulário de desligamento)
{motivos.length === 0 ? Sem desligamentos registrados.
: (
{motivos.map(m => {
const pct = Math.round(m.n / totalDesl * 100);
return (
);
})}
Lista personalizada em Admin → Cargos & Deptos → Motivos de desligamento (em breve). Para já, edite em data.jsx → MOTIVOS_DESLIGAMENTO ou use o botão "+ Novo" no formulário.
setMesSel(null)} title={mesSel ? `Desligamentos · ${mesSel.label}` : ''} width={460}>
{mesSel && (mesSel.desligados.length === 0 ? Nenhum desligamento neste mês.
: (
{mesSel.desligados.map(d => {
const motivo = getMotivoDeslig(d.motivoId);
return (
{d.nome}
{d.setor} · {CATEGORIA_LABEL[d.categoriaKey] || (d.categoriaKey === 'fixo' ? 'Fixo' : 'Associado')}
{motivo &&
{motivo.label} }
);
})}
);
};
const PainelFeriasResumo = () => {
const fer = typeof getFeriasSolicitacoes === 'function' ? getFeriasSolicitacoes() : [];
const aprovadas = fer.filter(f => f.status === 'aprovada');
const pendentes = fer.filter(f => (f.status || '').startsWith('pendente'));
const hoje = new Date().toISOString().slice(0, 10);
const proximas = aprovadas.filter(f => (f.inicio || '') >= hoje).sort((a, b) => (a.inicio || '').localeCompare(b.inicio || '')).slice(0, 6);
const nomeDe = id => (COLABORADORES.find(c => c.id === id)?.nome) || 'Colaborador';
return (
Férias & Day Off
Resumo de férias
{aprovadas.length}
aprovadas
{pendentes.length}
pendentes
Próximas férias
{proximas.length === 0 ? Nenhuma férias aprovada futura.
: (
{proximas.map(f => (
{nomeDe(f.colaboradorId)}
{(f.inicio || '').split('-').reverse().join('/')} – {(f.fim || '').split('-').reverse().join('/')}
))}
);
};
const PainelRemuneracao = () => {
const fmt = v => 'R$ ' + (Number(v) || 0).toLocaleString('pt-BR');
const ativos = getColaboradoresAtivos();
const salarios = ativos.map(c => getSalario(c));
const folha = salarios.reduce((s, v) => s + v, 0);
const medGeral = medianaArr(salarios);
const minS = Math.min(...salarios), maxS = Math.max(...salarios);
// PDF Site AVD (2): 3 níveis padronizados (Diretor / Líder de setor / Liderado)
const porNivel = [
{ key: 'diretor', label: 'Diretor(a) / CEO', cor: '#1F4A8A' },
{ key: 'lider', label: 'Líder de setor', cor: '#00967B' },
{ key: 'liderado', label: 'Liderado', cor: '#6B3FA0' },
].map(n => {
const arr = ativos.filter(c => c.nivel === n.key).map(getSalario);
return { ...n, n: arr.length, mediana: medianaArr(arr) };
}).filter(n => n.n > 0);
const porSetor = Object.entries(ativos.reduce((acc, c) => { (acc[c.setor] = acc[c.setor] || []).push(getSalario(c)); return acc; }, {}))
.map(([setor, arr]) => ({ setor, n: arr.length, mediana: medianaArr(arr) }))
.sort((a, b) => b.mediana - a.mediana).slice(0, 10);
const fixoArr = ativos.filter(c => getCategoriaKey(c.id) === 'fixo').map(getSalario);
const assocArr = ativos.filter(c => getCategoriaKey(c.id) !== 'fixo').map(getSalario);
const cats = [
{ label: 'Fixos', n: fixoArr.length, mediana: medianaArr(fixoArr), cor: '#1F4A8A', bg: '#EEF3FA' },
{ label: 'Associados', n: assocArr.length, mediana: medianaArr(assocArr), cor: '#00967B', bg: '#E6F5F1' },
];
const maxNivel = Math.max(1, ...porNivel.map(n => n.mediana));
const maxSetor = Math.max(1, ...porSetor.map(s => s.mediana));
return (
{[
{ label: 'Mediana salarial', val: fmt(medGeral), sub: `${ativos.length} colaboradores`, g: 'linear-gradient(135deg,#00967B,#004A3C)', icon: 'chart' },
{ label: 'Folha mensal', val: fmt(folha), sub: 'soma dos salários ativos', g: 'linear-gradient(135deg,#1F4A8A,#0A1E50)', icon: 'trend_up' },
{ label: 'Faixa salarial', val: fmt(minS) + ' – ' + fmt(maxS), sub: 'menor e maior', g: 'linear-gradient(135deg,#6B3FA0,#3A1E70)', icon: 'users' },
].map(k => (
{k.label}
{k.val}
{k.sub}
))}
Por nível
Mediana salarial por nível
{porNivel.map(n => (
{n.label} ({n.n})
{fmt(n.mediana)}
))}
{cats.map(c => (
{fmt(c.mediana)}
{c.label} · mediana ({c.n})
))}
Por setor
Mediana salarial por setor
{porSetor.map((s, i) => (
{s.setor}
{fmt(s.mediana)}
))}
{/* Percentis e faixas salariais · docx 11 */}
{(() => {
const p25 = percentil(salarios, 25);
const p75 = percentil(salarios, 75);
const medAri = media(salarios);
const faixas = [
{ label: 'até R$ 2.000', min: 0, max: 2000 },
{ label: 'R$ 2.000 – 4.000', min: 2000, max: 4000 },
{ label: 'R$ 4.000 – 6.000', min: 4000, max: 6000 },
{ label: 'R$ 6.000 – 10.000', min: 6000, max: 10000 },
{ label: 'R$ 10.000 – 15.000', min: 10000, max: 15000 },
{ label: '> R$ 15.000', min: 15000, max: Infinity },
];
const distrFaixa = faixas.map(f => ({
label: f.label,
valor: salarios.filter(s => s >= f.min && s < f.max).length,
}));
// Mediana de aumento salarial por tipo (histórico org)
const historicoAll = getHistoricoOrgAll();
const aumentosPromocao = [], aumentosAjuste = [], aumentosCargo = [];
Object.entries(historicoAll).forEach(([colabId, log]) => {
(log || []).forEach(h => {
const sal = (h.mudancas || []).find(m => /sal[áa]rio/i.test(m.campo));
const tipo = (h.mudancas || []).find(m => /tipo.*movimenta/i.test(m.campo));
if (sal) {
const antes = parseMoeda(sal.antes), depois = parseMoeda(sal.depois);
if (antes > 0 && depois > antes) {
const pct = ((depois - antes) / antes) * 100;
const t = tipo?.depois || '';
if (/promo/i.test(t)) aumentosPromocao.push(pct);
else if (/ajuste/i.test(t)) aumentosAjuste.push(pct);
else if (/cargo/i.test(t)) aumentosCargo.push(pct);
else aumentosAjuste.push(pct);
}
}
});
});
return (
<>
Distribuição salarial por faixa
v + ' pessoa(s)'} cor="#1F4A8A" height={160} />
Mediana de aumento salarial por tipo
{[
{ l: 'Promoção', arr: aumentosPromocao, cor: '#6B3FA0' },
{ l: 'Ajuste salarial', arr: aumentosAjuste, cor: '#1F4A8A' },
{ l: 'Alteração de cargo', arr: aumentosCargo, cor: '#00836B' },
].map(x => (
{x.l}
{x.arr.length ? mediana(x.arr).toFixed(1) + '%' : '·'}
{x.arr.length} evento(s) registrado(s)
))}
Mediana calculada a partir do histórico de alterações em Dados Organizacionais (campo Salário Bruto).
);
})()}
{/* PDF Site AVD 5 · itens 15, 16, 17 · Margem de contribuição /colab + Pessoas × Faturamento × Lucro */}
{(() => {
const indic = (typeof getIndicadoresFinanceiros === 'function') ? getIndicadoresFinanceiros() : [];
if (!indic.length) return null;
const desligList = (typeof getDesligamentos === 'function') ? getDesligamentos() : [];
const headcountAno = (ano) => {
const ref = `${ano}-12-31`;
let n = 0;
COLABORADORES.forEach(c => {
const dorg = getDadosOrg(c.id);
const adm = (dorg.dataAdmissao || c.dataAdmissao || '').slice(0, 10);
if (!adm || adm > ref) return;
const dRec = desligList.find(d => d.colaboradorId === c.id);
const desl = (dRec?.dataDesligamento || '').slice(0, 10);
if (desl && desl <= ref) return;
n++;
});
return n;
};
// Headcount médio anual: média entre 1/jan e 31/dez do ano (aproximação)
const headcountMedioAno = (ano) => {
const fim = headcountAno(ano);
const ini = headcountAno(ano - 1) || fim;
return Math.round((ini + fim) / 2);
};
const linhas = indic
.filter(x => x.ano >= 2022 && x.ano <= new Date().getFullYear())
.sort((a,b) => a.ano - b.ano)
.map(x => {
const head = headcountMedioAno(x.ano);
const fat = x.faturamento || 0;
const lucro = x.lucro || 0;
const margem = head > 0 ? Math.round(lucro / head) : 0;
const fatPorColab = head > 0 ? Math.round(fat / head) : 0;
return { ano: x.ano, fat, lucro, head, margem, fatPorColab };
});
const anoVigente = linhas[linhas.length - 1];
const maxFat = Math.max(1, ...linhas.map(l => l.fat));
const maxLucro = Math.max(1, ...linhas.map(l => l.lucro));
const maxHead = Math.max(1, ...linhas.map(l => l.head));
return (
<>
Pessoas × Faturamento × Lucro · comparativo anual
{linhas.map(l => {
const hFat = Math.round((l.fat / maxFat) * 145);
const hLucro = Math.round((l.lucro / maxLucro) * 145);
const hHead = Math.round((l.head / maxHead) * 145);
return (
R$/colab: {fmt(l.fatPorColab)}
Margem/colab: {fmt(l.margem)}
{(l.fat / 1_000_000).toFixed(1)}M
{l.lucro >= 1_000_000 ? (l.lucro / 1_000_000).toFixed(1) + 'M' : Math.round(l.lucro / 1000) + 'k'}
{l.head}
{l.ano}
);
})}
);
})()}
);
};
// Snapshots de dashboard salvos por ano (para comparação retroativa)
const DASH_SNAP_KEY = 'escalab_dashboard_snapshots';
function getSnapshots() { try { return JSON.parse(localStorage.getItem(DASH_SNAP_KEY) || '{}'); } catch { return {}; } }
function salvarSnapshot(ano, dados) {
const all = getSnapshots();
all[ano] = { ...dados, em: new Date().toISOString() };
try { localStorage.setItem(DASH_SNAP_KEY, JSON.stringify(all)); } catch {}
}
function downloadJson(nome, dados) {
try {
const blob = new Blob([JSON.stringify(dados, null, 2)], { type: 'application/json' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url; a.download = nome;
document.body.appendChild(a); a.click(); a.remove();
setTimeout(() => URL.revokeObjectURL(url), 500);
} catch { alert('Não foi possível gerar o download.'); }
}
function downloadCsvFromRows(nome, rows) {
try {
if (!rows.length) { alert('Nenhum dado para exportar.'); return; }
const headers = Object.keys(rows[0]);
const csv = [headers.join(','), ...rows.map(r => headers.map(h => JSON.stringify(r[h] ?? '')).join(','))].join('\n');
const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
const url = URL.createObjectURL(blob);
const a = document.createElement('a');
a.href = url; a.download = nome;
document.body.appendChild(a); a.click(); a.remove();
setTimeout(() => URL.revokeObjectURL(url), 500);
} catch { alert('Não foi possível gerar o CSV.'); }
}
// ─────────────────────────────────────────────────────────────────────────
// ── Painéis novos (docx 11) ──────────────────────────────────────────────
// ─────────────────────────────────────────────────────────────────────────
// Componente KPI grande com hover/tooltip
const KpiCard = ({ titulo, valor, sub, cor, icon, tooltip, deltaPct, badge }) => {
const [hov, setHov] = useState(false);
return (
setHov(true)} onMouseLeave={() => setHov(false)}
style={{ background: cor, borderRadius: 16, padding: '20px 22px 18px', color: '#fff', position: 'relative', overflow: 'hidden', boxShadow: hov ? '0 14px 38px rgba(0,0,0,.24)' : '0 8px 24px rgba(0,0,0,.16)', transform: hov ? 'translateY(-2px)' : 'none', transition: 'all .2s' }}>
{titulo}
{badge && {badge} }
{valor}
{sub}
{Number.isFinite(deltaPct) && (
= 0 ? '#A7F3D0' : '#FCA5A5' }}>
= 0 ? 'trend_up' : 'trend_down'} size={11} />
{(deltaPct >= 0 ? '+' : '') + deltaPct.toFixed(1) + '%'} vs período anterior
)}
{hov && tooltip && (
{tooltip}
)}
);
};
// Gráfico de barras com hover/tooltip
const BarsHover = ({ data, formatValor, cor = 'var(--escalab-brand)', height = 130 }) => {
const [hov, setHov] = useState(null);
const max = Math.max(1, ...data.map(d => d.valor || 0));
return (
{data.map((d, i) => {
const h = ((d.valor || 0) / max) * (height - 30);
return (
setHov({ d, x: e.clientX, y: e.clientY })} onMouseLeave={() => setHov(null)}
style={{ flex: 1, display: 'flex', flexDirection: 'column', alignItems: 'center', justifyContent: 'flex-end', cursor: 'default', position: 'relative', height: '100%' }}>
{(d.valor || 0) > 0 && (
{formatValor ? formatValor(d.valor) : d.valor}
)}
{d.label}
);
})}
{hov && (
{hov.d.label}
{formatValor ? formatValor(hov.d.valor) : hov.d.valor}{hov.d.detalhe ? ' · ' + hov.d.detalhe : ''}
)}
);
};
// Linha temporal com hover
const LineHover = ({ data, formatValor, cor = 'var(--escalab-brand)', height = 120, mostrarMeta = false }) => {
const [hov, setHov] = useState(null);
if (!data.length) return
Sem dados
;
const w = 460;
const vals = data.map(d => d.valor).concat(mostrarMeta && data.length ? data.map(d => d.meta || 0) : []);
const min = Math.min(...vals, 0);
const max = Math.max(...vals, 1);
const range = (max - min) || 1;
const stepX = data.length > 1 ? w / (data.length - 1) : 0;
const toY = v => height - ((v - min) / range) * (height - 10);
const toX = i => i * stepX;
const path = data.map((d, i) => `${i === 0 ? 'M' : 'L'}${toX(i)},${toY(d.valor)}`).join(' ');
return (
setHov({ d, i, x: e.clientX, y: e.clientY })} onMouseLeave={() => setHov(null)}>
{d.label}
))}
{hov && (
{hov.d.label}
{formatValor ? formatValor(hov.d.valor) : hov.d.valor}
)}
);
};
// ── PAINEL: Indicadores Principais (topo) ───────────────────────────────────
const PainelTopo = ({ snaps, periodo = '12m' }) => {
const ativos = COLABORADORES;
const headTotal = ativos.length;
const headFixo = ativos.filter(c => getCategoriaKey(c.id) === 'fixo').length;
const headAssoc = headTotal - headFixo;
// Histórico (snapshot do ano anterior)
const anoAtual = new Date().getFullYear();
const snapPrev = snaps?.[anoAtual - 1];
const deltaHead = delta(snapPrev?.totalColab, headTotal);
// Turnover · filtrado pelo período selecionado (PDF Site AVD (2))
const mov = getMovimentacoesAll();
const hoje = new Date();
const desligs12m = mov.desligamento.filter(d => {
const data = d.dados?.dataSaida || d.criadoEm;
return data && dentroDoPeriodo(data, periodo);
});
const ehVoluntario = d => /pedido|colaborador|desistência|desistencia/i.test(d.dados?.tipoDesligamento || '');
const desligVoluntario = desligs12m.filter(ehVoluntario).length;
const desligInvol = desligs12m.length - desligVoluntario;
const headMedio = headTotal; // aproximação
const turnoverGeral = headMedio > 0 ? (desligs12m.length / headMedio) * 100 : 0;
const turnoverVol = headMedio > 0 ? (desligVoluntario / headMedio) * 100 : 0;
const turnoverInvol = headMedio > 0 ? (desligInvol / headMedio) * 100 : 0;
// Split fixo × associado (PDF Site AVD 5 · item 4): cada desligamento é classificado pela categoria do colab
const colabDoDeslig = d => {
const nome = (d.dados?.nomeColaborador || d.nome || '').toLowerCase();
if (!nome) return null;
return COLABORADORES.find(c => nome.includes(c.nome.toLowerCase().split(' ')[0]));
};
const ehFixo = d => { const c = colabDoDeslig(d); return c ? getCategoriaKey(c.id) === 'fixo' : false; };
const desligFixo = desligs12m.filter(ehFixo);
const desligAssoc = desligs12m.filter(d => !ehFixo(d));
const desligVolFixo = desligFixo.filter(ehVoluntario).length;
const desligVolAssoc = desligAssoc.filter(ehVoluntario).length;
const desligInvolFixo = desligFixo.length - desligVolFixo;
const desligInvolAssoc = desligAssoc.length - desligVolAssoc;
const tGeralFixo = headFixo > 0 ? (desligFixo.length / headFixo) * 100 : 0;
const tGeralAssoc = headAssoc > 0 ? (desligAssoc.length / headAssoc) * 100 : 0;
const tVolFixo = headFixo > 0 ? (desligVolFixo / headFixo) * 100 : 0;
const tVolAssoc = headAssoc > 0 ? (desligVolAssoc / headAssoc) * 100 : 0;
const tInvolFixo = headFixo > 0 ? (desligInvolFixo / headFixo) * 100 : 0;
const tInvolAssoc = headAssoc > 0 ? (desligInvolAssoc / headAssoc) * 100 : 0;
// Absenteísmo (respeita período se for "AAAA" ou trimestre)
const ausencias = lerLS('escalab_ausencias', []);
const ausFiltradas = periodo === '12m'
? ausencias.filter(a => a.status === 'aprovado' && (a.dataInicio || '').slice(0,7) === hoje.toISOString().slice(0,7))
: ausencias.filter(a => a.status === 'aprovado' && dentroDoPeriodo(a.dataInicio, periodo));
// Número de meses do período (pra horas esperadas proporcional)
const mesesPeriodo = (periodo === '12m') ? 1 : (/^\d{4}$/.test(periodo) ? 12 : 3);
const diasUteisMes = 22;
const horasEsperadas = headTotal * diasUteisMes * 8 * mesesPeriodo;
const horasAusentes = ausFiltradas.reduce((s, a) => {
const ini = new Date(a.dataInicio + 'T00:00:00');
const fim = new Date((a.dataFim || a.dataInicio) + 'T00:00:00');
const dias = Math.max(1, Math.round((fim - ini) / 86400000) + 1);
return s + dias * 8;
}, 0);
const absenteismo = horasEsperadas > 0 ? (horasAusentes / horasEsperadas) * 100 : 0;
const labelAbsen = (periodo === '12m') ? 'Mês atual' : rotuloPeriodo(periodo);
// Engajamento (PCO geral) · média da última PCO ativa, separado fixo/assoc
const pcoResp = lerLS('escalab_pco_respostas', []);
const calcEngaj = (filtroIds) => {
const respFil = pcoResp.filter(r => !filtroIds || filtroIds.includes(r.colaboradorId));
const notas = respFil.flatMap(r => Object.values(r.respostas || {}).filter(v => typeof v === 'number'));
return notas.length ? media(notas) * 10 : null;
};
const idsFixo = ativos.filter(c => getCategoriaKey(c.id) === 'fixo').map(c => c.id);
const idsAssoc = ativos.filter(c => getCategoriaKey(c.id) !== 'fixo').map(c => c.id);
const engajGeral = calcEngaj(null);
const engajFixo = calcEngaj(idsFixo);
const engajAssoc = calcEngaj(idsAssoc);
// eNPS · pergunta específica (id contém 'enps' ou texto). Se não houver, mostra placeholder.
const calcEnps = (filtroIds) => {
const respFil = pcoResp.filter(r => !filtroIds || filtroIds.includes(r.colaboradorId));
const notas = [];
respFil.forEach(r => {
Object.entries(r.respostas || {}).forEach(([k, v]) => {
if (/enps|recomendaria|recomendar/i.test(k) && typeof v === 'number') notas.push(v);
});
});
if (!notas.length) return null;
const prom = notas.filter(n => n >= 9).length;
const det = notas.filter(n => n <= 6).length;
return Math.round(((prom - det) / notas.length) * 100);
};
const enpsGeral = calcEnps(null);
const enpsFixo = calcEnps(idsFixo);
const enpsAssoc = calcEnps(idsAssoc);
// Custo por colaborador
const dadosOrg = getDadosOrgAll();
const custoTotal = custoTotalEmpresa(dadosOrg);
const custoPorColab = headTotal > 0 ? custoTotal / headTotal : 0;
const custoFixoMedio = headFixo > 0 ? COLABORADORES.filter(c => getCategoriaKey(c.id) === 'fixo').reduce((s, c) => s + custoMensalColab(c.id, dadosOrg), 0) / headFixo : 0;
const custoAssocMedio = headAssoc > 0 ? COLABORADORES.filter(c => getCategoriaKey(c.id) !== 'fixo').reduce((s, c) => s + custoMensalColab(c.id, dadosOrg), 0) / headAssoc : 0;
const zonaEnps = v => v == null ? 'sem dados' : v < 0 ? 'crítica' : v < 30 ? 'melhoria' : v < 70 ? 'qualidade' : 'excelência';
return (
Indicadores calculados em tempo real a partir dos dados da plataforma. Passe o mouse em qualquer cartão para ver a fórmula e os valores brutos.
{/* Linha 1: Headcount + Turnover */}
{/* Linha 2: Turnover detalhado */}
Turnover · Voluntário × Involuntário
{[
{ l: 'Geral', v: turnoverGeral, vFixo: tGeralFixo, vAssoc: tGeralAssoc, n: desligs12m.length, nFixo: desligFixo.length, nAssoc: desligAssoc.length, cor: '#6B3FA0' },
{ l: 'Voluntário', v: turnoverVol, vFixo: tVolFixo, vAssoc: tVolAssoc, n: desligVoluntario, nFixo: desligVolFixo, nAssoc: desligVolAssoc, cor: '#1F4A8A' },
{ l: 'Involuntário', v: turnoverInvol, vFixo: tInvolFixo, vAssoc: tInvolAssoc, n: desligInvol, nFixo: desligInvolFixo, nAssoc: desligInvolAssoc, cor: '#B3261E' },
].map(x => (
{x.l}
{fmtPct(x.v,1)}
{x.n} desligamento(s)
Fixos
{fmtPct(x.vFixo,1)} ({x.nFixo})
Associados
{fmtPct(x.vAssoc,1)} ({x.nAssoc})
))}
Absenteísmo · {labelAbsen}
5 ? '#B3261E' : '#1F4A8A', lineHeight: 1 }}>{fmtPct(absenteismo, 2)}
{Math.round(horasAusentes)} h ausentes ÷ {horasEsperadas} h esperadas
Fórmula: horas ausentes ÷ horas esperadas × 100 (jornada de 8h, {diasUteisMes} dias úteis).
{/* Linha 3: Engajamento + eNPS */}
Engajamento (PCO)
{[
{ l: 'Geral', v: engajGeral, cor: '#00836B' },
{ l: 'Fixos', v: engajFixo, cor: '#1F4A8A' },
{ l: 'Associados', v: engajAssoc, cor: '#E89B3B' },
].map(x => (
{x.l}
{x.v == null ? '·' : x.v.toFixed(1) + '%'}
))}
{engajGeral == null && Sem respostas de PCO ainda · calcula automaticamente quando houver.
}
eNPS · Recomendaria o Escalab?
{[
{ l: 'Geral', v: enpsGeral, cor: '#6B3FA0' },
{ l: 'Fixos', v: enpsFixo, cor: '#1F4A8A' },
{ l: 'Associados', v: enpsAssoc, cor: '#E89B3B' },
].map(x => (
{x.l}
{x.v == null ? '·' : (x.v > 0 ? '+' + x.v : x.v)}
{zonaEnps(x.v)}
))}
Escalas: <0 crítico · 0-30 melhoria · 30-70 qualidade · 70+ excelência.
{/* Linha 4: Motivação PCO (dim2) + Nota Infraestrutura + Acidentes Graves (PDF Site AVD (2)) */}
{(() => {
// Motivação = dimensão 2 do PCO (PCO_DIMENSOES_SHORT[2] = "Motivação")
const calcMotiv = (filtroIds) => {
const respFil = pcoResp.filter(r => !filtroIds || filtroIds.includes(r.colaboradorId));
const notas = [];
respFil.forEach(r => Object.entries(r.respostas || {}).forEach(([k, v]) => {
if (typeof v === 'number' && /^dim2/i.test(k)) notas.push(v);
}));
return notas.length ? media(notas) * 10 : null;
};
const motivGeral = calcMotiv(null);
const motivFixo = calcMotiv(idsFixo);
const motivAssoc = calcMotiv(idsAssoc);
// Nota Infraestrutura (anual) · consome OP_INFRA_*
const opResp = lerLS('escalab_op_respostas', []);
const calcInfra = (pesquisaId) => {
const r = opResp.filter(x => x.pesquisaId === pesquisaId);
if (!r.length) return null;
const notas = [];
r.forEach(x => Object.values(x.respostas || {}).forEach(v => { if (typeof v === 'number') notas.push(v); }));
return notas.length ? Math.round(media(notas) * 10) / 10 : null;
};
const infra2025 = calcInfra('OP_INFRA_2025');
const infra2024 = calcInfra('OP_INFRA_2024');
const infraDelta = (infra2025 != null && infra2024 != null) ? (infra2025 - infra2024) : null;
// Acidentes Graves · conta respostas marcadas como Grave/Fatal
const acid = opResp.filter(x => x.pesquisaId === 'OP_ACIDENTES_GRAVES');
// Filtra por período (Q2 é data)
const acidPeriodo = acid.filter(x => dentroDoPeriodo(x.respostas?.Q2, periodo));
const acidGraves = acidPeriodo.filter(x => /grave|fatal/i.test(x.respostas?.Q4 || '')).length;
const acidTotal = acidPeriodo.length;
return (
Motivação · PCO (dimensão)
{[
{ l: 'Geral', v: motivGeral, cor: '#00836B' },
{ l: 'Fixos', v: motivFixo, cor: '#1F4A8A' },
{ l: 'Associados', v: motivAssoc, cor: '#E89B3B' },
].map(x => (
{x.l}
{x.v == null ? '·' : x.v.toFixed(1) + '%'}
))}
{motivGeral == null && Sem respostas de PCO ainda.
}
Nota de Infraestrutura
{infra2025 == null ? '·' : infra2025.toFixed(1)}
em 2025 (0–10)
2024: {infra2024 == null ? '·' : infra2024.toFixed(1)}
{infraDelta != null && (
= 0 ? 'success' : 'danger'} size="xs">{infraDelta >= 0 ? '+' : ''}{infraDelta.toFixed(1)} vs 2024
)}
Pesquisa anual em Outras Pesquisas (Infraestrutura). Média das notas de ambiente, equipamentos, ferramentas e remoto/híbrido.
Acidentes Graves · {rotuloPeriodo(periodo)}
0 ? '#B3261E' : '#00836B', lineHeight: 1 }}>{acidGraves}
Grave/Fatal
{acidTotal} registro(s) total(is) no período
Formulário contínuo em Outras Pesquisas (Registro de Acidentes Graves). GC lança ocorrências.
);
})()}
{/* Linha 5: Pessoas x Faturamento por ano (PDF Site AVD (3)) */}
{(() => {
const indic = (typeof getIndicadoresFinanceiros === 'function') ? getIndicadoresFinanceiros() : [];
if (!indic.length) return null;
const deslSet = new Set(getDesligamentos().map(d => ({ id: d.colaboradorId, data: d.dataDesligamento || d.data })).map(JSON.stringify));
const desligList = getDesligamentos();
// Headcount ao fim de cada ano: ativos em 31/dez
const ymdLastOfYear = (a) => `${a}-12-31`;
const headcountAno = (ano) => {
const ref = ymdLastOfYear(ano);
let n = 0;
COLABORADORES.forEach(c => {
const dorg = getDadosOrg(c.id);
const adm = (dorg.dataAdmissao || c.dataAdmissao || '').slice(0, 10);
if (!adm || adm > ref) return;
const dRec = desligList.find(d => d.colaboradorId === c.id);
const desl = (dRec?.dataDesligamento || '').slice(0, 10);
if (desl && desl <= ref) return;
n++;
});
return n;
};
const linhas = indic
.filter(x => x.ano >= 2022 && x.ano <= new Date().getFullYear())
.map(x => ({ ano: x.ano, fat: x.faturamento || 0, lucro: x.lucro || 0, head: headcountAno(x.ano) }));
const maxFat = Math.max(1, ...linhas.map(l => l.fat));
const maxHead = Math.max(1, ...linhas.map(l => l.head));
return (
Pessoas × Faturamento · comparativo anual
{linhas.map(l => {
const hFat = Math.round((l.fat / maxFat) * 140);
const hHead = Math.round((l.head / maxHead) * 140);
const fatPorPessoa = l.head > 0 ? Math.round(l.fat / l.head) : 0;
return (
R$/colab: {fmtBRL(fatPorPessoa)}
{(l.fat / 1_000_000).toFixed(1)}M
{l.head}
{l.ano}
);
})}
);
})()}
);
};
// ── PAINEL: Recrutamento & Seleção ──────────────────────────────────────────
const PainelRecrutamento = () => {
const mov = getMovimentacoesAll();
const admConcluidas = mov.admissao.filter(a => a.etapa === 'admitido');
// Time to fill: diferença entre criadoEm e dataInicio do contrato (admissão).
const dias = admConcluidas.map(a => {
if (!a.criadoEm || !a.dados?.dataInicio) return null;
return Math.max(0, Math.round((new Date(a.dados.dataInicio) - new Date(a.criadoEm)) / 86400000));
}).filter(n => n != null);
const ttfMedio = dias.length ? media(dias) : 0;
const ttfFixo = (() => {
const d = admConcluidas.filter(a => /clt|fixo/i.test(a.dados?.vinculo || '')).map(a => {
if (!a.criadoEm || !a.dados?.dataInicio) return null;
return Math.max(0, Math.round((new Date(a.dados.dataInicio) - new Date(a.criadoEm)) / 86400000));
}).filter(n => n != null);
return d.length ? media(d) : 0;
})();
const ttfAssoc = (() => {
const d = admConcluidas.filter(a => !/clt|fixo/i.test(a.dados?.vinculo || '')).map(a => {
if (!a.criadoEm || !a.dados?.dataInicio) return null;
return Math.max(0, Math.round((new Date(a.dados.dataInicio) - new Date(a.criadoEm)) / 86400000));
}).filter(n => n != null);
return d.length ? media(d) : 0;
})();
// Retenção de talentos: lideranças (nivel='lider'/'diretor') que continuam ativas vs total no início do período.
const talentos = COLABORADORES.filter(c => c.nivel === 'lider' || c.nivel === 'diretor');
const desligsTalentos = mov.desligamento.filter(d => {
const nome = (d.dados?.nomeColaborador || '').toLowerCase();
return talentos.some(t => nome.includes(t.nome.toLowerCase().split(' ')[0]));
}).length;
const retencao = talentos.length ? (1 - desligsTalentos / talentos.length) * 100 : 100;
// Custo de contratação: usa Maria Clara (analista de GC) configurável em Admin → Config GC.
// Fórmula: (salário do analista GC ÷ horas mensais) × horas dela por contratação.
const calcCusto = (typeof calcularCustoContratacao === 'function') ? calcularCustoContratacao() : { custoUnitario: 0, custoHora: 0, analistaNome: '·', horasPorContratacao: 0 };
const custoMedio = calcCusto.custoUnitario;
const totalContratacoes = admConcluidas.length;
return (
Time to fill por categoria
v + ' dias'} height={140} />
{/* PDF Site AVD (3): Fontes de contratação */}
{(() => {
// Origens vindas do recrutamento (campo comoSoube/fonte do candidato aprovado).
// Fallback: usa o campo `fonte` setado manualmente no kanban; default 'Outros'.
const processos = (typeof getProcessos === 'function') ? getProcessos() : [];
const aprovados = processos.flatMap(p => (p.candidatos || []).filter(c => c.etapa === 'aprovado'));
const fontesContagem = {};
aprovados.forEach(c => {
const f = (c.fonte || c.comoSoube || 'Outros').toString().trim() || 'Outros';
fontesContagem[f] = (fontesContagem[f] || 0) + 1;
});
const totalFontes = Object.values(fontesContagem).reduce((s, n) => s + n, 0);
const fontes = Object.entries(fontesContagem)
.map(([k, v]) => ({ label: k, valor: v, pct: totalFontes ? (v / totalFontes) * 100 : 0 }))
.sort((a, b) => b.valor - a.valor);
const coresFontes = ['#1F4A8A', '#00836B', '#6B3FA0', '#E89B3B', '#B56500', '#B3261E'];
return (
<>
Fontes de contratação
{fontes.length === 0 ? (
Sem candidatos aprovados com origem registrada ainda. Use o campo "Como soube" no cadastro de candidato.
) : (
{fontes.map((f, i) => (
{f.label}
{f.valor} ({f.pct.toFixed(1)}%)
))}
);
})()}
);
};
// ── PAINEL: Perfil do Quadro ────────────────────────────────────────────────
const PainelPerfilQuadro = () => {
const div = getDiversidadeAll();
const dadosOrg = getDadosOrgAll();
const mov = getMovimentacoesAll();
const desligsLista = mov.desligamento;
// Turnover por gênero
const gens = ['Mulher cisgênero','Homem Cisgênero','Mulher Transgênero','Homem Transgênero','Não-binário','Gênero fluido','Prefiro não declarar'];
const turnPorGen = gens.map(g => {
const ativos = COLABORADORES.filter(c => div[c.id]?.genero === g).length;
const desligs = desligsLista.filter(d => {
const c = COLABORADORES.find(x => (d.dados?.nomeColaborador || '').toLowerCase().includes(x.nome.toLowerCase().split(' ')[0]));
return c && div[c.id]?.genero === g;
}).length;
const turn = ativos > 0 ? (desligs / ativos) * 100 : 0;
return { label: g, valor: Math.round(turn * 10) / 10, detalhe: `${desligs}/${ativos}` };
});
// Turnover por faixa etária
const turnPorIdade = FAIXAS_ETARIAS.map(f => {
const idsFaixa = COLABORADORES.filter(c => {
const idade = calcIdade(dadosOrg[c.id]?.dataNascimento);
return faixaEtariaDe(idade) === f.id;
}).map(c => c.id);
const ativos = idsFaixa.length;
const desligs = desligsLista.filter(d => {
const c = COLABORADORES.find(x => (d.dados?.nomeColaborador || '').toLowerCase().includes(x.nome.toLowerCase().split(' ')[0]));
return c && idsFaixa.includes(c.id);
}).length;
const turn = ativos > 0 ? (desligs / ativos) * 100 : 0;
return { label: f.label, valor: Math.round(turn * 10) / 10, detalhe: `${desligs}/${ativos}` };
});
// Distribuição por tempo de empresa
const distrTempo = FAIXAS_TEMPO.map(f => {
const n = COLABORADORES.filter(c => c.tempoEmpresa >= f.min && c.tempoEmpresa <= f.max).length;
const pct = COLABORADORES.length > 0 ? (n / COLABORADORES.length) * 100 : 0;
return { label: f.label, valor: Math.round(pct * 10) / 10, detalhe: `${n} pessoa(s)` };
});
return (
Distribuição por tempo de empresa
v.toFixed(1) + '%'} cor="#00836B" height={150} />
Turnover por gênero, idade, etnia e tempo de empresa ficam agora consolidados na guia Movimentos → Turnover · Consolidado .
);
};
// ── PAINEL: Turnover Consolidado (unifica todas análises de turnover) ────────
const PainelTurnoverConsolidado = () => {
const div = getDiversidadeAll();
const dadosOrg = getDadosOrgAll();
const mov = getMovimentacoesAll();
const desligs = getDesligamentos();
const ativos = getColaboradoresAtivos();
const headTotal = ativos.length;
const headFixo = ativos.filter(c => getCategoriaKey(c.id) === 'fixo').length;
const headAssoc = headTotal - headFixo;
const headMedio = Math.max(1, Math.round((headTotal + (headTotal + desligs.length)) / 2));
const totalDesl = desligs.length;
const turnoverGeral = headMedio > 0 ? (totalDesl / headMedio) * 100 : 0;
const ehVol = d => ['pedido', 'mudanca_carreira'].includes(d.motivoId);
const desligVoluntario = desligs.filter(ehVol).length;
const desligInvol = totalDesl - desligVoluntario;
const turnoverVol = headMedio > 0 ? (desligVoluntario / headMedio) * 100 : 0;
const turnoverInvol = headMedio > 0 ? (desligInvol / headMedio) * 100 : 0;
// Split fixo × associado (PDF Site AVD 5 · item 4)
const colabDoDeslig2 = d => {
const nome = (d.dados?.nomeColaborador || d.nome || '').toLowerCase();
if (!nome) return null;
return COLABORADORES.find(c => nome.includes(c.nome.toLowerCase().split(' ')[0]));
};
const ehFixo2 = d => { const c = colabDoDeslig2(d); return c ? getCategoriaKey(c.id) === 'fixo' : false; };
const desligFixoArr2 = desligs.filter(ehFixo2);
const desligAssocArr2 = desligs.filter(d => !ehFixo2(d));
const tcGeralFixo = headFixo > 0 ? (desligFixoArr2.length / headFixo) * 100 : 0;
const tcGeralAssoc = headAssoc > 0 ? (desligAssocArr2.length / headAssoc) * 100 : 0;
const tcVolFixo = headFixo > 0 ? (desligFixoArr2.filter(ehVol).length / headFixo) * 100 : 0;
const tcVolAssoc = headAssoc > 0 ? (desligAssocArr2.filter(ehVol).length / headAssoc) * 100 : 0;
const tcInvolFixo = headFixo > 0 ? (desligFixoArr2.filter(d => !ehVol(d)).length / headFixo) * 100 : 0;
const tcInvolAssoc = headAssoc > 0 ? (desligAssocArr2.filter(d => !ehVol(d)).length / headAssoc) * 100 : 0;
// Por gênero
const gens = ['Mulher cisgênero','Homem Cisgênero','Mulher Transgênero','Homem Transgênero','Não-binário','Gênero fluido','Prefiro não declarar'];
const turnPorGen = gens.map(g => {
const ativosG = COLABORADORES.filter(c => div[c.id]?.genero === g).length;
const deslG = desligs.filter(d => {
const c = COLABORADORES.find(x => (d.nome || '').toLowerCase().includes(x.nome.toLowerCase().split(' ')[0]));
return c && div[c.id]?.genero === g;
}).length;
return { label: g, valor: ativosG ? Math.round((deslG / ativosG) * 1000) / 10 : 0, detalhe: `${deslG}/${ativosG}` };
});
// Por faixa etária
const turnPorIdade = FAIXAS_ETARIAS.map(f => {
const idsFaixa = COLABORADORES.filter(c => {
const idade = calcIdade(dadosOrg[c.id]?.dataNascimento);
return faixaEtariaDe(idade) === f.id;
}).map(c => c.id);
const deslF = desligs.filter(d => {
const c = COLABORADORES.find(x => (d.nome || '').toLowerCase().includes(x.nome.toLowerCase().split(' ')[0]));
return c && idsFaixa.includes(c.id);
}).length;
return { label: f.label, valor: idsFaixa.length ? Math.round((deslF / idsFaixa.length) * 1000) / 10 : 0, detalhe: `${deslF}/${idsFaixa.length}` };
});
// Por etnia
const etnias = ['Branca','Parda','Preta','Amarela','Indígena','Prefiro não declarar'];
const turnPorEtnia = etnias.map(e => {
const ids = COLABORADORES.filter(c => div[c.id]?.etnia === e).map(c => c.id);
const desl = desligs.filter(d => {
const c = COLABORADORES.find(x => (d.nome || '').toLowerCase().includes(x.nome.toLowerCase().split(' ')[0]));
return c && ids.includes(c.id);
}).length;
return { label: e, valor: ids.length ? Math.round((desl / ids.length) * 1000) / 10 : 0, detalhe: `${desl}/${ids.length}` };
});
// Por departamento (top 10)
const turnPorDepto = SETORES.map(s => {
const ids = COLABORADORES.filter(c => c.setor === s).map(c => c.id);
const desl = desligs.filter(d => d.setor === s).length;
return { label: s, valor: ids.length ? Math.round((desl / ids.length) * 1000) / 10 : 0, detalhe: `${desl}/${ids.length}` };
}).filter(x => x.detalhe !== '0/0').sort((a,b) => b.valor - a.valor).slice(0, 10);
return (
{/* KPIs gerais */}
{/* Split fixo × associado (PDF Site AVD 5 · item 4) */}
Turnover por categoria · Fixos × Associados
{[
{ l: 'Geral', cor: '#6B3FA0', vFixo: tcGeralFixo, vAssoc: tcGeralAssoc, nFixo: desligFixoArr2.length, nAssoc: desligAssocArr2.length },
{ l: 'Voluntário', cor: '#1F4A8A', vFixo: tcVolFixo, vAssoc: tcVolAssoc, nFixo: desligFixoArr2.filter(ehVol).length, nAssoc: desligAssocArr2.filter(ehVol).length },
{ l: 'Involuntário', cor: '#B3261E', vFixo: tcInvolFixo, vAssoc: tcInvolAssoc, nFixo: desligFixoArr2.filter(d => !ehVol(d)).length, nAssoc: desligAssocArr2.filter(d => !ehVol(d)).length },
].map(x => (
{x.l}
Fixos · {headFixo}
{fmtPct(x.vFixo,1)}
{x.nFixo} desligamento(s)
Associados · {headAssoc}
{fmtPct(x.vAssoc,1)}
{x.nAssoc} desligamento(s)
))}
Turnover por gênero
v.toFixed(1) + '%'} cor="#6B3FA0" height={130} />
Turnover por faixa etária
v.toFixed(1) + '%'} cor="#1F4A8A" height={130} />
Turnover por etnia/cor
v.toFixed(1) + '%'} cor="#00836B" height={130} />
Turnover por departamento (top 10)
v.toFixed(1) + '%'} cor="#B56500" height={130} />
);
};
// ── PAINEL: Treinamento & Desenvolvimento ───────────────────────────────────
// PDF Site AVD (2): tipos de treinamento p/ filtro do painel (espelha TIPOS_TREINO do screen-treinamentos.jsx)
const TIPOS_TREINO_PAINEL = [
{ id: 'todos', label: 'Todos' }, { id: 'onboarding', label: 'Onboarding' }, { id: 'tecnico', label: 'Técnico' },
{ id: 'comportamental', label: 'Comportamental' }, { id: 'lideranca', label: 'Liderança' },
{ id: 'comercial', label: 'Comercial' }, { id: 'escalabday', label: 'EscalabDay' },
];
const PainelTreinamento = ({ periodo = '12m' }) => {
// PDF Site AVD (2): filtros por tipo + categoria (fixo/assoc) + gráfico de investimento R$
const [filtroTipo, setFiltroTipo] = useState('todos');
const [filtroCateg, setFiltroCateg] = useState('todos'); // todos | fixo | associado
// Le da chave v2 (atualizada com treinos reais) com fallback pro v1 antigo
const treinosAll = lerLS('escalab_treinamentos_v2', null) || lerLS('escalab_treinamentos', []);
const hoje = new Date();
// Filtros aplicados
const treinos = treinosAll
.filter(t => filtroTipo === 'todos' || t.tipo === filtroTipo)
.filter(t => dentroDoPeriodo(t.data, periodo));
const treinosConc = treinos.filter(t => t.status === 'concluido');
// Categoria fixo/assoc afeta cálculo de presenças
const contaPresentes = t => {
if (filtroCateg === 'fixo') return Number(t.presentes_fixos) || 0;
if (filtroCateg === 'associado') return Number(t.presentes_assoc) || 0;
return (Number(t.presentes_fixos) || 0) + (Number(t.presentes_assoc) || 0);
};
const contaEsperados = t => {
if (filtroCateg === 'fixo') return Number(t.total_fixos) || 0;
if (filtroCateg === 'associado') return Number(t.total_assoc) || 0;
return (Number(t.total_fixos) || 0) + (Number(t.total_assoc) || 0);
};
// KPIs
const horasInvestidas = treinosConc.reduce((s, t) => s + (Number(t.duracaoHoras) || 0) * contaPresentes(t), 0);
const investimentoTotal = treinosConc.reduce((s, t) => s + (Number(t.custo) || 0), 0);
const totalPresentes = treinosConc.reduce((s, t) => s + contaPresentes(t), 0);
const totalEsperados = treinosConc.reduce((s, t) => s + contaEsperados(t), 0);
const taxaPart = totalEsperados > 0 ? (totalPresentes / totalEsperados) * 100 : 0;
// Histórico de horas por mês (12 meses) ou por trimestre (se periodo = ano)
const dataMeses = [];
for (let i = 11; i >= 0; i--) {
const d = new Date(hoje); d.setMonth(d.getMonth() - i);
const k = d.toISOString().slice(0,7);
const tnos = treinos.filter(t => (t.data || '').startsWith(k));
const h = tnos.reduce((s, t) => s + ((Number(t.duracaoHoras) || 0) * contaPresentes(t)), 0);
const inv = tnos.reduce((s, t) => s + (Number(t.custo) || 0), 0);
dataMeses.push({ label: ['jan','fev','mar','abr','mai','jun','jul','ago','set','out','nov','dez'][d.getMonth()], valor: h, investimento: inv });
}
// Por tipo (na ABA atual, mostra distribuição mesmo se tipo='todos')
const porTipo = TIPOS_TREINO_PAINEL.filter(t => t.id !== 'todos').map(tp => {
const ts = treinosAll
.filter(t => t.tipo === tp.id)
.filter(t => dentroDoPeriodo(t.data, periodo));
const tsConc = ts.filter(t => t.status === 'concluido');
const horas = tsConc.reduce((s, t) => s + (Number(t.duracaoHoras) || 0) * contaPresentes(t), 0);
const part = tsConc.reduce((s, t) => s + contaPresentes(t), 0);
return { id: tp.id, label: tp.label, n: ts.length, horas, part, inv: tsConc.reduce((s, t) => s + (Number(t.custo) || 0), 0) };
}).filter(t => t.n > 0);
const filtroInp = { border: '1px solid var(--escalab-line)', borderRadius: 7, padding: '6px 10px', fontSize: 12.5, fontFamily: 'var(--font-sans)', outline: 0, background: '#fff', cursor: 'pointer' };
return (
{/* Filtros */}
Tipo
setFiltroTipo(e.target.value)} style={filtroInp}>
{TIPOS_TREINO_PAINEL.map(t => {t.label} )}
Quadro
setFiltroCateg(e.target.value)} style={filtroInp}>
Total
Só fixos
Só associados
Horas investidas · últimos 12 meses
v + 'h'} cor="#00967B" height={150} />
Investimento (R$) · últimos 12 meses
({ label: m.label, valor: m.investimento }))} formatValor={v => 'R$ ' + Math.round(v).toLocaleString('pt-BR')} cor="#B56500" height={150} />
{/* Comparação ano a ano (YoY) · treinamentos + Escalab School por ano */}
{(() => {
// Coleta anos com dados (treinamentos + cursos school) e ordena crescente.
let school = [];
try { school = JSON.parse(localStorage.getItem('escalab_school') || '[]'); } catch {}
const anosSet = new Set();
treinosAll.forEach(t => { const y = (t.data || '').slice(0, 4); if (y && /^\d{4}$/.test(y)) anosSet.add(Number(y)); });
school.forEach(c => { const y = (c.dataInicio || c.dataFim || '').slice(0, 4); if (y && /^\d{4}$/.test(y)) anosSet.add(Number(y)); });
// Garante pelo menos os 3 anos relevantes pro lançamento (2024-2026), mesmo que zerados.
const anoCorrente = hoje.getFullYear();
[anoCorrente - 2, anoCorrente - 1, anoCorrente].forEach(y => anosSet.add(y));
const anos = [...anosSet].sort((a, b) => a - b);
const porAno = anos.map(y => {
// Treinamentos: aplica filtro de tipo + considera só os concluídos do ano.
const tdoAno = treinosAll
.filter(t => filtroTipo === 'todos' || t.tipo === filtroTipo)
.filter(t => (t.data || '').startsWith(String(y)))
.filter(t => t.status === 'concluido');
const treinos = tdoAno.reduce((s, t) => s + (Number(t.custo) || 0), 0);
// Escalab School: usa dataInicio como referência do ano (semelhante a contemplados).
const cAno = school.filter(c => (c.dataInicio || '').startsWith(String(y)));
const sch = cAno.reduce((s, c) => s + (Number(c.custo) || 0), 0);
return { ano: y, treinos, school: sch, total: treinos + sch };
});
const maxV = Math.max(1, ...porAno.map(p => p.total));
const fmt = v => 'R$ ' + Math.round(v).toLocaleString('pt-BR');
return (
<>
Investimento ano a ano · comparativo
{porAno.map(p => {
const altT = (p.treinos / maxV) * 150;
const altS = (p.school / maxV) * 150;
const ehAtual = p.ano === anoCorrente;
return (
{fmt(p.total)}
{p.treinos > 0 &&
}
{p.school > 0 &&
0 ? 1 : 0, transition: 'height .4s' }} />}
{p.treinos === 0 && p.school === 0 &&
·
}
{p.ano}{ehAtual ? ' · em curso' : ''}
);
})}
{/* Variação YoY entre os dois últimos anos com dado */}
{(() => {
if (porAno.length < 2) return null;
const ult = porAno[porAno.length - 1];
const pen = porAno[porAno.length - 2];
if (pen.total === 0) return null;
const delta = ult.total - pen.total;
const pct = (delta / pen.total) * 100;
const cor = delta >= 0 ? '#00836B' : '#B3261E';
return (
{delta >= 0 ? '↑' : '↓'} {Math.abs(pct).toFixed(1)}%
{ult.ano} vs {pen.ano} ({delta >= 0 ? '+' : ''}{fmt(delta)})
);
})()}
);
})()}
{/* Investimento financeiro consolidado: total / treinamentos / Escalab School */}
{(() => {
const investTreinos = treinosConc.reduce((s, t) => s + (Number(t.custo) || 0), 0);
let investSchool = 0;
try {
const school = JSON.parse(localStorage.getItem('escalab_school') || '[]');
investSchool = school.reduce((s, c) => s + (Number(c.custo) || 0), 0);
} catch {}
const investTotal = investTreinos + investSchool;
const fmt = v => 'R$ ' + Math.round(v).toLocaleString('pt-BR');
const maxV = Math.max(1, investTotal);
const linhas = [
{ label: 'Investimento total', v: investTotal, cor: '#B56500', bg: '#FFF7EB' },
{ label: 'Investimento em treinamentos', v: investTreinos, cor: '#00967B', bg: '#E6F5F1' },
{ label: 'Investimento no Escalab School', v: investSchool, cor: '#6B3FA0', bg: '#F4EEFF' },
];
return (
<>
Investimento financeiro · consolidado
);
})()}
Horas por tipo de treinamento ({rotuloPeriodo(periodo)})
{porTipo.length === 0 ?
Sem dados no período.
: porTipo.map(tp => {
const max = Math.max(1, ...porTipo.map(x => x.horas));
const pct = Math.round((tp.horas / max) * 100);
return (
{tp.label} ({tp.n})
{Math.round(tp.horas)} h · R$ {Math.round(tp.inv).toLocaleString('pt-BR')}
);
})}
{/* PDF Site AVD 5 · item 9: AVD em 3 níveis de performance */}
Distribuição por nível de performance
{notas.length} pessoa(s) com nota geral
{niveisAvd.map(n => {
const pct = notas.length ? (n.qtd / notas.length) * 100 : 0;
return (
{n.qtd}
{fmtPct(pct, 1)} do quadro avaliado
);
})}
Faixas: 0–3 recuperação · 3–4 desenvolvimento · 4–5 alta performance. Calculado sobre a nota geral do ciclo AVD ativo.
Feedbacks por setor
{dados.length === 0
? Sem feedbacks registrados ainda.
:
);
};
// ── PAINEL: Censo de Diversidade ────────────────────────────────────────────
const PainelDiversidade = () => {
const div = getDiversidadeAll();
const contagem = {};
['genero','etnia','orientacao','deficiencia','religiao','estadoCivil'].forEach(campo => {
contagem[campo] = {};
Object.values(div).forEach(d => {
const v = d[campo] || 'Não declarado';
contagem[campo][v] = (contagem[campo][v] || 0) + 1;
});
});
const total = COLABORADORES.length;
function distrToData(map) {
return Object.entries(map).map(([k, n]) => ({ label: k, valor: Math.round(n / total * 1000) / 10, detalhe: `${n} pessoa(s)` })).sort((a,b) => b.valor - a.valor);
}
return (
Dados auto-declarados na aba Dados de Diversidade do perfil de cada colaborador.
Percentuais calculados sobre o headcount total ({total}).
{[
{ campo: 'genero', titulo: 'Gênero' },
{ campo: 'etnia', titulo: 'Etnia/Cor' },
{ campo: 'orientacao', titulo: 'Orientação sexual' },
{ campo: 'deficiencia', titulo: 'Pessoa com deficiência (PCD)' },
].map(({ campo, titulo }) => (
{titulo}
v.toFixed(1) + '%'} cor="#00836B" height={140} />
))}
);
};
// ── PAINEL: Férias e Ausências (versão completa do docx 11) ─────────────────
const PainelFeriasAusencias = () => {
const ferias = lerLS('escalab_ferias', []);
const ausencias = lerLS('escalab_ausencias', []);
const dayoffs = lerLS('escalab_dayoff', []);
const hoje = new Date();
const meses12 = [];
for (let i = 11; i >= 0; i--) {
const d = new Date(hoje); d.setMonth(d.getMonth() - i);
meses12.push({ key: `${d.getFullYear()}-${String(d.getMonth()+1).padStart(2,'0')}`, label: ['jan','fev','mar','abr','mai','jun','jul','ago','set','out','nov','dez'][d.getMonth()] });
}
// Pessoas em férias por mês (intersecção do período aprovado com cada mês)
const feriasMes = meses12.map(m => {
const ini = m.key + '-01';
const finalDoMes = new Date(Number(m.key.slice(0,4)), Number(m.key.slice(5,7)), 0).toISOString().slice(0,10);
const pessoas = ferias.filter(f => f.status === 'aprovada' && f.inicio <= finalDoMes && f.fim >= ini).length;
return { label: m.label, valor: pessoas };
});
// Absenteísmo por departamento (mês atual)
const mesAtual = hoje.toISOString().slice(0,7);
const ausMes = ausencias.filter(a => a.status === 'aprovado' && (a.dataInicio||'').slice(0,7) === mesAtual);
const setores = [...new Set(COLABORADORES.map(c => c.setor))];
const absentDept = setores.map(s => {
const idsSet = COLABORADORES.filter(c => c.setor === s).map(c => c.id);
const horasAus = ausMes.filter(a => idsSet.includes(a.colaboradorId)).reduce((acc, a) => {
const dias = Math.max(1, Math.round((new Date(a.dataFim||a.dataInicio) - new Date(a.dataInicio))/86400000) + 1);
return acc + dias * 8;
}, 0);
const horasEsperadas = idsSet.length * 22 * 8;
const pct = horasEsperadas > 0 ? (horasAus / horasEsperadas) * 100 : 0;
return { label: s, valor: Math.round(pct * 100) / 100 };
}).sort((a,b) => b.valor - a.valor).slice(0, 12);
// Motivos de ausência (12m)
const ha12m = new Date(hoje); ha12m.setMonth(ha12m.getMonth() - 12);
const aus12 = ausencias.filter(a => a.status === 'aprovado' && new Date(a.dataInicio||0) >= ha12m);
const motivosMap = {};
aus12.forEach(a => { const m = (a.motivo || '').split(':')[0].trim() || 'Não informado'; motivosMap[m] = (motivosMap[m]||0)+1; });
const motivosArr = Object.entries(motivosMap).map(([k,n]) => ({ label: k, valor: n })).sort((a,b) => b.valor - a.valor).slice(0, 10);
// % colaboradores que perderam dias de férias por setor
// "perderam dias" = pessoa com vencimento passado em BANCO_FERIAS_MOCK e ainda tem saldo
const banco = typeof BANCO_FERIAS_MOCK === 'object' ? BANCO_FERIAS_MOCK : [];
const perdidosSetor = setores.map(s => {
const idsSet = COLABORADORES.filter(c => c.setor === s).map(c => c.id);
if (!idsSet.length) return { label: s, valor: 0 };
const perderam = banco.filter(b => idsSet.includes(b.colaboradorId) && new Date(b.vencimento) < hoje && b.saldo > 0).length;
return { label: s, valor: Math.round((perderam / idsSet.length) * 100) };
}).sort((a,b) => b.valor - a.valor).slice(0, 12);
// Taxa absenteísmo geral
const totalHorasEsperadas = COLABORADORES.length * 22 * 8;
const totalHorasAus = ausMes.reduce((s, a) => {
const dias = Math.max(1, Math.round((new Date(a.dataFim||a.dataInicio) - new Date(a.dataInicio))/86400000) + 1);
return s + dias * 8;
}, 0);
const absGeral = totalHorasEsperadas > 0 ? (totalHorasAus / totalHorasEsperadas) * 100 : 0;
return (
f.status === 'aprovada' && f.inicio <= hoje.toISOString().slice(0,10) && f.fim >= hoje.toISOString().slice(0,10)).length} sub="período em curso" cor="linear-gradient(135deg,#00836B,#004A3C)" icon="calendar" tooltip="Pessoas com férias aprovadas cujo intervalo cobre o dia de hoje." />
Pessoas em férias por mês · últimos 12
v + ' pessoa(s)'} cor="#00967B" height={150} />
Absenteísmo por departamento
v.toFixed(2) + '%'} cor="#B56500" height={180} />
Horas ausentes ÷ horas esperadas no mês, por setor. Sinaliza onde há sobrecarga ou problema de gestão.
Motivos de ausência (12m)
v + ' caso(s)'} cor="#6B3FA0" height={180} />
% colaboradores que perderam dias de férias por setor
v + '%'} cor="#B3261E" height={180} />
Perda = saldo ainda disponível depois do vencimento do período aquisitivo.
);
};
// ── Detalhes adicionais de turnover (raça, tempo de empresa, departamento) ──
const PainelTurnoverDetalhado = () => {
const div = getDiversidadeAll();
const mov = getMovimentacoesAll();
const desligs = mov.desligamento;
function colabDoDeslig(d) {
const nome = (d.dados?.nomeColaborador || '').toLowerCase();
return COLABORADORES.find(x => nome.includes(x.nome.toLowerCase().split(' ')[0]));
}
// Turnover por raça/etnia
const racas = ['Branca','Preta','Parda','Amarela','Indígena','Prefiro não declarar'];
const tvRaca = racas.map(r => {
const ativos = COLABORADORES.filter(c => div[c.id]?.etnia === r).length;
const ds = desligs.filter(d => { const c = colabDoDeslig(d); return c && div[c.id]?.etnia === r; }).length;
return { label: r, valor: ativos > 0 ? Math.round((ds/ativos)*1000)/10 : 0, detalhe: `${ds}/${ativos}` };
});
// Turnover por tempo de empresa (em faixas)
const tvTempo = FAIXAS_TEMPO.map(f => {
const idsFaixa = COLABORADORES.filter(c => c.tempoEmpresa >= f.min && c.tempoEmpresa <= f.max).map(c => c.id);
const ds = desligs.filter(d => { const c = colabDoDeslig(d); return c && idsFaixa.includes(c.id); }).length;
return { label: f.label, valor: idsFaixa.length > 0 ? Math.round((ds/idsFaixa.length)*1000)/10 : 0, detalhe: `${ds}/${idsFaixa.length}` };
});
// Turnover por departamento
const setores = [...new Set(COLABORADORES.map(c => c.setor))];
const tvDept = setores.map(s => {
const ids = COLABORADORES.filter(c => c.setor === s).map(c => c.id);
const ds = desligs.filter(d => { const c = colabDoDeslig(d); return c && ids.includes(c.id); }).length;
return { label: s, valor: ids.length > 0 ? Math.round((ds/ids.length)*1000)/10 : 0, detalhe: `${ds}/${ids.length}` };
}).sort((a,b) => b.valor - a.valor).slice(0, 12);
return (
Turnover por etnia/cor
v.toFixed(1) + '%'} cor="#6B3FA0" height={150} />
Turnover por tempo de empresa
v.toFixed(1) + '%'} cor="#1F4A8A" height={150} />
Turnover por departamento (top 12)
v.toFixed(1) + '%'} cor="#B3261E" height={180} />
);
};
// ── Painel ampliado: Distribuição por nível hierárquico (3 níveis) + evolução ──
// PDF Site AVD (2): consolidação em Diretor / Líder de setor / Liderado.
const PainelDistribuicaoQuadro = () => {
const distrNivel = NIVEIS_3.map(n => ({
label: n.label,
valor: COLABORADORES.filter(c => nivel3De(c) === n.id).length,
})).filter(d => d.valor > 0);
// Evolução de colaboradores ativos (12 meses, simplificada via tempoEmpresa)
const hoje = new Date();
const evol = [];
for (let i = 11; i >= 0; i--) {
const ref = new Date(hoje); ref.setMonth(ref.getMonth() - i);
const ativos = COLABORADORES.filter(c => {
const mesesAtras = i;
return c.tempoEmpresa >= mesesAtras;
}).length;
evol.push({ label: ['jan','fev','mar','abr','mai','jun','jul','ago','set','out','nov','dez'][ref.getMonth()], valor: ativos });
}
return (
Perfil da equipe · Diretor × Líder de setor × Liderado
v + ' pessoa(s)'} cor="#1F4A8A" height={180} />
Evolução do headcount · 12 meses
v + ' pessoas'} cor="#00836B" height={56} />
);
};
// ── Painel Folha + % progressão/reajuste por setor (Remuneração extra) ──────
const PainelFolhaProgressao = () => {
const dadosOrg = getDadosOrgAll();
const histAll = getHistoricoOrgAll();
const hoje = new Date();
// Folha por mês · soma do salarioBruto atual (proxy estável)
const folhaFixo = COLABORADORES.filter(c => getCategoriaKey(c.id) === 'fixo').reduce((s, c) => s + parseMoeda(dadosOrg[c.id]?.salarioBruto), 0);
const folhaAssoc = COLABORADORES.filter(c => getCategoriaKey(c.id) !== 'fixo').reduce((s, c) => s + parseMoeda(dadosOrg[c.id]?.salarioBruto), 0);
// % progressão de carreira por setor: nº de promoções nos últimos 12m ÷ headcount do setor
const setores = [...new Set(COLABORADORES.map(c => c.setor))];
const ha12m = new Date(hoje); ha12m.setMonth(ha12m.getMonth() - 12);
const progSetor = setores.map(s => {
const ids = COLABORADORES.filter(c => c.setor === s).map(c => c.id);
let promos = 0, reajustes = 0, tempos = [];
ids.forEach(id => {
const log = histAll[id] || [];
// Histórico já vem ordenado do mais recente para o mais antigo (h.data ISO)
let ultimoEvento = null;
log.forEach(h => {
if (new Date(h.data) >= ha12m) {
const tipo = (h.mudancas || []).find(m => /tipo.*movimenta/i.test(m.campo))?.depois || '';
if (/promo/i.test(tipo)) promos++;
if (/ajuste|dissídio|dissidio|step|mérito|merito/i.test(tipo)) reajustes++;
}
if (ultimoEvento && new Date(ultimoEvento) > new Date(h.data)) {
const dias = Math.round((new Date(ultimoEvento) - new Date(h.data)) / 86400000);
if (dias > 0) tempos.push(dias);
}
ultimoEvento = h.data;
});
});
const tempoMedioDias = tempos.length ? media(tempos) : null;
return {
label: s,
progressao: ids.length ? Math.round((promos/ids.length)*1000)/10 : 0,
reajuste: ids.length ? Math.round((reajustes/ids.length)*1000)/10 : 0,
tempo: tempoMedioDias ? Math.round(tempoMedioDias/30) : null,
promos, reajustes,
};
});
// Mediana de aumento por tipo de movimentação (já calculado em outro painel, mas mostro aqui também)
return (
Folha mensal · fixos × associados (mês atual)
Fixos
{fmtBRL(folhaFixo)}
(+13º/12 + PLR/12 + VT por colab)
Associados
{fmtBRL(folhaAssoc)}
(apenas salário)
Total
{fmtBRL(folhaFixo + folhaAssoc)}
folha bruta
Evolução mensal aparece quando você salvar snapshots (botão no topo).
% progressão de carreira por setor (12m)
({ label: s.label, valor: s.progressao, detalhe: `${s.promos} promoção(ões)` }))} formatValor={v => v + '%'} cor="#00836B" height={170} />
% reajuste salarial por setor (12m)
({ label: s.label, valor: s.reajuste, detalhe: `${s.reajustes} reajuste(s)` }))} formatValor={v => v + '%'} cor="#1F4A8A" height={170} />
Tempo médio entre movimentações (meses) · por setor
s.tempo != null).map(s => ({ label: s.label, valor: s.tempo }))} formatValor={v => v + ' meses'} cor="#6B3FA0" height={170} />
Calculado a partir do histórico de alterações em Dados Organizacionais.
);
};
// ── Navegação em 2 níveis (categorias + sub-abas) ──────────────────────────
const DASH_NAV = [
{
id: 'executivo', label: 'Visão Executiva', icon: 'chart', cor: '#00836B', bg: '#E6F5F1',
abas: [
{ id: 'topo', label: 'Indicadores Principais', icon: 'chart' },
{ id: 'geral', label: 'Visão geral (legado)', icon: 'eye' },
],
},
{
id: 'pessoas', label: 'Pessoas & Quadro', icon: 'users', cor: '#1F4A8A', bg: '#EEF3FA',
abas: [
{ id: 'perfil', label: 'Perfil do Quadro', icon: 'users' },
{ id: 'diversidade', label: 'Censo Diversidade', icon: 'org' },
{ id: 'treinamento', label: 'T & D', icon: 'star' },
{ id: 'avd_feedback', label: 'AVD & Feedback', icon: 'message' },
],
},
{
id: 'movimentos', label: 'Movimentos do Time', icon: 'trend_up', cor: '#6B3FA0', bg: '#F4EEFF',
abas: [
{ id: 'recrutamento', label: 'Recrutamento & Seleção', icon: 'plus' },
{ id: 'admissoes', label: 'Admissões e Desligamentos', icon: 'users' },
{ id: 'turnover', label: 'Turnover · Consolidado', icon: 'trend_down' },
{ id: 'movimentacoes', label: 'Movimentações internas', icon: 'trend_up' },
],
},
{
id: 'tempo', label: 'Tempo & Vida', icon: 'calendar', cor: '#B56500', bg: '#FFF7EB',
abas: [
{ id: 'ferias', label: 'Férias e Ausências', icon: 'calendar' },
],
},
{
id: 'financeiro', label: 'Financeiro', icon: 'trend_up', cor: '#B3261E', bg: '#FDECEC',
abas: [
{ id: 'remuneracao', label: 'Remuneração', icon: 'trend_up' },
],
},
];
function categoriaDaAba(abaId) {
for (const cat of DASH_NAV) if (cat.abas.some(a => a.id === abaId)) return cat.id;
return DASH_NAV[0].id;
}
const NavDashboard = ({ abaPainel, setAbaPainel }) => {
const [cat, setCat] = useState(() => categoriaDaAba(abaPainel));
const catAtiva = DASH_NAV.find(c => c.id === cat) || DASH_NAV[0];
// Sincroniza categoria com aba (se trocar aba via deep link)
useEffect(() => {
const novaCat = categoriaDaAba(abaPainel);
if (novaCat !== cat) setCat(novaCat);
}, [abaPainel]);
function selecionarCategoria(catId) {
setCat(catId);
const c = DASH_NAV.find(x => x.id === catId);
if (c && !c.abas.some(a => a.id === abaPainel)) {
setAbaPainel(c.abas[0].id);
}
}
return (
{/* Tier 1: Categorias coloridas (chips grandes) */}
{DASH_NAV.map(c => {
const ativo = c.id === cat;
return (
selecionarCategoria(c.id)} style={{
border: `1.5px solid ${ativo ? c.cor : 'var(--escalab-line)'}`,
background: ativo ? c.bg : '#fff',
borderRadius: 12, padding: '11px 18px', cursor: 'pointer',
display: 'flex', alignItems: 'center', gap: 9,
fontFamily: 'var(--font-sans)',
boxShadow: ativo ? `0 8px 20px ${c.cor}25` : '0 1px 2px rgba(15,30,55,.04)',
transform: ativo ? 'translateY(-1px)' : 'none',
transition: 'all .18s',
}}>
{c.label}
{c.abas.length > 1 ? `${c.abas.length} painéis` : '1 painel'}
);
})}
{/* Tier 2: Sub-abas da categoria selecionada */}
{catAtiva.abas.map(a => {
const ativo = a.id === abaPainel;
return (
setAbaPainel(a.id)} style={{
border: 0, background: ativo ? '#fff' : 'transparent',
borderRadius: 9, padding: '8px 14px', cursor: 'pointer',
display: 'flex', alignItems: 'center', gap: 7,
fontFamily: 'var(--font-sans)', fontSize: 13,
fontWeight: ativo ? 700 : 500,
color: ativo ? catAtiva.cor : 'var(--escalab-slate)',
boxShadow: ativo ? '0 1px 4px rgba(15,30,55,.08)' : 'none',
transition: 'all .15s',
}}>
);
})}
{/* Header */}
Dashboard
{cicloAtivo?.nome}
Ativo
Visão Geral da Empresa
{
const anoAtual = new Date().getFullYear();
const snap = {
ano: anoAtual,
totalColab,
tempoMedio,
avsConc, avsTot,
mediasSetor,
headcountSetor: COLABORADORES.reduce((acc, c) => { acc[c.setor] = (acc[c.setor] || 0) + 1; return acc; }, {}),
fixos: COLABORADORES.filter(c => getCategoriaKey(c.id) === 'fixo').length,
associados: COLABORADORES.filter(c => getCategoriaKey(c.id) !== 'fixo').length,
};
salvarSnapshot(anoAtual, snap);
setSnaps(getSnapshots());
setSalvouSnap(true); setTimeout(() => setSalvouSnap(false), 3000);
}} style={{ border:'1px solid var(--escalab-brand-soft)', background:'var(--escalab-brand-tint)', color:'var(--escalab-brand-deep)', borderRadius:9, padding:'8px 14px', cursor:'pointer', fontSize:13, fontWeight:700, display:'inline-flex', alignItems:'center', gap:6 }}>
downloadJson(`escalab_dashboard_${new Date().getFullYear()}.json`, {
snapshots: getSnapshots(),
colaboradores: COLABORADORES.map(c => ({ id: c.id, nome: c.nome, setor: c.setor, cargo: c.cargo, categoria: getCategoriaKey(c.id) })),
avaliacoes: AVALIACOES,
mediasSetor,
geradoEm: new Date().toISOString(),
})} style={{ border:'1px solid var(--escalab-line)', background:'#fff', color:'var(--escalab-slate)', borderRadius:9, padding:'8px 14px', cursor:'pointer', fontSize:13, fontWeight:600, display:'inline-flex', alignItems:'center', gap:6 }}>
{
const dadosOrg = getDadosOrgAll();
const div = getDiversidadeAll();
const rows = COLABORADORES.map(c => {
const d = dadosOrg[c.id] || {};
const dv = div[c.id] || {};
return {
id: c.id, nome: c.nome, setor: c.setor, cargo: c.cargo,
categoria: getCategoriaKey(c.id), nivel: c.nivel, gestor: c.gestorNome || '',
email: c.email, tempoEmpresa_meses: c.tempoEmpresa, tempoCargo_meses: c.tempoCargo,
academico: c.academico || '', vinculo: d.vinculo || '',
salarioBruto: d.salarioBruto || '', jornadaTrabalho: d.jornadaTrabalho || '',
horasMensais: d.horasMensais || '', centroCusto: d.centroCusto || '',
dataContratacao: d.dataContratacao || '', dataNascimento: d.dataNascimento || '',
cargoLideranca: d.cargoLideranca || '', cargoConfianca: d.cargoConfianca || '',
genero: dv.genero || '', etnia: dv.etnia || '', estadoCivil: dv.estadoCivil || '',
orientacao: dv.orientacao || '', deficiencia: dv.deficiencia || '',
religiao: dv.religiao || '',
};
});
downloadCsvFromRows(`escalab_colaboradores_completo_${new Date().getFullYear()}.csv`, rows);
}} style={{ border:'1px solid var(--escalab-line)', background:'#fff', color:'var(--escalab-slate)', borderRadius:9, padding:'8px 14px', cursor:'pointer', fontSize:13, fontWeight:600, display:'inline-flex', alignItems:'center', gap:6 }}>
{
const desligs = getDesligamentos();
const mov = getMovimentacoesAll();
const ausencias = lerLS('escalab_ausencias', []);
const ferias = lerLS('escalab_ferias', []);
const treinos = lerLS('escalab_treinamentos_v2', null) || lerLS('escalab_treinamentos', []);
const sections = {
desligamentos: desligs.map(d => ({ id: d.id, nome: d.nome, setor: d.setor, cargo: d.cargo, categoria: d.categoriaKey, motivo: d.motivoId, dataSaida: d.dataSaida })),
admissoes: ADMISSOES_DEMO.map(a => ({ id: a.id, nome: a.nome, categoria: a.categoria, admitidoEm: a.admitidoEm, aberturaEm: a.aberturaEm, diasProcesso: a.diasProcesso })),
avaliacoes: AVALIACOES.map(a => ({ id: a.id, cicloId: a.cicloId, avaliadorId: a.avaliadorId, avaliadoId: a.avaliadoId, tipo: a.tipo, nota: a.nota, status: a.status, data: a.data })),
feedbacks: FEEDBACKS.map(f => ({ id: f.id, colaboradorId: f.colaboradorId, data: f.data, responsavel: f.responsavel, trimestre: f.trimestre })),
ferias: ferias.map(f => ({ id: f.id, colaboradorId: f.colaboradorId, inicio: f.inicio, fim: f.fim, dias: f.dias, status: f.status })),
ausencias: ausencias.map(a => ({ id: a.id, colaboradorId: a.colaboradorId, motivo: a.motivo, dataInicio: a.dataInicio, dataFim: a.dataFim, status: a.status })),
treinamentos: treinos.map(t => ({ id: t.id, titulo: t.titulo, data: t.data, status: t.status, nps: t.nps, freq_fixos: t.freq_fixos, freq_assoc: t.freq_assoc })),
movimentacoes_admissao: mov.admissao.map(m => ({ id: m.id, etapa: m.etapa, criadoEm: m.criadoEm, nomeColaborador: m.dados?.nomeColaborador })),
movimentacoes_promocao: mov.promocao.map(m => ({ id: m.id, etapa: m.etapa, criadoEm: m.criadoEm, nomeColaborador: m.dados?.nomeColaborador })),
movimentacoes_desligamento: mov.desligamento.map(m => ({ id: m.id, etapa: m.etapa, criadoEm: m.criadoEm, nomeColaborador: m.dados?.nomeColaborador })),
};
const flat = [];
Object.entries(sections).forEach(([sec, arr]) => arr.forEach(row => flat.push({ secao: sec, ...row })));
downloadCsvFromRows(`escalab_dashboard_dados_${new Date().getFullYear()}.csv`, flat);
}} style={{ border:'1px solid var(--escalab-line)', background:'#fff', color:'var(--escalab-slate)', borderRadius:9, padding:'8px 14px', cursor:'pointer', fontSize:13, fontWeight:600, display:'inline-flex', alignItems:'center', gap:6 }}>
{/* Snapshots retroativos */}
{Object.keys(snaps).length > 0 && (
Snapshots salvos
{Object.entries(snaps).sort((a,b) => Number(b[0]) - Number(a[0])).map(([ano, s]) => (
{ano}
{s.totalColab} pessoas
· {(new Date(s.em || Date.now())).toLocaleDateString('pt-BR')}
))}
downloadJson(`escalab_snapshots_todos_anos.json`, snaps)}
style={{ marginLeft:'auto', border:'1px solid var(--escalab-line)', background:'#fff', color:'var(--escalab-slate)', borderRadius:8, padding:'5px 12px', cursor:'pointer', fontSize:12, fontWeight:600, display:'inline-flex', alignItems:'center', gap:5 }}>
)}
{/* Navegação em 2 níveis: categorias coloridas + sub-abas dentro */}
{/* Filtro temporal global · afeta KPIs e gráficos que aceitam corte (PDF Site AVD (2)) */}
{abaPainel !== 'geral' &&
}
{abaPainel === 'topo' &&
}
{abaPainel === 'recrutamento' &&
}
{abaPainel === 'perfil' && (<>
)}
{abaPainel === 'treinamento' &&
}
{abaPainel === 'avd_feedback' &&
}
{abaPainel === 'diversidade' &&
}
{abaPainel === 'geral' && (<>
{/* KPIs · cartões com gradiente */}
{(() => {
const fixos = COLABORADORES.filter(c => getCategoriaKey(c.id) === 'fixo').length;
const associados = totalColab - fixos;
const kpis = [
{ label:'Equipe Total', val:totalColab, sub:'colaboradores ativos', g:'linear-gradient(135deg,#00967B,#004A3C)', icon:'users' },
{ label:'Fixos', val:fixos, sub:`${Math.round(fixos/totalColab*100)}% da equipe`, g:'linear-gradient(135deg,#1F4A8A,#0A1E50)', icon:'user' },
{ label:'AVD '+cicloAtivo?.nome,val:`${avsConc}/${avsTot}`, sub:'avaliações concluídas', g:'linear-gradient(135deg,#6B3FA0,#3A1E70)', icon:'clipboard' },
{ label:'Tempo Médio', val:`${(tempoMedio/12).toFixed(1)} a`, sub:'de empresa no time', g:'linear-gradient(135deg,#B56500,#7A3F00)', icon:'calendar' },
];
return (
{kpis.map(k => (
{k.label}
{k.val}
{k.sub}
))}
);
})()}
{/* Row 2: Headcount por setor (real) + Distribuição da equipe */}
{/* Headcount por setor · dados reais de COLABORADORES */}
{(() => {
const porSetor = Object.entries(
COLABORADORES.reduce((acc, c) => { acc[c.setor] = (acc[c.setor] || 0) + 1; return acc; }, {})
).sort((a, b) => b[1] - a[1]).slice(0, 8);
const maxN = porSetor[0]?.[1] || 1;
const CORES_SETOR = ['#00967B','#1F4A8A','#6B3FA0','#E89B3B','#00836B','#B3261E','#4A5560','#005E4D'];
return (
Headcount por Setor
Distribuição atual · {COLABORADORES.length} pessoas
{porSetor.map(([setor, n], i) => (
))}
);
})()}
{/* Distribuição da equipe · fixos vs associados */}
{(() => {
const cats = [
{ key: 'fixo', label: 'Fixo', cor: '#1F4A8A', bg: '#EEF3FA' },
{ key: 'associado_projetos', label: 'Assoc. Projetos', cor: '#00836B', bg: '#E6F5F1' },
{ key: 'associado_editais', label: 'Assoc. Editais', cor: '#6B3FA0', bg: '#F4EEFF' },
{ key: 'associado_vb', label: 'Venture Builder', cor: '#B56500', bg: '#FFF7EB' },
{ key: 'associado_redes', label: 'Redes', cor: '#005E4D', bg: '#E6F5F1' },
];
const counts = {};
COLABORADORES.forEach(c => { const k = getCategoriaKey(c.id); counts[k] = (counts[k] || 0) + 1; });
const total = COLABORADORES.length;
return (
Composição da Equipe
Modalidades de vínculo
{cats.map(c => {
const n = counts[c.key] || 0;
if (!n) return null;
return (
{c.label}
{n} ({Math.round(n/total*100)}%)
);
})}
);
})()}
{/* Row 3: Nível da equipe + Feedbacks por setor */}
{/* Perfil por nível + tempo médio · dados reais */}
{(() => {
const niveis = [
{ key: 'diretor', label: 'Diretor(a) / CEO', cor: '#1F4A8A', bg: '#EEF3FA' },
{ key: 'lider', label: 'Líder / Especialista', cor: '#00967B', bg: '#E6F5F1' },
{ key: 'liderado', label: 'Colaborador', cor: '#6B3FA0', bg: '#F4EEFF' },
];
const total = COLABORADORES.length;
return (
Perfil da Equipe
Distribuição por nível hierárquico
{niveis.map(nv => {
const pessoas = COLABORADORES.filter(c => c.nivel === nv.key);
const n = pessoas.length;
const tempoMedioN = n ? Math.round(pessoas.reduce((s, c) => s + c.tempoEmpresa, 0) / n) : 0;
const anos = Math.floor(tempoMedioN / 12);
const meses = tempoMedioN % 12;
const tempoStr = anos > 0 ? `${anos}a ${meses > 0 ? meses + 'm' : ''}`.trim() : `${meses}m`;
return (
);
})}
{[
{ label: 'Tempo médio geral', val: (() => { const m = Math.round(COLABORADORES.reduce((s, c) => s + c.tempoEmpresa, 0) / total); const a = Math.floor(m/12); return a > 0 ? `${a}a ${m%12}m` : `${m}m`; })() },
{ label: 'Maior tempo', val: (() => { const m = Math.max(...COLABORADORES.map(c => c.tempoEmpresa)); const a = Math.floor(m/12); return a > 0 ? `${a}a ${m%12}m` : `${m}m`; })() },
].map(s => (
))}
);
})()}
Feedbacks por Setor
1T2025 · Cobertura atual
{FEEDBACKS_SETOR_ATUAL.map(f => {
const tone = f.pct >= 90 ? '#00967B' : f.pct >= 60 ? '#E89B3B' : '#E05050';
const bg = f.pct >= 90 ? '#E6F5F1' : f.pct >= 60 ? '#FFF4E6' : '#FDECEC';
return (
);
})}
{[['#00967B', '≥90%'], ['#E89B3B', '60-90%'], ['#E05050', '<60%']].map(([c, l]) => (
))}
)}
{abaPainel === 'movimentacoes' && (() => {
const totalQuadro = COLABORADORES.length;
const movs = MOVIMENTACOES.slice().sort((a, b) => b.data.localeCompare(a.data));
const nPromo = movs.filter(m => m.tipo === 'promocao').length;
const nMerito = movs.filter(m => m.tipo === 'merito').length;
const nLateral = movs.filter(m => m.tipo === 'lateral').length;
const pessoasMovidas = new Set(movs.map(m => m.colaboradorId)).size;
const taxaMobilidade = totalQuadro ? Math.round(pessoasMovidas / totalQuadro * 100) : 0;
// Agrupa pela classificação escolhida (nível de destino ou cargo de destino)
const grupos = {};
movs.forEach(m => {
const chave = movClassificar === 'nivel' ? (NIVEL_LABEL[m.nivelPara] || m.nivelPara) : m.para;
grupos[chave] = (grupos[chave] || 0) + 1;
});
const gruposArr = Object.entries(grupos).map(([k, n]) => ({ k, n })).sort((a, b) => b.n - a.n);
const maxG = Math.max(1, ...gruposArr.map(g => g.n));
const mesBR = ym => { const [y, mm] = ym.split('-'); const M = ['jan', 'fev', 'mar', 'abr', 'mai', 'jun', 'jul', 'ago', 'set', 'out', 'nov', 'dez']; return `${M[parseInt(mm) - 1]}/${y.slice(2)}`; };
return (
{/* KPIs de mobilidade */}
{[
{ label: 'Movimentações', val: movs.length, sub: 'no período', cor: 'var(--escalab-brand)', bg: 'var(--escalab-brand-tint)' },
{ label: 'Promoções', val: nPromo, sub: 'mudança de nível', cor: '#00836B', bg: '#E6F5F1' },
{ label: 'Mérito / lateral', val: nMerito + nLateral, sub: 'mesmo nível', cor: '#1F4A8A', bg: '#EEF3FA' },
{ label: 'Taxa de mobilidade', val: taxaMobilidade + '%', sub: `${pessoasMovidas} de ${totalQuadro} pessoas`, cor: '#B56500', bg: '#FFF7EB' },
].map(k => (
{k.label}
{k.val}
{k.sub}
))}
{/* Progressão por classificação */}
Progressão de carreira
Movimentações por {movClassificar === 'nivel' ? 'nível' : 'cargo'}
{[{ id: 'nivel', label: 'Nível' }, { id: 'cargo', label: 'Cargo' }].map(o => (
setMovClassificar(o.id)} style={{
border: 0, borderRadius: 6, padding: '5px 12px', cursor: 'pointer', fontSize: 12.5, fontFamily: 'var(--font-sans)', fontWeight: movClassificar === o.id ? 700 : 500,
background: movClassificar === o.id ? '#fff' : 'transparent', color: movClassificar === o.id ? 'var(--escalab-brand-deep)' : 'var(--escalab-mute)',
boxShadow: movClassificar === o.id ? '0 1px 3px rgba(0,0,0,.08)' : 'none',
}}>{o.label}
))}
{gruposArr.map(g => (
))}
{/* Linha do tempo das movimentações */}
Histórico
Movimentações recentes
{movs.map(m => {
const t = MOV_TIPOS[m.tipo] || MOV_TIPOS.merito;
return (
{m.nome.split(' ').slice(0, 2).join(' ')}
{m.de} → {m.para}
{m.tipo === 'promocao' ? 'Promoção' : m.tipo === 'merito' ? 'Mérito' : 'Lateral'}
{mesBR(m.data)}
);
})}
);
})()}
{abaPainel === 'admissoes' && (<>
Análises de turnover foram consolidadas na guia Turnover · Consolidado .
)}
{abaPainel === 'turnover' &&
}
{abaPainel === 'remuneracao' && (<>
)}
{abaPainel === 'ferias' && (<>
{/* PDF Site AVD (2): "Resumo de férias" removido daqui (já existe na tela de Férias).
"Ausências pendentes" também removido (estava sobrecarregando). */}
)}