// ═══════════════════════════════════════════════════════════════ // APP · Escalab Gestão de Pessoas · raiz do aplicativo // ═══════════════════════════════════════════════════════════════ // perfis: admin=GC, gestor=lider de setor, financeiro=adm financeiro, colaborador, admissao=novo colaborador aguardando const NAV = [ { id: 'intranet', label: 'Intranet', icon: 'home', perfis: ['admin', 'gestor', 'colaborador', 'financeiro'] }, { id: 'avisos', label: 'Avisos', icon: 'bell', perfis: ['admin', 'gestor', 'colaborador', 'financeiro'] }, { id: 'dashboard', label: 'Painel', icon: 'chart', perfis: ['admin'] }, { id: 'colaboradores', label: 'Colaboradores', icon: 'users', perfis: ['admin', 'gestor', 'financeiro'] }, { id: 'organograma', label: 'Organograma', icon: 'org', perfis: ['admin', 'gestor', 'colaborador', 'financeiro'] }, { id: 'recrutamento', label: 'Recrutamento', icon: 'users', perfis: ['admin', 'gestor', 'financeiro'] }, // financeiro ve tudo (regra global do 81a4921 ja plugada em screen-recrutamento) { id: 'admissao', label: 'Admissão', icon: 'plus', perfis: ['admin', 'financeiro', 'admissao'] }, // PDF Site AVD 5 · item 23: gestor não vê { id: 'movimentacao', label: 'Movimentação', icon: 'send', perfis: ['admin', 'gestor', 'financeiro'] }, { id: 'ferias', label: 'Férias & Day Off', icon: 'calendar', perfis: ['admin', 'gestor', 'colaborador', 'financeiro'] }, { id: 'ausencia', label: 'Ausências', icon: 'warn', perfis: ['admin', 'gestor', 'colaborador', 'financeiro'] }, { id: 'horas', label: 'Horas', icon: 'clock', perfis: ['admin', 'gestor', 'colaborador'] }, // Gestor/colaborador: grupo Pesquisas com AVD + PCO + Censo + Outras Pesquisas { id: '_pesquisas_gc', label: 'Pesquisas', icon: 'clipboard', perfis: ['gestor', 'colaborador'], isGroup: true, filhos: [ { id: 'avd', label: 'AVD & Feedback', icon: 'star' }, { id: 'pco', label: 'PCO · Clima', icon: 'chart' }, { id: 'censo', label: 'Censo de Diversidade', icon: 'users' }, { id: 'outras_pesquisas', label: 'Outras Pesquisas', icon: 'send' }, ] }, // Financeiro: grupo Pesquisas com AVD + Censo + Outras Pesquisas (igual admin, sem PCO) { id: '_pesquisas_fin', label: 'Pesquisas', icon: 'clipboard', perfis: ['financeiro'], isGroup: true, filhos: [ { id: 'avd', label: 'AVD & Feedback', icon: 'star' }, { id: 'censo', label: 'Censo de Diversidade', icon: 'users' }, { id: 'outras_pesquisas', label: 'Outras Pesquisas', icon: 'send' }, ] }, // Admin: grupo "Pesquisas" expansível com AVD, PCO, Censo e Outras Pesquisas { id: '_pesquisas', label: 'Pesquisas', icon: 'clipboard', perfis: ['admin'], isGroup: true, filhos: [ { id: 'avd', label: 'AVD & Feedback', icon: 'star' }, { id: 'pco', label: 'PCO', icon: 'chart' }, { id: 'censo', label: 'Censo de Diversidade', icon: 'users' }, { id: 'outras_pesquisas', label: 'Outras Pesquisas', icon: 'send' }, ] }, { id: 'treinamentos', label: 'Treinamentos', icon: 'trophy', perfis: ['admin', 'gestor', 'colaborador'] }, { id: 'pdi', label: 'PDI', icon: 'trend_up', perfis: ['admin', 'gestor', 'colaborador'] }, // SPEC_PDI.md · spec entregue por G&C em 16/06/2026 · colaborador vê seu próprio PDI { id: 'completar_cadastro', label: 'Meus Dados', icon: 'user', perfis: ['gestor', 'colaborador', 'financeiro', 'admissao'] }, // modelo Caju · auto-cadastro de docs/diversidade. Admin nao tem auto-cadastro. { id: 'admin', label: 'Administração', icon: 'lock', perfis: ['admin'] }, // Painel GC: liberar notas, usuarios, ciclos, intersetorial, cargos, tabela salarial, banco de perguntas, permissoes, indicadores financeiros ]; // Sidebar tem 232px quando aberta. "Escalab" + chip "Gestao de Pessoas" // estourava — agora usa "GC" compacto, que ainda identifica claramente o app. // title="Gestao de Pessoas" preserva o nome completo em hover. const Logo = () => (
{ e.target.style.display = 'none'; }} /> Escalab GC
); const Sidebar = ({ user, screen, onNavigate, onLogout, collapsed, onToggle }) => { const bloq = new Set(getPaginasBloqueadas(user.id)); const navItems = NAV .filter(n => n.perfis.includes(user.perfil)) .map(n => n.isGroup ? { ...n, filhos: (n.filhos || []).filter(f => !bloq.has(f.id)) } : n) .filter(n => n.isGroup ? n.filhos.length > 0 : !bloq.has(n.id)); // Auto-expande o grupo que contém a tela ativa const grupoDoScreen = navItems.find(n => n.isGroup && n.filhos?.some(f => f.id === screen)); const [gruposAbertos, setGruposAbertos] = useState(() => grupoDoScreen ? new Set([grupoDoScreen.id]) : new Set()); function toggleGrupo(id) { setGruposAbertos(prev => { const next = new Set(prev); next.has(id) ? next.delete(id) : next.add(id); return next; }); } function renderItem(n, isFilho = false) { const active = screen === n.id || (screen === 'perfil' && n.id === 'colaboradores'); return ( ); } return ( ); }; const Topbar = ({ screen, user, onVerPerfil, onNavigate, onAbrirFeedback }) => { const allItems = NAV.reduce((acc, n) => { acc.push(n); if (n.filhos) n.filhos.forEach(f => acc.push(f)); return acc; }, []); const label = allItems.find(n => n.id === screen)?.label || (screen === 'perfil' ? 'Perfil' : ''); return (
{label}
{onAbrirFeedback && ( )}
); }; const SCREEN_LABELS = { dashboard: 'Painel', colaboradores: 'Colaboradores', perfil: 'Perfil', organograma: 'Organograma', recrutamento: 'Recrutamento', admissao: 'Admissão', movimentacao: 'Movimentações', ferias: 'Férias', ausencia: 'Ausências', horas: 'Banco de Horas', outras_pesquisas: 'Outras Pesquisas', avisos: 'Avisos', avd: 'AVD', treinamentos: 'Treinamentos', pco: 'PCO', censo: 'Censo de Diversidade', intranet: 'Intranet', pdi: 'PDI', admin: 'Administração', completar_cadastro: 'Meus Dados', }; const FEEDBACK_KEY = 'escalab_feedbacks'; const FeedbackModal = ({ open, onClose, user, screen }) => { const [tipo, setTipo] = useState('sugestao'); const [texto, setTexto] = useState(''); const [enviando, setEnviando] = useState(false); const [enviado, setEnviado] = useState(false); useEffect(() => { if (open) { setTipo('sugestao'); setTexto(''); setEnviado(false); } }, [open]); if (!open) return null; async function enviar() { if (!texto.trim()) return; setEnviando(true); const tela = SCREEN_LABELS[screen] || screen || '·'; const tipoLabel = { sugestao: 'Sugestão', bug: 'Erro / Bug', elogio: 'Elogio', outro: 'Outro' }[tipo] || tipo; const registro = { id: 'fb' + Date.now(), data: new Date().toISOString(), por: user?.nome || '·', email: user?.email || '', tela, tipo: tipoLabel, texto: texto.trim(), }; try { const lista = JSON.parse(localStorage.getItem(FEEDBACK_KEY) || '[]'); lista.unshift(registro); localStorage.setItem(FEEDBACK_KEY, JSON.stringify(lista)); } catch {} const subject = `[Pré-lançamento Escalab Gestão de Pessoas] ${tipoLabel} · ${tela}`; const corpo = [ `Tipo: ${tipoLabel}`, `Tela: ${tela}`, `Por: ${user?.nome || '·'} (${user?.email || 'sem e-mail'})`, `Perfil: ${user?.perfil || '·'}`, `Data: ${new Date().toLocaleString('pt-BR')}`, '', texto.trim(), ].join('\n'); try { if (typeof enviarEmailEscalab === 'function') { await enviarEmailEscalab({ // Pre-lancamento: vai pra Maria Clara (GC) com copia pra Hiago to: 'mclaraferreira@escalab.com.br', cc: 'hiago.lucas@escalab.com.br', subject, corpo, replyTo: user?.email || undefined, }); } } catch {} setEnviando(false); setEnviado(true); setTimeout(() => { setEnviado(false); onClose?.(); }, 1800); } return ( }>
Estamos em pré-lançamento. Sua opinião sobre o que você acabou de ver ajuda a chegar ao lançamento oficial sem surpresas.
{[ { id: 'sugestao', label: 'Sugestão' }, { id: 'bug', label: 'Erro / Bug' }, { id: 'elogio', label: 'Elogio' }, { id: 'outro', label: 'Outro' }, ].map(opt => { const ativo = tipo === opt.id; return ( ); })}
{SCREEN_LABELS[screen] || screen || '·'}