Componentes de interface de chat
As peças de uma interface de chat ou assistente de IA: mensagens com avatares e ações, balões com cantos agrupados e reações, um scroller que acompanha mensagens novas mas mantém sua posição enquanto você relê, anexos de arquivos e imagens, e marcadores de data e eventos.
Eles são a base gratuita dos blocos de IA do HextaUI Pro, que adicionam o compositor, o streaming, as chamadas de ferramentas e o resto da conversa.
- AttachmentCards de arquivo e imagem para uploads, com progresso, estados, ações, um gatilho no card inteiro e nomes que mantêm a extensão.
- BubbleBalões de mensagem de chat com variantes, cantos agrupados, reações e espaço para conteúdo interativo.
- MarkerNotas discretas entre o conteúdo, como divisores de data e eventos do sistema, com datas e horários fixos que aparecem como Hoje ou Ontem.
- MessageUma linha de mensagem de chat com avatar, nome, balões e status, em que as novas mensagens surgem do lado do remetente.
- Message scrollerUma área de rolagem de chat que acompanha as novas mensagens, mantém sua posição enquanto você relê e conta o que você perdeu no botão de saltar.
Usados nos blocos Pro
Blocos para produtos de IA construídos com estes componentes.
- Chat ThreadA visualização de conversa de um chat de IA. Cobre respostas que fazem streaming, são editadas e repetidas, e versões de uma resposta entre as quais você alterna.
- Prompt InputUm compositor de chat que cresce enquanto você digita. Cobre envio de arquivos, menus @ e / no cursor e mensagens digitadas enquanto uma resposta faz streaming.
- Agent TodosO plano que um agente mantém enquanto trabalha, uma linha por etapa. Cobre etapas em andamento, etapas com falha e mudanças de plano no meio da execução.
- Chat SidebarA barra lateral de um app de chat, com chats fixados, projetos e recentes. Cobre renomear no lugar, excluir com desfazer e chats ainda respondendo.
- Code BlockBlocos de código para respostas de IA. O realce acompanha o streaming, diffs podem ser aceitos ou rejeitados e comandos rodam em um terminal.
- Diff ReviewUma revisão das edições de arquivos de um agente antes de serem aplicadas. Cobre aceitar ou rejeitar cada mudança, comentários de volta ao agente e edições ainda em streaming.