Skip to content
Agentic UI Kit
Buy

AI Queue Panel

Queue of pending prompts for an AI agent that can be reordered by drag and drop and cancelled.

Full screen Try a theme

Choose the primitives library your project already uses. Both look the same: your theme, not the variant, controls colors, shape, type and motion.

About this block

What it's for

  • Queue of pending prompts for an AI agent that can be reordered by drag and drop and cancelled.
  • List of upcoming todos and prompts with running, waiting and finished status.
  • Agent task queue panel with reorder, cancel and clear finished.

For a full job scheduler with retries and cron, use AI Workflow Schedule. For a kanban board with columns, use Kanban Swimlanes.

Includes

  • Prompt queue
  • Todo queue
  • Status labels
  • Drag reorder
  • Keyboard reorder
  • Cancel item
  • Clear finished
  • Grouped by state

Works with

  • Radix UI and Base UI primitives (pick the one your project uses)
  • React 19 and Tailwind CSS 4 in Next.js (App Router), Vite, React Router or TanStack Start, installed with the agentic-ui or shadcn CLI
  • Your theme tokens, in light and dark mode

Install

Included with Agentic UI Kit (one-time license). Install needs your license key: see pricing · connect your project.

Agentic UI CLI
agentic-ui add ai-queue-panel
Installs through shadcn and adapts the component to your design tokens.
shadcn CLI
npx shadcn@4.17.0 add @agentic-ui/ai-queue-panel

Used in

A standalone component: drop it into any screen.

Type
Block
Variants
Radix UI and Base UI
Themes
Light and dark
Widths
Preview it at desktop, tablet and mobile widths above.