How can Lightning Web Components (LWC) be used to build custom Agentforce agent interfaces?

While Agentforce provides a default chat UI component that can be embedded on Experience Cloud sites and the Salesforce app, LWC enables custom agent interfaces:

1. agentforce-chat LWC: Salesforce provides a standard embedded chat component configurable via attributes — bot name, welcome message, and branding. Deployed to Experience Cloud pages or Salesforce sites with no custom code required.
2. Custom chat UI via LWC: For bespoke requirements, developers can build a fully custom chat interface using LWC and communicate with the Agentforce API (Messaging for In-App and Web API). This allows complete control over the visual design — including custom avatars, rich media cards, quick reply buttons, and carousel components that standard chat does not support.
3. Embedded in Record Pages: An LWC component on a Lightning Record Page can launch an agent conversation in context — passing the current record ID and object type as initial parameters so the agent is pre-grounded with the record's data.
4. Streaming responses: Custom LWCs can implement token streaming (displaying the agent's response word by word as it generates) for a more responsive user experience — requires consuming the streaming API endpoint.