Sobre o projeto

Metis é um template de dashboard admin gratuito, licenciado sob MIT, mantido pela Colorlib. O README o apresenta como um template modernizado para construção de interfaces administrativas, com código-fonte em src-modern e saída de produção em dist-modern. Requer Node.js 20.19+ e npm ou yarn. O template utiliza Bootstrap 5.3.8, Alpine.js 3.17, JavaScript ES6+, Vite 8.2, Sass e ApexCharts. Inclui Bootstrap Icons, usando apenas os ícones utilizados na compilação; propriedades CSS personalizadas para theming; modo escuro/claro com persistência via localStorage; layouts responsivos; e a fonte Inter. O README enfatiza um design system onde a estrutura provém de bordas em vez de sombras, uma única cor de destaque para interações, e uma paleta de gráficos validada no scripts/utils/chart-palette.js que define as cores dos gráficos. As páginas incluídas cobrem dashboards analíticos, gestão de usuários com formulários CRUD, gestão de produtos, gestão de pedidos, gerenciador de arquivos, calendário, estilos de mensagens/chat, relatórios com tabelas/filtragem/exportação, configurações, segurança e ajuda/suporte. Páginas de autenticação e erro incluem login, criação de conta, esqueci/redefine senha, verificação em dois passos, tela de bloqueio, 404, 500 e página de manutenção. Experiência do desenvolvedor: servidor de desenvolvimento Vite com HMR, suporte opcional a TypeScript, componentes modulares, arquitetura SCSS com abstracts/components/layout/pages/themes, source maps, linting e formatação. Scripts incluem npm run dev, build, preview, lint, format, audit, test:build, verify, clean. O teste de fumaça carrega todas as páginas construídas no Chromium headless e verifica exceções não tratadas, erros de console, requisições falhas ou externas, gráficos ausentes e syntax highlighting ausente; Playwright não é dependência intencional e pode ser fornecido separadamente. CI executa o teste de fumaça no push e semanalmente. Notas de versão descrevem endurecimento de segurança, melhorias de acessibilidade, trabalho de performance, correções de memory leaks, biblioteca de charting unificada, atualizações de toolchain e remoção de JavaScript inline. O README afirma zero requisições a terceiros em runtime: fonts, gráficos, syntax highlighting e imagens são auto-hospedados, permitindo funcionamento offline e atrás de uma CSP restrita. Suporte a navegadores: Chrome 90+, Firefox 88+, Safari 14+, Edge 90+, sem IE11. O repositório inclui links de documentação para componentes, customização e deployment, além de diretrizes de contribuição.