Vou construir este dashboard de qualidade de dados educacional completo. Primeiro, vou gerar inspiracao de design e verificar o codebase existente.
Vou comecar pelo tema, layout global e navegacao. Vou criar todos os arquivos necessarios.
Agora vou criar os dados mock, o layout do dashboard com sidebar, e todos os componentes. Vou comecar criando os dados e o layout:
Agora vou criar os componentes da P1 (Visao Geral) e a pagina principal:
O dashboard de Prontidao Escolar esta completo com todas as 8 paginas especificadas. Criei um tema com cores semanticas (azul primario, vermelho/amarelo/verde para status) aplicado via tokens CSS, uma sidebar de navegacao colapsivel com icones Lucide, e todas as paginas: P1 (Visao Geral com KPIs, graficos de barras empilhadas e linha de tendencia), P2 (Fila de Correcao com filtros rapidos, ranking horizontal e tabela operacional), P3 (Regras de Qualidade com heatmap, barras de erros e tendencia por regra), P4 (Classroom com metricas de course/owner/sync), P5 (Horarios com correlacao prontidao), e P6/P7/P8 (drillthrough de turma, professor e aluno com checklist, detalhes e botoes de acao). Todos os graficos utilizam Recharts com tooltips estilizados e os dados mock estao centralizados em lib/mock-data.ts para facil substituicao futura por dados reais.