Chat & Agents
Chat and agent interface owners (every export is Chat-prefixed).
20 pages · 20 live examples, generated from the design system metadata.
ChatActivityHistoryWhat happened in a conversation, newest last.ChatActivityIndicatorWhat the assistant is doing: idle, thinking, streaming, tool, done or error.ChatAgentMarkThe assistant’s mark: a Gaudí-inspired motif glazed in a tile hue picked from a seed, or an icon, image or monogram on a token tile, with an optional activity badge.ChatBubbleThe surface around a message, with seven variants and reactions.4 examplesChatDelegationWork handed to another agent: who took it, the brief, its status and its activity.1 exampleChatEffortSliderHow hard the assistant should think, as a stepped slider over named levels.ChatFeedbackCopy, rate and regenerate a finished reply.ChatFileExplorerA searchable file hierarchy for shared files, uploads and agent outputs, built on Core Tree.ChatInputThe composer: ChatPromptComposer with mentions, commands, attachments and send or stop; ChatPromptQueue; ChatModelSelect.3 examplesChatMessageOne turn in a conversation: avatar, sender and time, the content stack and a status footer.4 examplesChatMessageListThe conversation: a scroller that keeps the thread anchored and ChatMessageParts rendering each assistant turn from its parts.6 examplesChatPersonaThe assistant’s presence in a voice conversation: an orb that rests, connects, listens, thinks, speaks, sleeps or shows an error, drawn by one of eight renderers.ChatPlanPanelThe assistant’s plan for the current request, with progress.ChatReasoningThe thinking trail before an answer: a shimmering Thinking… label while it streams, a chain of thought of detailed steps with search results and images, folding into Thought for Ns once the answer starts.ChatSessionListSession navigation inside a complete chat: grouped conversations with title search, new chat, rename and delete. The compact panel opens History in place of the transcript; the full-page composition uses ChatShell navigation and its narrow-screen Sheet. The host keeps a separate transcript and draft for each session.ChatSourcesNumbered citations that open a hover card (with a carousel when one marker cites several sources) and the list of sources under a reply.1 exampleChatThreadNavPrevious, next and a menu of every prompt in a long thread.ChatToolOne tool call with status, input and output as data, nested calls and a retry, plus ChatMessageToolApproval for calls that wait on the person.1 exampleChatVoiceVoice building blocks: ChatSpeechInput dictates into the composer, ChatMicSelector picks the input device, ChatVoiceSelector picks the voice that answers and ChatAudioPlayer plays voice messages and spoken replies.ChatWorkspaceA context panel that connects the agent roster to each agent’s files, with a return to the complete workspace.