Estado de trabajo y profundidad
Barra de estado con cronómetro real y un control para elegir qué tan a fondo trabaja el asistente.
Descargar gratisComponentes de interfaz para asistentes de IA
Piezas para chats y agentes: mensajes, respuesta en streaming, resumen de razonamiento, llamadas a herramientas, fuentes y citas, aprobación de acciones, selector de modelo y compositor de mensajes.
Comparten un estilo sobrio de fondo casi negro y un acento azul, y están pensadas para conectarse a cualquier proveedor de modelos: reciben el texto y el estado por props.
Para qué sirven
- Chats y copilotos dentro de un producto
- Agentes que piden aprobación antes de actuar
- Paneles que muestran en qué está trabajando el asistente
16 componentes de ia
Resumen de razonamiento
Línea plegable que resume lo que hizo el asistente y se abre en una línea de tiempo de pasos.
Descargar gratisRespuesta en streaming
Respuesta que llega palabra por palabra, con cita numerada, fuentes, acciones y preguntas relacionadas.
Descargar gratisMensaje de conversación
Mensajes de persona, asistente, sistema y herramienta con jerarquía clara y sin cajas innecesarias.
Descargar gratisLlamada a herramienta
Fila de una herramienta ejecutada por un agente, con estado, duración, argumentos y resultado.
Descargar gratisTexto que se escribe
Texto que se teclea con ritmo humano y un cursor de barra, bloque o subrayado.
Descargar gratisCompositor de mensajes para IA
Compositor con sugerencias, límite de caracteres, atajo de envío y estados asíncronos; conserva el mensaje ante errores.
Descargar gratisLista de fuentes y citas
Fuentes numeradas con dominio, extracto y enlace externo seguro; expansión de listas largas y estado vacío.
Descargar gratisAprobación de acciones del asistente
Revisión explícita del alcance, datos y destino de una acción de IA; aprobar o rechazar mediante callback asíncrono.
Descargar gratisTarjetas de sugerencias para empezar
Cuatro sugerencias con icono, descripción y flecha que aparece al apuntarlas; la elegida queda marcada con el acento azul.
Descargar gratisEntrada por voz con onda
Botón de micrófono, onda de nivel y transcripción que aparece palabra a palabra. Simulación visual, sin acceso al micrófono.
Descargar gratisBloque de código para respuestas
Cabecera con nombre de archivo, números de línea, resaltado ligero sin librerías y copia con confirmación.
Descargar gratisValoración de una respuesta
Pulgar arriba o abajo, motivos rápidos distintos según el caso, comentario opcional y confirmación de envío.
Descargar gratisGeneración de imagen en curso
El lienzo pasa de desenfocado a nítido con una barra de pasos y regeneración; ilustración SVG propia, simulación visual.
Descargar gratisSelector de modelo
Listbox accesible con descripción, velocidad y capacidad de cada opción. Nombres genéricos de muestra.
Descargar gratisBarra lateral de conversaciones
Búsqueda, grupos por fecha, conversación activa y botón de nueva conversación en una barra compacta.
Descargar gratis