Chat Interface
The Playground chat interface is designed to give you full visibility into how your agent interacts with users. It mirrors the production widget experience while providing additional tools for testing.
Interface layout
Section titled “Interface layout”The chat interface has three main areas:
Chat panel
Section titled “Chat panel”The left side of the screen is your conversation with the agent. Type messages, view conversation history, and see real-time streaming responses as the agent thinks and replies.
Mode selector
Section titled “Mode selector”Switch between the three interaction modes at any time during a conversation:
- Tell — Text-based question and answer
- Show — The agent demonstrates a workflow visually
- Do — The agent takes actions in your application
Live browser view
Section titled “Live browser view”When using Show or Do modes, the right side of the screen shows a live view of your application. Watch the agent navigate pages, click elements, and complete workflows in real time.
Features
Section titled “Features”- Fullscreen mode — Expand the interface for focused testing sessions.
- Collapsible chat panel — Hide the chat to get a full-screen view of the live browser.
- Session history — Message history persists during your session, so you can scroll back through the conversation.
- Real-time streaming — Responses stream in as the agent generates them, giving you immediate feedback.