Rebranding
La única superficie de cambio de marca es src/config/app.ts (appConfig). Este archivo es consumido
por la barra lateral (logotipo + nombre + navegación), la cabecera del documento raíz (título +
descripción), el proveedor de tema y las páginas de autenticación (encabezado de marca).
Nada más debería hardcodear el nombre del producto o el logotipo.
Pasos
-
Editar
src/config/app.ts:name— nombre del producto (barra lateral,<title>, encabezado de autenticación).description—<meta name="description">.logo— cualquier componente de icono Phosphor (ej.import { RocketIcon }).theme—{ defaultTheme: "light" | "dark" | "system", enableSystem }.
-
La navegación se encuentra en
src/lib/sidebar-items.ts(mainMenuItems,bottomMenuItems), expuesta comoappConfig.nav. Añadir/eliminar/reordenar elementos; mantener la línea// create-resource:anchor(el generador inserta encima de ella). -
Los tokens de tema (colores) son variables CSS en
src/styles/app.css(--primary,--chart-1..5, …) para el modo claro y.dark. Los gráficos y StatusChips se re-tematizan automáticamente.
Verificar
bun run check, luego cargar la aplicación: la barra lateral, la pestaña del navegador y la
página de inicio de sesión mostrarán la nueva marca. La prueba unitaria appConfig verifica las
invariantes de navegación (src/config/app.test.ts).