# E250-C0056 — Mockups de la sección «Usuarios» (RBAC del panel)

Mockups estáticos (HTML + DaisyUI por CDN, tema `e250`) para validar la superficie visual
antes de promover el plan a `to-do/`. **No son código de producción.** El widget real se
construye por TDD con `build-frontend`.

Todas las variantes reutilizan el shell real de `PanelView.vue` (sidebar de 60 u con grupos
«Operación»/«Desarrollo», cabecera con breadcrumb, footer con email + «Salir») y añaden encima
un **nuevo grupo de nav «Administración»** con la entrada «Usuarios», visible sólo para
owner/admin. Copy en español, consistente con `locales/es.json`.

Roles en UI: Propietario (`badge-secondary` + ★), Admin (`badge-primary`), Editor (`badge-accent`),
Lector (`badge-ghost`).

## Variantes

- **v1-tabla-owner.html** — Lista en **tabla** (patrón `PanelMappingView`/`PanelApiLogsView`):
  card con tabla email + badge de rol, alta por **modal**, acciones por fila en un **dropdown**
  (cambiar rol, transferir, eliminar). Incluye un **panel-matriz de permisos** debajo. Vista desde
  la perspectiva del **owner**: su propia fila va resaltada, marcada ★ y sin acciones (no se puede
  degradar ni eliminar al owner). Crear un segundo owner no se ofrece en el modal.

- **v2-role-aware-switcher.html** — Igual superficie pero centrada en **role-awareness**: un
  selector demo (sólo del mockup) alterna owner / admin / editor / lector y muestra cómo cambia el
  panel — el grupo «Administración» desaparece para editor/lector, «Transferir propiedad» sólo
  aparece para el owner, y en una sección de contenido (Mapeo) los botones de escritura se ocultan
  para el lector. Alta por **formulario inline** (en vez de modal) y **modal de confirmación de
  transferencia** con el texto explícito «tú pasarás a Admin».

- **v3-tarjetas-rail.html** — Explora el eje **tarjetas vs tabla**: cada usuario es una card con
  avatar, rol como `select` inline y acciones al margen; el owner va en una card destacada con
  borde `secondary`. La **matriz de permisos** vive en un **rail lateral sticky** siempre visible
  (en vez de un panel al pie). Alta y transferencia por modal.

## Eje de decisión para `review-mockup`

1. **Tabla (v1/v2) vs tarjetas (v3)** para la lista de usuarios.
2. **Modal (v1/v3) vs formulario inline (v2)** para el alta.
3. **Matriz de permisos**: panel al pie (v1), prosa breve (v2) o rail lateral sticky (v3).
4. v2 es además la referencia de **cómo difiere el panel por rol** (sidebar y controles de escritura),
   independientemente del layout de lista que se elija.