POT POC
81 pantallas · Fase 1 MVP
Prototipo interactivo para validar flows, hacer handoff a R4, presentar a merchants, y servir de spec viva para el dev del MVP real. Stack: Next.js 14 + Tailwind + Lucide. Cobertura actual: 81/81 pantallas con UI completa; el resto son placeholders navegables con la spec del PRD.
👤Worker App(28)
Worker · Onboarding · 10
W-01· ready
Splash
Bg accent, logo POT centrado, loader, auto-advance 2s.
W-02· ready
Welcome Pre-auth
Bg white, logo, H1 Comencemos, body + CTAs Regístrate (outline) / Iniciar sesión (filled).
W-03· ready
Phone input
Back + título Tu teléfono, country picker +58, input phone, CTA Continuar.
W-04· ready
OTP verify
Back + Código de verificación, 6 inputs OTP, reenviar timer 30s, cambiar número.
W-05· ready
Cédula
Selector V/E segmented + input numérico, CTA Continuar.
W-06· ready
Datos personales
Inputs Nombre + Apellido, upload foto circular opcional, CTA Continuar.
W-07· ready
Banco y Pago Móvil
Dropdown 24 bancos VE + cédula titular + teléfono Pago Móvil.
W-08· ready
Permisos Push
Ilustración bell + CTAs Activar / Ahora no, trigger native prompt.
W-09· ready
Términos y condiciones
Scroll resumen + checkbox Acepto + CTA Crear cuenta (disabled until check).
W-10· ready
Welcome + QR generado
Confetti, QR personal grande, name greeting, CTAs Compartir/Descargar/PDF. Brand moment.
Worker · Core · 10
W-11· ready
Home
Top bar + ingresos del día (Bs+USD), toggle Hoy/Semana/Mes, últimas propinas, bottom nav.
W-12· ready
QR detail
QR grande en card shadow, nombre + cédula parcial, CTAs Compartir/Descargar/PDF.
W-13· ready
Historial
Filtros Hoy/Semana/Mes + Todas/Personales/Por pote. Lista cronológica.
W-14· ready
Detalle transacción
Hero monto + badge Validado por R4 + detalles + CTA Ver PoT + Reportar problema.
W-15· ready
Reportar problema (modal)
Radios razón + textarea opcional + CTA Enviar reporte.
W-16· ready
Mi cuenta
Avatar + datos + sección Cuenta destino + Mis potes + Config + Cerrar sesión.
W-17· ready
Editar cuenta destino
Mismo layout W-07 con warning OTP re-verify + CTA Guardar.
W-18· ready
Notificaciones settings
Toggles Push master, Propinas, Resumen semanal, WhatsApp.
W-19· ready
Soporte / FAQ
Search bar acordeon FAQs + CTA Chatear por WhatsApp.
W-20· ready
Login (return user)
Logo + input phone + CTA Continuar + OTP + home. Links Soy nuevo / Cambié de teléfono.
Worker · Recovery · 1
Worker · Shared pote · 4
W-22· ready
Mis potes
Lista potes a los que perteneces. Cada item venue + rol + último ingreso.
W-23· ready
Unirme a pote
Input código (XXX-XXXX) o escanear QR invitación.
W-24· ready
Pote detail
Rol + porcentaje + stats semana + lista distribuciones recientes.
W-25· ready
Historial por pote
Filtros Todas/Pendientes/Pagadas + items cronológicos.
Worker · Estados · 3
W-26· ready
Tip recibido (modal)
Modal fullscreen accent. Checkmark + monto Bs/USD + From name. CTAs Listo / Ver detalle.
W-27· ready
Empty state (Home sin tips)
Ilustración qr-code + Aún no tienes propinas + CTA Ver mi QR.
W-28· ready
Error sin conexión
Ilustración wifi-off + CTA Reintentar. Variante R4 down.
🏪Commerce App(27)
Commerce · Onboarding · 9
C-01· ready
Splash
Igual W-01.
C-02· ready
Welcome Pre-auth
Para tu negocio + CTAs Registrar comercio / Iniciar sesión.
C-03· ready
Phone + OTP
Igual W-03 + W-04.
C-04· ready
Datos del comercio
Razón social + RIF (J/G/V) + Sector dropdown.
C-05· ready
Dirección fiscal
Estado/Ciudad/Dirección/Código postal.
C-06· ready
Cuenta destino del pote
Banco + Pago Móvil. Info: Aquí entran las propinas del pote.
C-07· ready
Identidad del gerente
Cédula + rol (Dueño/Gerente/Encargado).
C-08· ready
Upload registro mercantil
Drop zone PDF + camera capture + CTA Subir.
C-09· ready
Pending verification
Ilustración reloj + Verificación en 24h + CTAs Crear primer pote / Volver.
Commerce · Pote mgmt · 10
C-10· ready
Dashboard
Banner si pending, card ingresos día, toggle período, Mis potes cards, CTA Crear pote.
C-11· ready
Multi-pote view
Grid pote cards si >1 pote.
C-12· ready
Crear pote
Input nombre + toggle cuenta + form banco si cuenta distinta.
C-13· ready
Pote detail
QR venue + CTAs + sección Regla + Equipo + Últimos turnos + CTA Cerrar turno.
C-14· ready
Editar regla distribución
Selector 5 opciones segmented vertical + UI por selección + preview + CTA Guardar.
C-15· ready
Roster (Equipo)
Lista staff + search + CTA Agregar + swipe pausar/eliminar.
C-16· ready
Invitar staff
Teléfono + rol + peso/porcentaje + CTA Enviar invitación WhatsApp.
C-17· ready
Vista del staff
Modal informativo. Preview W-24 desde perspectiva worker.
C-18· ready
Cerrar turno
¿Quién trabajó hoy? + staff checkboxes + inputs hours/points + CTA Calcular.
C-19· ready
Preview distribución
Total pote + lista por trabajador + edit individual + CTA Confirmar y pagar.
Commerce · Pagos · 3
C-20· ready
Ejecutar pagos
Lista pagos pendientes + Marcar pagado + banner instrucciones.
C-21· ready
Confirmar pago individual (modal)
Datos worker + copy-all + input referencia + CTA Confirmar.
C-22· ready
Detalle distribución pasada
Audit trail + regla aplicada + snapshot roster + lista pagos + CTA Export PDF.
Commerce · Reporting · 3
💳Consumer Web(11)
Consumer Web · 11
S-01· ready
Landing post-scan
Hero card worker + Dale propina a [Nombre] + grid montos USD/Bs + Otro monto.
S-02· ready
Monto custom
Keypad numérico + display Bs principal/USD secundario + toggle Bs/USD.
S-03· ready
Mensaje opcional
Textarea 60 chars counter + placeholder pa la torta + CTA Continuar/Skip.
S-04· ready
Confirmación pre-pago
Resumen a quién/cuánto/mensaje + disclaimer 10% + CTA Pagar.
S-05· ready
Selector banco emisor
Grid bancos VE con logos.
S-06· ready
Instrucciones Débito Inmediato
Pasos 1/2/3 + input clave 8 dígitos + CTA Confirmar pago.
S-07· ready
Procesando
Loader + estados Validando/Procesando/Generando.
S-08· ready
PoT confirmado
Confetti + checkmark + Listo + Card PoT + CTAs WhatsApp/Compartir/Listo.
S-09· ready
PoT pública
Header POT + badge Validado por R4 + Card foto worker + referencia + CTA Compartir.
S-10· ready
Error de pago
Ilustración alert + razón específica + CTAs Reintentar / Otro banco.
S-11· ready
QR expirado / inválido
Ilustración qr-code crossed + mensajes según caso + CTA Volver.
⚙️Admin Web(10)
Admin Web · 10
A-01· ready
Login
Email + password + 2FA. Solariis team only. Card centrado.
A-02· ready
Dashboard
Stats hoy + gráficos tx/hora, success rate, R4 latency + Alertas badge.
A-03· ready
Lookup users
Search teléfono/cédula/ref + tabla + tap a A-04.
A-04· ready
Detalle user
Datos + historial tx + acciones (pausar/cambiar cuenta/reset OTP).
A-05· ready
Lookup transactions
Filtros + tabla paginada + tap a A-06.
A-06· ready
Detalle tx / regenerar PoT
Audit + webhook payload R4 + CTA Regenerar PoT URL.
A-07· ready
Cola verificación comercios
Lista pending KYC + tiempo en cola + tap a A-08.
A-08· ready
Detalle comercio / verify reject
Datos + preview registro + CTAs Verificar/Rechazar (razón obligatoria).
A-09· ready
Reconciliación R4
Discrepancias diarias POT vs R4 + acciones Investigar/Marcar resuelto.
A-10· ready
Logs / Health
Webhook logs R4 + API errors + Push delivery stats + R4 status.
🔁Transversales(5)
Transversales · 5
T-01· ready
Permiso push (pre-priming)
Custom screen antes del native iOS/Android prompt.
T-02· ready
Permiso cámara (consumer web)
Pre-priming antes del prompt browser.
T-03· ready
Update obligatorio
Bg accent + Nueva versión disponible + CTA Actualizar.
T-04· ready
Mantenimiento programado
Ilustración tools + ETA + Volvemos en X.
T-05· ready
Modal genérico de error
Icon alert + título/body variable + CTAs Reintentar/Cerrar.