Orbeez kit
Agents & tools

Agent huddle

<AgentHuddle />
Agents discussing a task: the beads gather into a slowly turning ring and take turns to speak, with typing dots over whoever has the floor.

Install

bash
npx shadcn@latest add https://orbeez-kit.vercel.app/r/huddle.json

Usage

tsx
<AgentHuddle hues={[338, 22, 46, 142, 198, 264]} />

// in a row until there is something to discuss
<AgentHuddle hues={hues} gathered={!!draft.trim()} />

Good to know

  • Moods. moodOf sets a mood per bead while they are lined up, like one sleepy bead in an idle crew. In the ring they stay quiet unless moodsInRing is set.
  • It is the same size gathered or in a row, and moves only by transform, so switching between them shifts nothing.
  • Beads at the front of the ring are larger and brighter than those at the back, and sit over them.
  • With reduced motion the ring holds still; the speaker still changes.
PreviousAgent listNextHandoff