Agents
Queue
Messages queued while the agent is busy, reorderable.
Queue holds follow-ups you send while the agent is still working. They wait above the composer in order; reorder with Alt+↑/↓, remove with ×, and the agent takes them one at a time.
Preview
Queued3
- 1Also update the changelog
- 2Then open a draft pull request
- 3Ping #billing when it's up
Installation
pnpm dlx shadcn@latest add https://ui.cuelark.com/r/queue.jsonThe CLI also installs the Cuelark theme tokens, the GSAP motion layer. With the @cuelark namespace configured, use @cuelark/queue.
Builds on: motion
Usage
import { Queue } from "@/components/ui/queue";
<Queue items={queued} onItemsChange={setQueued} />API reference
Queue
| Prop | Type | Default | Description |
|---|---|---|---|
| items · onItemsChange | { id; text }[] | — | The queue. |
| label | ReactNode | "Queued" | Header. |
Accessibility
- Each item is focusable: Alt+↑/↓ reorders, Delete removes.
FAQ
Also searched as: message queue ui · ai prompt queue · queued messages chat · shadcn ai queue