@redrob-labs/ui v1.0.2 · Redrob Group Design System 2026

AgentHandoff

Agent harness · src/components/AgentHandoff/AgentHandoff.tsx

One agent passing work to another, and what went with it.

carried is the point. A handoff without it is an org chart; with it, a person can see whether the second agent actually received what it needed, which is where multi-agent runs usually go wrong.

The group's accessible name is composed from both names, so a screen reader announces "Research passed this to Drafting" rather than "group".

Import

import { AgentHandoff } from '@redrob-labs/ui';

Rendered

The design system's own preview case, run against this package's build. The parity gate compares this rendering to the reference bundle's.

Props

PropTypeNotes
from React.ReactNode
fromNote React.ReactNode
fromWhen React.ReactNode
to React.ReactNode
toNote React.ReactNode
toWhen React.ReactNode
passLabel React.ReactNode
carried React.ReactNode[] What was passed along: findings, files, a decision.
carriedLabel React.ReactNode
className string