# Verificacion del frontend del chatbot

Documento de control para comprobar los cambios recientes del widget publico.

## Archivos implicados

- `chatbot-unified/frontend/widgets/chatbot-widget.js`
- `chatbot-unified/frontend/widgets/chatbot-unified.css`
- `chatbot-unified/setup/test_chatbot_widget.html`

## Comprobaciones automaticas

- [x] El archivo JavaScript supera `node --check`.
- [x] El CSS contiene el mismo numero de llaves de apertura y cierre.
- [x] La vista previa carga el CSS y el JavaScript mediante rutas relativas.
- [x] El estado `attachments` esta inicializado antes de enviar mensajes.

## Comprobacion visual

Abrir:

`chatbot-unified/setup/test_chatbot_widget.html`

Validar los siguientes puntos:

- [ ] El widget aparece abierto y correctamente alineado.
- [ ] La cabecera muestra la identidad de XZonas y el estado de conexion.
- [ ] Las tres consultas frecuentes caben dentro del widget.
- [ ] Al pulsar una consulta frecuente se intenta enviar su texto.
- [ ] El boton de enviar se activa al escribir y se desactiva al vaciar el campo.
- [ ] El cuadro de texto aumenta de altura al escribir varias lineas.
- [ ] El boton minimizar cierra el widget.
- [ ] La tecla `Escape` cierra el widget.
- [ ] El foco vuelve al boton flotante después de cerrar.
- [ ] El diseño no presenta desbordamiento horizontal en movil.
- [ ] El tema oscuro mantiene contraste suficiente.

## Resultado

Fecha de comprobacion: 21 de julio de 2026.

Estado:

- [ ] Correcto
- [ ] Requiere ajustes

Notas:

<!-- Escribir aqui cualquier incidencia encontrada durante la prueba. -->