Command and visualize your agent’s autonomous task pipeline with queue orchestration, execution timelines, and health metrics in a single interface.
Short-cycle launch workflow with compliance checks, messaging, and demo refreshes.
Execution queue
Monitor current work and control the tasks waiting to run.
Verify copy, pricing, and compliance sign-off for launch.
980 tokens
$0.09 estimated cost
88% confidence
Draft segmented announcement copy for existing customers.
Update product walkthrough with new features enabled.
Run smoke tests across critical user journeys.
Budget guardrails, variance clean-up, and negotiation drafts tailored for finance agents.
Execution queue
Monitor current work and control the tasks waiting to run.
Blend usage telemetry with vendor rate changes for next quarter forecast.
1,580 tokens
$0.17 estimated cost
82% confidence
Detect workloads exceeding cost guardrails and route to owners.
Draft vendor negotiation packet with projected savings.
Resolve variance tickets from last month's board meeting.
Pair the queue with a trend snapshot to show how insights ship each week.
Insights shipped
Last 7 days
Execution queue
Monitor current work and control the tasks waiting to run.
Blend product, revenue, and retention metrics for leadership readout.
1,320 tokens
$0.14 estimated cost
90% confidence
Segment churn risk by cohort and product surface for CS action.
Summarize A/B experiment lift and statistical significance.
Tag dashboards with <5% usage for cleanup.
Hook into stateful handlers to simulate starting, pausing, and reordering work.
Execution queue
Monitor current work and control the tasks waiting to run.
Deploy the updated embeddings pipeline to production.
640 tokens
82% confidence
Digest new policy documents for compliance team.
Generate talking points and slide outline.
Compile adoption metrics for Q4 stakeholders.
Run red team prompts against updated search stack.
Drop the queue into an agent conversation for instant status briefings.
Demonstrates how the queue appears inside an agent conversation
Here’s the real-time task queue with live progress, blockers, and recent completions.
Execution queue
Monitor current work and control the tasks waiting to run.
Aggregate insights from last 200 escalations for leadership brief.
980 tokens
$0.09 estimated cost
87% confidence
Outline launch narrative for onboarding rework.
Generate customer story highlights for marketing
Package adoption metrics with insights for leadership.
npx shadcn@latest add "https://agents-ui.github.io/agents-kit/c/agent-task-queue.json"| Prop | Type | Default | Description |
|---|---|---|---|
| tasks | AgentTask[] | Pre-populated demo data | Collection of tasks to display across the queue |
| activeTaskId | string | null | - | Explicitly select the active task (falls back to the first running task) |
| autoStart | boolean | true | Whether queued tasks should start automatically when slots are free |
| concurrencyLimit | number | 1 | Number of tasks the agent can process in parallel |
| isProcessing | boolean | false | Disable controls while backend actions are executing |
| showTimeline | boolean | true | Toggle display of execution checkpoints for the active task |
| timestamp | string | "Updated moments ago" | Label shown in the header badge |
| className | string | - | Optional CSS class overrides |
| onStartTask | (taskId: string) => void | - | Trigger when a queued task should start |
| onPauseTask | (taskId: string) => void | - | Trigger when a running task should pause |
| onResumeTask | (taskId: string) => void | - | Trigger when a paused task should resume |
| onCancelTask | (taskId: string) => void | - | Reset or cancel a task |
| onReorder | (taskIds: string[]) => void | - | Reorder queued tasks (receives ordered queue IDs) |
| onToggleAutoStart | (value: boolean) => void | - | Toggle auto-start mode from the header action |
| onClearCompleted | () => void | - | Clear completed tasks from the queue |
| onAddTask | () => void | - | Handler for adding a new task from the header button |
| Property | Type | Description |
|---|---|---|
| id | string | Unique task identifier |
| title | string | Task label shown in the queue |
| description | string | Optional concise task description |
| status | AgentTaskStatus | Current lifecycle state |
| progress | number | Percentage progress for running tasks |
| priority | AgentTaskPriority | Priority badge shown alongside the title |
| createdAt | string | Optional created timestamp |
| updatedAt | string | Raw timestamp when last updated |
| updatedLabel | string | Human-friendly timestamp or status label |
| estimatedDuration | string | Estimated time remaining for the active run |
| tool | string | Tool, model, or workflow handling the task |
| assignee | { name: string; avatarColor?: string; initials?: string } | Optional human or agent assignee |
| checkpoints | AgentTaskTimelineEvent[] | Timeline events for the active task |
| relatedResources | { label: string; href?: string }[] | Linked artifacts or resources |
| metrics | { tokens?: number; cost?: string; confidence?: number } | Operational metrics for the task |
type AgentTaskStatus = "queued" | "running" | "completed" | "failed" | "blocked" | "paused"
type AgentTaskPriority = "low" | "medium" | "high"
| Property | Type | Description |
|---|---|---|
| id | string | Unique event identifier |
| title | string | Stage title |
| description | string | Additional context for the checkpoint |
| status | "pending" | "active" | "completed" | Checkpoint status |
| timestamp | string | Optional timestamp label |
type AgentTaskTimelineStatus = "pending" | "active" | "completed"
Button component for consistent sizing and focus states.