Wallet & Signing UI Preview
Static previews of every state for the wallet and signing flows.
Wallet Creation
Default — empty form
decafbot
Tu billetera
Ingresa tu correo para crear o consultar tu billetera en Solana.
Form filled
decafbot
Tu billetera
Ingresa tu correo para crear o consultar tu billetera en Solana.
Loading
decafbot
Tu billetera
Ingresa tu correo para crear o consultar tu billetera en Solana.
Wallet active
decafbot
Billetera activa
Estadoactive
Wallet IDwlt_8f3a2b1c...
Dirección7xKX...q4eR
Balance USDC$125.50
Error state
decafbot
Tu billetera
Ingresa tu correo para crear o consultar tu billetera en Solana.
Ingresa un correo válido (ej: nombre@dominio.com).
Pending creation
decafbot
Billetera en proceso
Estado: pendiente. Tu billetera se está creando.
Transaction Signing
Step 1 — Login required
decafbot
Autorizar retiro
1Ingresar
2Revisar
3Firmar
$50.00
USDC
Step 2 — Ready to sign
decafbot
Autorizar retiro
✓Ingresar
2Revisar
3Firmar
$50.00
USDC
usuario@decaf.so
Step 3 — Signing in progress
decafbot
Autorizar retiro
✓Ingresar
✓Revisar
3Firmar
$50.00
USDC
Firmando transacción...
Validating withdrawal
decafbot
Autorizar retiro
1Ingresar
2Revisar
3Firmar
Validando retiro...
Success
decafbot
Retiro firmado
Tu retiro fue firmado y enviado para procesamiento.
Error
decafbot
No se pudo firmar
No se pudo confirmar el retiro. Intenta de nuevo desde WhatsApp.
Account mismatch
decafbot
Autorizar retiro
✓Ingresar
2Revisar
3Firmar
$50.00
USDC
Esta sesión no coincide con el titular del enlace.
Sesión activa: otro@email.com