Componentes de interfaz de chat
Las piezas de una interfaz de chat o asistente de IA: mensajes con avatares y acciones, burbujas con esquinas agrupadas y reacciones, un scroller que sigue los mensajes nuevos pero mantiene tu posición mientras relees, adjuntos de archivos e imágenes, y marcadores de fecha y eventos.
Son la base gratuita de los bloques de IA de HextaUI Pro, que añaden el compositor, el streaming, las llamadas a herramientas y el resto de la conversación.
- AttachmentTarjetas de archivos e imágenes para subidas, con progreso, estados, acciones, un trigger de tarjeta completa y nombres que conservan su extensión.
- BubbleBurbujas de mensajes de chat con variantes, esquinas agrupadas, reacciones y espacio para contenido interactivo.
- MarkerNotas discretas entre el contenido, como separadores de fecha y eventos del sistema, con fechas y horas fijas que se leen como Hoy o Ayer.
- MessageUna fila de mensaje de chat con avatar, nombre, burbujas y estado, donde los mensajes nuevos suben desde el lado del remitente.
- Message scrollerUn área de desplazamiento de chat que sigue los mensajes nuevos, conserva tu posición mientras lees mensajes anteriores y cuenta lo que te perdiste en el botón de salto.
Usados en bloques Pro
Bloques para productos de IA construidos con estos componentes.
- Chat ThreadLa vista de conversación de un chat de IA. Cubre respuestas que se transmiten, se editan y se reintentan, y versiones de una respuesta entre las que puedes cambiar.
- Prompt InputUn compositor de chat que crece mientras escribes. Cubre subida de archivos, menús @ y / en el cursor y mensajes escritos mientras una respuesta se transmite.
- Agent TodosEl plan que un agente mantiene mientras trabaja, una línea por paso. Cubre pasos en curso, pasos fallidos y cambios del plan a mitad de ejecución.
- Chat SidebarLa barra lateral de una app de chat, con chats fijados, proyectos y recientes. Cubre renombrar en el sitio, borrar con deshacer y chats que aún responden.
- Code BlockBloques de código para respuestas de IA. El resaltado sigue el ritmo del streaming, los diffs se aceptan o rechazan y los comandos corren en una terminal.
- Diff ReviewUna revisión de las ediciones de archivos de un agente antes de aplicarlas. Cubre aceptar o rechazar cada cambio, comentarios de vuelta al agente y ediciones aún en streaming.