Solutio

Aspirational Flows

7 mockups de flows documentados en UX_FLOWS.md que aún no tienen UI en el portal real (devuelven 404 o no existen). Diseñados con el sistema visual de Solutio para servir como referencia en Figma.

Recuperar contraseña

Aspiracional

Form para pedir link de reset al email. Endpoint `/forgot-password` devuelve 404 actualmente.

reset-password.html

Activar 2FA (setup)

Aspiracional

QR + código backup. Stepper 2/3. Para superadmin obligatorio en próxima iteración.

2fa-setup.html

Verificación 2FA (login)

Aspiracional

Pantalla post-login para introducir código TOTP. Pantalla intermedia entre /login y /admin.

2fa-verify.html

Sesión expirada

Aspiracional

Modal sobre backdrop blur tras 1 h de inactividad. Auto-redirect 30 s. Vuelta a la ruta original.

session-expired.html

Acceso denegado

Aspiracional

Pantalla 403 cuando user intenta acceder a tenant sin scope. Muestra rol actual + recurso requerido + CTA "solicitar acceso".

permission-denied.html

Confirmación logout

Aspiracional

Modal de confirmación con avatar + opción "cerrar sesión en todos los dispositivos". Hoy no hay logout button visible en el portal.

logout-confirmation.html

Onboarding nuevo tenant

Aspiracional

Wizard 3 pasos (Cuenta → Empresa → Módulos). Pantalla mostrada: paso 2 con form CIF + tier picker.

onboarding.html