Document management interface website

Prompt: Pantalla de Carga de Archivos Diseñá una pantalla para cargar documentos. Incluir: Navegación superior con pestañas: Carga de Archivo, Datos Adicionales, Distribución, Evaluación, Comentarios, Versiones Zona de drag & drop para cargar archivos Lista de archivos adjuntos con nombre, tamaño, estado y botón eliminar Botón “+ Adjuntar” Usar estilo moderno, con buena jerarquía visual y etiquetas claras. 📝 3. Pantalla de Datos Adicionales Diseñá una sección para ingresar metadatos de un documento. Incluir: Campos de texto: Título, Código, Tipo de documento Selectores: Revisor, Aprobador, Fecha de próxima revisión Historial del documento debajo Botones de navegación: Anterior, Siguiente Layout limpio y con buen espaciado. 📬 4. Lista de Distribución Interfaz para distribuir documentos a usuarios. Incluir: Checkboxes para seleccionar usuarios o áreas Opción “Visible solo a lista de distribución” o “Visible a todos” Acuse de Recibo: check para “Documento Visto” Botón “Agregar usuario” Visual minimalista, con etiquetas claras. ✅ 5. Evaluación Sección para evaluación de documentos. Incluir: Campo de texto libre para comentarios del evaluador Botones: “Aceptar” y “Rechazar” Mostrar historial de evaluaciones anteriores (tipo timeline) Botón “Anterior / Siguiente” para navegar Estilo claro, sobrio y enfocado en la tarea. 💬 6. Comentarios Pantalla de comentarios estilo chat. Incluir: Campo de texto para agregar nuevo comentario Botón “Enviar” Timeline con nombre del usuario, fecha y texto Botón para ver historial completo Estilo conversacional, con tonos suaves y fuentes legibles. 📚 7. Versiones del documento Vista de historial de versiones del documento. Incluir: Lista con número de versión, fecha, autor, cambios realizados Botón “Cargar nueva versión” Botón para comparar versiones Etiqueta de “Versión actual” Diseño limpio, jerárquico y enfocado en la trazabilidad.