V05 — Lista del Vault (Home)
Wireframe baja fidelidad · construido con componentes base · monocromo
Mobile — pantalla completa, nav inferior
Vault → toca entrada abre V06 como vista/modal independiente.
Estado: con entradas
Vault
Sincronizado
🔍 Buscar en el vault…
Todos
Favoritos
Trabajo
Personal
Favoritos
A
AWS Console
root@empresa.com
2FA
★
Todas las entradas
G
Gmail
ana.garcia@gmail.com
☆
N
Netflix
familia@email.com
☆
B
Banco Santander
12345678
2FA
☆
S
Spotify
ana.garcia@gmail.com
☆
+
▦
Vault
⚑
Salud
⚙
Ajustes
FAB "+" → V07 (crear entrada). Pull-to-refresh implícito en el scroll de la lista.
Agrupación "Favoritos" arriba — opcional, a validar si añade valor o ruido.
Estado: vacío (sin entradas)
Vault
Sincronizado
🔍 Buscar en el vault…
🔒
Tu vault está vacío
Añade tu primera contraseña o importa desde otro gestor
Añadir contraseña
Importar contraseñas
▦
Vault
⚑
Salud
⚙
Ajustes
CTA dual: "Añadir" (V07) o "Importar" (V12). Sin FAB en este estado para no competir con el CTA principal.
Estado: error de sincronización
Vault
Error de sync
🔍 Buscar en el vault…
No se pudo sincronizar. Mostrando última versión local.
Reintentar
G
Gmail
ana.garcia@gmail.com
☆
N
Netflix
familia@email.com
☆
+
▦
Vault
⚑
Salud
⚙
Ajustes
El vault sigue siendo usable (datos locales). Banner no bloqueante, con acción de reintento.
Desktop — 3 columnas, panel de detalle persistente
Sidebar (carpetas/nav) + lista + detalle (V06) visible simultáneamente, sin modal.
Estado: con entradas, una seleccionada
Vault
▦ Todas las entradas
★ Favoritos
Carpetas
📁 Trabajo
📁 Personal
📁 Finanzas
+ Nueva carpeta
General
⚑ Dashboard de salud
🗑 Papelera
⚙ Configuración
🔍 Buscar en el vault…
⌘K
Sincronizado
+ Añadir entrada
Todos
Favoritos
A
AWS Console
root@empresa.com
2FA
★
G
Gmail
ana.garcia@gmail.com
☆
N
Netflix
familia@email.com
☆
B
Banco Santander
12345678
2FA
☆
[ V06 — Detalle de "Gmail" se renderiza aquí, en panel persistente ]
Selección en la lista (fondo gris) refleja la entrada activa mostrada en el panel derecho.
⌘K como atajo de búsqueda — patrón habitual en apps desktop, a confirmar si aporta diferenciación.
Estado: vacío (sin entradas)
Vault
▦ Todas las entradas
★ Favoritos
Carpetas
+ Nueva carpeta
General
⚑ Dashboard de salud
🗑 Papelera
⚙ Configuración
🔍 Buscar en el vault…
Sincronizado
🔒
Tu vault está vacío
Añade tu primera contraseña o importa desde otro gestor
+ Añadir entrada
Importar contraseñas
Web — responsive, similar a desktop en pantallas grandes
Misma estructura de 3 columnas que desktop. En viewport reducido, el panel de detalle pasa a modal (ver V06).
Pantalla grande — layout tipo desktop
Vault
🔍 Buscar en el vault…
Sincronizado
+ Añadir entrada
⚙
▦ Todas las entradas
★ Favoritos
Carpetas
📁 Trabajo
📁 Personal
📁 Finanzas
General
⚑ Dashboard de salud
🗑 Papelera
⬇ Instalar extensión
Todos
Favoritos
A
AWS Console
root@empresa.com
2FA
★
G
Gmail
ana.garcia@gmail.com
☆
N
Netflix
familia@email.com
☆
[ V06 — Detalle de "AWS Console" se renderiza aquí ]
"Instalar extensión" (V16) visible en sidebar — exclusivo web/desktop.
Viewport reducido (móvil/responsive) — igual que mobile shell
Vault
Sincronizado
🔍 Buscar en el vault…
Todos
Favoritos
A
AWS Console
root@empresa.com
2FA
★
G
Gmail
ana.garcia@gmail.com
☆
+
▦
Vault
⚑
Salud
⚙
Ajustes
Web responsive colapsa a este layout por debajo de un breakpoint (a definir, ej. ~768px). Tocar entrada abre V06 en modal.