Propuesta visual: ZIP asíncrono sobre el popup y hora bajo la fecha
Maqueta para revisión, sin cambios de código. Los datos son de ejemplo. Al aprobarla se implementa en zip-download-panel.tsx y en la columna «Fecha» de la tabla de documentos.
1. «Zip de todo el árbol»: la descarga asíncrona debe verse clara junto al popup
- Hoy: el panel flotante (abajo a la izquierda) y la capa oscura del popup tienen la misma altura de apilado (
z-50) y la capa se pinta después, así que la cubre: el panel se ve opaco y desenfocado.
- Propuesta: el panel queda por encima de la capa, nítido y sin desenfoque; el resto de la página sigue oscurecida. Se ve «Preparando ZIP…», luego «ZIP listo» con «Descargar ZIP», o el error.
- Que no se cierre el popup al pulsar «Descargar ZIP» o la X del panel: el panel es una capa propia, ajena al popup.
- Teclado y lector de pantalla: mientras el popup está abierto el foco queda dentro de él, así que el botón del popup refleja el estado («Preparando ZIP…» y luego «Descargar ZIP») y el panel anuncia los cambios de forma cortés (
role="status"). Quien use teclado descarga desde el popup; quien use ratón, desde cualquiera de los dos.
- En celular el panel ocupa el ancho (16 px de margen) en la parte inferior, por encima de la capa.
Hoy panel cubierto por la capa (escritorio)
Gestión Documental Ministerio de Justicia y Derechos Humanos
Para firma
Documentos en proyecto
Bandeja de entrada
Informe N° 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI
▤0000003-2026-MINJUSDH-DM…ZIP listo
✕⬇ Descargar ZIP
📎 Anexos del documento
Informe 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI4 archivos▤ Zip de todo el árbol
cargo.pdf · 170 KB
F - SGSI - 016. Ampliacion Acceso ambientes.xlsx · 610 KB
Verify.pdf · 1.6 MB
Propuesta panel por encima de la capa · tres estados
Preparando (escritorio)
Gestión Documental Ministerio de Justicia y Derechos Humanos
Para firma
Documentos en proyecto
Bandeja de entrada
Informe N° 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI
▤0000003-2026-MINJUSDH-DM…Preparando ZIP…
✕
📎 Anexos del documento
Informe 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI4 archivos◌ Preparando ZIP…
cargo.pdf · 170 KB
F - SGSI - 016. Ampliacion Acceso ambientes.xlsx · 610 KB
Verify.pdf · 1.6 MB
ZIP listo (escritorio)
Gestión Documental Ministerio de Justicia y Derechos Humanos
Para firma
Documentos en proyecto
Bandeja de entrada
Informe N° 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI
▤0000003-2026-MINJUSDH-DM…ZIP listo
✕⬇ Descargar ZIP
📎 Anexos del documento
Informe 0000003-2026-MINJUSDH-DMIN-SGEN-OGAD-ABAS-JALI4 archivos⬇ Descargar ZIP
cargo.pdf · 170 KB
F - SGSI - 016. Ampliacion Acceso ambientes.xlsx · 610 KB
Verify.pdf · 1.6 MB
Error (escritorio)
Gestión Documental Ministerio de Justicia y Derechos Humanos
Para firma
Documentos en proyecto
⚠0000003-2026-MINJUSDH-DM…Error al generar el ZIP
✕No se pudo preparar el archivo. Inténtelo de nuevo.
📎 Anexos del documento
4 archivos▤ Zip de todo el árbol
Celular: ZIP listo
Gestión Documental
Informe N° 0000003-2026-…
📎 Anexos del documento
Informe 0000003-2026-MINJUSDH-…4 archivos⬇ Descargar ZIP
cargo.pdf · 170 KB
Verify.pdf · 1.6 MB
▤0000003-2026-MINJUSDH-DM…ZIP listo
✕⬇ Descargar ZIP
2. Columna «Fecha»: la hora debajo de la fecha
- Cada fila muestra la fecha y, debajo, la hora en una línea más pequeña y tenue («03:58 p. m.»), con el mismo formato que ya usan el popup de anexos y el seguimiento. Hora de Lima, no la del equipo.
- Cabe en la altura mínima de fila (48 px): 13 px + 12 px. La columna pasa de 100 a 112 px. La fecha sigue siendo lo que se ordena (por fecha y hora completas).
- En celular (tarjetas) queda en una sola línea: «30/10/2026 · 03:58 p. m.». La exportación a CSV no cambia (ya lleva la fecha completa).
- El dato es la fecha de creación del documento (
createdAt), que sí trae hora. Si algún origen entrega solo fecha, no se muestra hora (no se inventa «12:00 a. m.»).
Hoy solo fecha
| N.º | Asunto | Estado | Fecha |
|---|
| 0000003-2026 | Pruena de informe | En proyecto | 30/10/2026 |
| 0000002-2026 | Solicitud de información | Para despacho | 30/10/2026 |
| 0000001-2026 | Informe de supervisión | Emitido | 29/10/2026 |
Propuesta fecha y hora
| N.º | Asunto | Estado | Fecha |
|---|
| 0000003-2026 | Pruena de informe | En proyecto | 30/10/202603:58 p. m. |
| 0000002-2026 | Solicitud de información | Para despacho | 30/10/202611:20 a. m. |
| 0000001-2026 | Informe de supervisión | Emitido | 29/10/202605:02 p. m. |
Celular (tarjetas)
0000003-2026 · Pruena de informe- Estado
- En proyecto
- Fecha
- 30/10/2026 · 03:58 p. m.
0000002-2026 · Solicitud de información- Estado
- Para despacho
- Fecha
- 30/10/2026 · 11:20 a. m.
Decisiones para aprobar
A. ¿El popup debe seguir abierto al pulsar «Descargar ZIP» o la X del panel? Recomiendo que sí.
B. ¿Se agrega al botón del popup el estado «Preparando ZIP…» / «Descargar ZIP» (para teclado y lector de pantalla)? Recomiendo que sí: con el popup abierto el teclado no llega al panel.
C. ¿La hora bajo la fecha va solo en la tabla de documentos administrativos (la de la captura) o también en las demás tablas con columna «Fecha» (Mesa de Partes, vistos buenos, reportes)? Recomiendo aplicarlo a todas las de documentos para que se vean igual.