Compo- nentes

PromptInput

Campo de mensagem para conversar com a IA: texto que cresce, Enter envia, e o botão vira "parar" enquanto a resposta chega.

Reasoning

Mostra o raciocínio (pensamento) da IA de forma recolhível: aberto enquanto chega, depois resumido em "Pensou por Ns".

StreamingText

Mostra uma resposta de IA que chega em pedaços, revelando o texto de forma contínua; no fim, troca pela versão formatada.

Suggestions

Atalhos de prompt: o que perguntar ou pedir à IA, num clique.

ThinkingText

Estado "a IA está trabalhando": frases em sequência com o gradiente de IA, no lugar de um spinner.

WorkflowEdge

Conexão entre nós em SVG puro: linha fina neutra parada, e um pulso nas cores de IA correndo da origem ao destino quando há dados passando.

WorkflowNode

Casca visual de um nó de workflow ou canvas: tipo, título, descrição, estado e ações, com borda de IA girando enquanto processa.

Button

Dispara uma ação: enviar, salvar, abrir, confirmar.

ToggleGroup

Conjunto de Toggles: escolha única ou múltipla entre opções curtas.

Toggle

Botão que fica pressionado ou não (ex.: negrito, filtro ativo).

Input

Campo de texto de uma linha.

Label

Nome visível de um campo de formulário.

Switch

Liga ou desliga uma configuração com efeito imediato.

Textarea

Campo de texto de várias linhas.

ContextMenu

Ações de um item pelo clique direito ou toque longo.

Dialog

Janela modal que interrompe a tarefa para uma decisão ou um formulário curto.

DropdownMenu

Lista de ações ou opções aberta por um botão.

Popover

Conteúdo ancorado num gatilho, sem bloquear a tela.

Sheet

Painel que desliza de uma borda, sobre a tela.

Tooltip

Rótulo curto no hover ou foco de um elemento.

Card

Agrupa conteúdo relacionado numa superfície com borda.

ScrollArea

Área com rolagem e barra de rolagem estilizada.

Separator

Linha que divide grupos de conteúdo.

Tabs

Alterna entre visões do mesmo contexto sem sair da tela.

Badge

Rótulo curto e estático: status, contagem, categoria.