Frontend

GPS Dashboard (GpsDashboard.js)

// Parámetros anti-drenaje
const GPS_CONFIG = {
    enableHighAccuracy: false,  // 3× menos batería
    maximumAge: 10000,          // Reutiliza caché 10s
    timeout: 15000
};
const THROTTLE_MS = 5000;       // 1 punto cada 5s
const FLUSH_INTERVAL = 30000;   // Batch cada 30s
const IDLE_THRESHOLD = 60000;   // Pausa si <2 km/h por 60s

Auth flow

1. Login → recibe access_token (15min) + refresh_token (HttpOnly cookie, 7 días)
2. access_token se guarda en variable Zustand (NUNCA localStorage)
3. Interceptor Axios: si 401 → auto-refresh vía cookie → retry
4. Logout → POST /auth/logout → limpia store + cookie

Pantallas ARCO

• Acceso: botón "Descargar mis datos" → JSON download
• Rectificación: formulario email/phone con doble confirmación
• Cancelación: modal con warning "Tus datos transaccionales se conservan 7 años por ley fiscal"
• Oposición: toggles para marketing/investigación

Consentimientos

• Finalidad operacion: toggle deshabilitado (obligatoria)
• Finalidad marketing: toggle activo, default OFF
• Finalidad investigacion: toggle activo, default OFF

Offline-first

• Service worker cachea shell + última jornada
• Comandos de voz se encolan en IndexedDB si no hay red
• Al recuperar conexión: flush queue → sync con server
• GPS points se bufferizan local y se envían en batch

Anti-patterns

• ❌ localStorage para tokens
• ❌ any en TypeScript
• ❌ Inline styles (usar Tailwind classes)
• ❌ console.log en producción (usar logger service)