# Implementacion por Oleadas - Rediseño Premium

## Oleada 1 (completada en esta iteracion)
- Auditoria integral y priorizacion por impacto.
- Definicion de journeys y blueprint por pantalla.
- Design System v2 (tokens unificados web + Flutter).
- Motion util base y mejora de accesibilidad.
- Rediseño inicial de:
  - landing web,
  - dashboard portal,
  - shell mobile,
  - listados core mobile (jobs/housing/rides).

## Oleada 2 (recomendada)
- Formularios multi-step de publicacion con progreso y validacion contextual.
- Modernizacion de panel admin (soporte, SLA, auditoria) con mejor densidad.
- Homologacion total de estados en pantallas secundarias.
- Instrumentacion de eventos UX para medir conversion/funnel.

### Estado actual oleada 2
- Implementado: formularios guiados por pasos en `publish_job`, `publish_housing` y `publish_ride`.
- Implementado: mejora visual y jerarquica en admin (`dashboard`, `support-ticket-board`, `support-ticket-detail`).
- Pendiente: instrumentacion de eventos UX y rediseño profundo de auditoria avanzada.

## Oleada 3 (excelencia premium)
- Sistema de identidad visual avanzado (imagenes, iconografia de marca, tono editorial).
- Dark mode y personalizacion de apariencia.
- Motion avanzado contextual (sin comprometer rendimiento).
- Refinamiento continuo con metricas reales.

### Estado actual oleada 3
- Implementado: dark mode por sistema en Flutter (`themeMode: system`) con tema oscuro dedicado.
- Implementado: dark mode web via `prefers-color-scheme` en `mallorca.css`.
- Implementado: base de eventos UX en web (`window.mtTrack`) y mobile (`UxEventTracker`).
- Implementado: refinamiento premium de listados en `jobs`, `housing` y `rides`, y hardening UX en detalle de empleo.

### Cierre P0 adicional
- Implementado: persistencia backend de eventos UX (`ux_events`) con endpoints `POST /api/v1/ux-events` y `POST /api/v1/ux-events/batch`.
- Implementado: endpoint de conversion para staff `GET /api/v1/admin/kpis/conversion`.
- Implementado: mejoras de accesibilidad web/admin (`for/id`, `aria-label`, `role=alert`, toasts con `aria-live`).
- Implementado: unificacion de estados UX en pantallas secundarias Flutter (soporte, fraude, recomendaciones, categorias, chat, detalles).

## Validacion obligatoria
- `flutter analyze` y pruebas Flutter relevantes.
- Verificacion responsive en web (mobile/tablet/desktop).
- Smoke test de rutas portal/admin.
- Comprobaciones de accesibilidad basica (focus, contraste, lectura de estados).

## KPI a monitorear
- Tiempo a primera accion util.
- Conversion registro -> primera accion.
- Finalizacion de publicacion.
- Retencion semanal de usuarios activos.
- Ratio de recuperacion tras error.