armandmcqueen.dev

Chat Playback

When writing about agents and LLMs, static screenshots don't capture the back-and-forth of a conversation. ChatPlayback is a component that plays back a scripted sequence of chat events, making it easy to walk through multi-turn interactions step by step.

Example

An agent answering a question about test coverage, using two tool calls to gather context before responding.

Agentic Conversation
0 / 8
Press play or step forward

Comfortable Variant

A more spacious layout with stacked labels — better for replaying realistic conversations.

Comfortable Layout
0 / 4
Press play or step forward