Composants d’interface de chat
Les pièces d’une interface de chat ou d’assistant IA : messages avec avatars et actions, bulles aux coins groupés et réactions, un défilement qui suit les nouveaux messages mais garde votre place quand vous relisez, pièces jointes de fichiers et d’images, et repères de date et d’événement.
Ils sont la base gratuite des blocs IA de HextaUI Pro, qui ajoutent le compositeur, le streaming, les appels d’outils et le reste de la conversation.
- AttachmentDes cartes de fichiers et d’images pour les uploads, avec progression, états, actions, un déclencheur sur toute la carte et des noms qui conservent leur extension.
- BubbleDes bulles de messages de chat avec variantes, coins groupés, réactions et place pour du contenu interactif.
- MarkerDes notes discrètes entre les contenus, comme les séparateurs de date et les événements système, avec des dates et heures fixes qui se lisent « Aujourd’hui » ou « Hier ».
- MessageUne ligne de message de chat avec avatar, nom, bulles et statut, où les nouveaux messages remontent depuis le côté de l’expéditeur.
- Message scrollerUne zone de défilement de chat qui suit les nouveaux messages, garde votre position quand vous remontez et compte les messages manqués sur le bouton de retour en bas.
Utilisés dans les blocs Pro
Des blocs pour produits d’IA construits avec ces composants.
- Chat ThreadLa vue de conversation d’un chat IA. Gère les réponses qui streament, se modifient et se relancent, et les versions d’une réponse entre lesquelles basculer.
- Prompt InputUn compositeur de chat qui grandit à la saisie. Gère l’envoi de fichiers, les menus @ et / au curseur et les messages tapés pendant qu’une réponse streame.
- Agent TodosLe plan qu’un agent tient pendant qu’il travaille, une ligne par étape. Gère les étapes en cours, les étapes échouées et les changements de plan en pleine exécution.
- Chat SidebarLa barre latérale d’une app de chat, avec chats épinglés, projets et récents. Gère le renommage sur place, la suppression avec annulation et les chats qui répondent encore.
- Code BlockDes blocs de code pour les réponses IA. La coloration suit le streaming, les diffs s’acceptent ou se rejettent et les commandes tournent dans un terminal.
- Diff ReviewUne revue des modifications de fichiers d’un agent avant qu’elles n’atterrissent. Gère l’acceptation ou le rejet par changement, les commentaires renvoyés à l’agent et les modifications encore en streaming.