Construye un frontend de asistente de IA listo para producción con streaming, citas, aprobaciones, cancelación, estados de error y accesibilidad.
Escenario
Una persona usa un asistente de IA que transmite la respuesta, muestra fuentes y puede proponer una acción de riesgo. La interfaz debe explicar el estado, permitir la cancelación y exigir una confirmación explícita.
Resultado: La UI tiene estados explícitos de idle, loading, streaming, error y aprobación.
Tareas
Comprobaciones
Resultado: La respuesta se actualiza de forma estable y muestra la evidencia.
Tareas
Comprobaciones
Resultado: Las acciones de riesgo no se ejecutan sin consentimiento.
Tareas
Comprobaciones
Resultado: La interfaz es accesible y se recupera de los errores.
Tareas
Comprobaciones
Rúbrica de evaluación
Los estados de streaming, error, cancelación y aprobación están definidos de forma explícita.
Insuficiente
Los estados están mezclados o quedan race conditions.
Competente
Los estados principales son explícitos y están probados.
Sólido
Hay replay determinista, pruebas de concurrencia y rutas de recuperación.
Evidencia requerida
Las fuentes se validan y el contenido no confiable no puede convertirse en un comando.
Insuficiente
Una fuente desconocida se muestra como válida.
Competente
Las citas se validan y tienen fallback.
Sólido
Hay procedencia, validación de esquema y pruebas de seguridad.
Evidencia requerida
Las acciones de riesgo muestran contexto, confirmar o rechazar y evidencia de auditoría.
Insuficiente
Una acción puede ejecutarse sin consentimiento explícito.
Competente
La aprobación bloquea la ejecución y muestra las consecuencias.
Sólido
Hay undo, aprobación delegada y audit trail persistente.
Evidencia requerida
Teclado, foco, anuncios y comportamiento de retry funcionan de forma fiable.
Insuficiente
El foco se pierde o los cambios de streaming no se anuncian.
Competente
El flujo principal es accesible y recuperable.
Sólido
Hay pruebas automatizadas de accesibilidad y progressive disclosure.
Evidencia requerida