LiveKit docs › Agents UI Components › Chat components

---

# Chat components

> Components for displaying transcriptions and chat messages in agent frontends.

## Overview

Chat components display the conversation between a user and an agent in realtime. They render two types of content: speech transcriptions (what the agent and user say, converted to text) and text messages (typed input sent through chat). As the conversation progresses, the transcript updates automatically with new messages, and an indicator shows when the agent is processing or composing a response.

> 💡 **Session messages**
> 
> The message list (transcriptions and chat) comes from the session. Read more in the [Session messages](https://docs.livekit.io/frontends/build/sessions.md#session-messages) section.

**[AgentChatTranscript](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-transcript.md)**

## Components

### AgentChatTranscript

Renders the full conversation history between the user and agent, including both speech transcriptions and text messages. Messages appear in realtime as they're spoken or sent, with the transcript automatically scrolling to show the latest content. Use this as the primary chat interface in your agent frontend.

The component integrates with LiveKit's [text streams](https://docs.livekit.io/transport/data/text-streams.md) to receive transcription data, so it works automatically within an `AgentSessionProvider` context — no manual data fetching or state management required.

- **[AgentChatTranscript reference](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-transcript.md)**: Full API reference and props documentation.

### AgentChatIndicator

Displays a typing or thinking indicator when the agent is processing input or composing a response. This gives users visual feedback during pauses in the conversation, for example, while the agent is calling an external tool or generating a long response. The indicator responds to the agent's [state](https://docs.livekit.io/frontends/build/agent-state.md), appearing automatically during thinking and speaking phases.

- **[AgentChatIndicator reference](https://docs.livekit.io/reference/components/agents-ui/component/agent-chat-indicator.md)**: Full API reference and props documentation.

## Related

These guides cover the underlying data systems that chat components build on.

- **[Text streams](https://docs.livekit.io/transport/data/text-streams.md)**: Learn about realtime text and transcription streams.

- **[Media controls](https://docs.livekit.io/frontends/agents-ui/media-controls.md)**: Add microphone, camera, and session controls alongside your chat UI.

---

This document was rendered at 2026-06-07T11:34:12.257Z.
For the latest version of this document, see [https://docs.livekit.io/frontends/agents-ui/chat.md](https://docs.livekit.io/frontends/agents-ui/chat.md).

To explore all LiveKit documentation, see [llms.txt](https://docs.livekit.io/llms.txt).