Handoff
The marker between two agents in a transcript, with the reason in plain words so nobody wonders why the voice changed.
On this page
One agent hands work to the next, with the reason in plain words.
Installation
Usage
import { Handoff } from "@/components/ui/chatcn/handoff"
<Handoff from="Research agent" to="Coding agent" reason="needs a code change" context="2 files" />Props
| Prop | Type | Notes |
|---|---|---|
from, to | ReactNode | The two agents |
reason | ReactNode | A few words after a colon |
context | ReactNode | What travelled with it, set small at the end |
status | "pending" | "done" | Pending reads Handing off to Coding agent with the shimmer |
Accessibility
- Rendered as a
note, so it reads as one sentence in the transcript. - The hairline is decorative and hidden from assistive tech.
Motion
- None, apart from the shimmer on a pending handoff, which turns static under reduced motion.