mercadodevida/work/artifacts/F-157/architect.md

F-157 — Diseño

Decisión

Usar un layout anidado de Next.js en app/(dashboard)/reporting/layout.tsx para alojar navegación local persistente, siguiendo el patrón visual de las pestañas internas de Ajustes.

Cambios

1. permissions.ts: el modelo del sidebar vuelve a ser plano; solo existe la entrada principal /reporting.
2. Dashboard layout: renderiza únicamente entradas del menú principal, sin subitems.
3. Reporting nested layout: lista local Dashboard, Ventas y Productos con estado activo según usePathname.
4. /reporting: redirige a /reporting/dashboard, que actúa como apartado inicial.

Riesgos

• Evitar que /reporting se marque distinto: el sidebar usa pathname.startsWith('/reporting').
• Evitar duplicar paddings: el layout local solo añade estructura flex y deja a cada página su contenido.
• Mantener RBAC existente; no se introducen rutas ni permisos nuevos.