ahpxex/open-dashboard

Rebrand

A única superfície de rebranding é src/config/app.ts (appConfig). Ela é consumida pela barra lateral (logotipo + nome + navegação), pelo cabeçalho do documento raiz (título + descrição), pelo provedor de tema e pelas páginas de autenticação (cabeçalho da marca). Nenhum outro local deve hardcodar o nome do produto ou logotipo.

Passos

1. Edite src/config/app.ts:

   • name — nome do produto (barra lateral, <title>, cabeçalho de autenticação).
   • description — <meta name="description">.
   • logo — qualquer componente de ícone do Phosphor (ex.: import { RocketIcon }).
   • theme — { defaultTheme: "light" | "dark" | "system", enableSystem }.

2. A navegação reside em src/lib/sidebar-items.ts (mainMenuItems, bottomMenuItems), disponibilizada como appConfig.nav. Adicione/remova/reordene itens; mantenha a linha // create-resource:anchor (o gerador insere acima dela).

3. Os tokens de tema (cores) são variáveis CSS em src/styles/app.css (--primary, --chart-1..5, …) para light e .dark. Gráficos e StatusChips se retematizam automaticamente.

Verificar

bun run check, depois carregue o aplicativo: a barra lateral, a aba do navegador e a página de login devem exibir a nova marca. O teste unitário appConfig verifica os invariantes de navegação (src/config/app.test.ts).