TranscriptMessage
components/transcript/Message.vue
One speaker's bubble inside a turn — every content part that speaker produced together (text and/or tool calls), right-aligned for the user, left-aligned for the agent. The bubble's one squared corner grows a matching skewed-square tail (cssarrowplease-style) pointing at a UxAvatar (user) or AgentPawn (agent) beside it.
Updating the webhooks block now.
Scenarios
User — plain text bubble
Can you bump our webhook rate limit? We keep getting throttled during traffic spikes.
AR
Agent — text interleaved with a tool call
Updating the webhooks block now.
components/transcript/Message.vue
Usage
<TranscriptMessage
:message = "(required)"
userName = "(required)"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| message | Object | (required) | TranscriptMessage — { author: 'user' | 'agent', parts: ContentPart[] }. A part is { kind: 'text', summary, body } or { kind: 'tool', title, summary, details }. |
| userName | String | (required) | Passed straight to UxAvatar for the user side (initials + tooltip name). |