Agent Task Queue

Command and visualize your agent’s autonomous task pipeline with queue orchestration, execution timelines, and health metrics in a single interface.

Features

Real-time Orchestration: Monitor running jobs, queued work, and recent outcomes at a glance
Execution Timeline: Visual checkpoints with status chips for each stage of the active task
Queue Planner: Upcoming and paused tasks with priority badges and action controls
Automation Controls: Toggle auto-start behavior, reorder priorities, and clear completed runs
Operational Metrics: Track token usage, estimated cost, and confidence per task
Chat Ready Layout: Drop the queue directly into conversational experiences without extra styling

Examples

Product Launch Playbook

Short-cycle launch workflow with compliance checks, messaging, and demo refreshes.

Multi-agent orchestration

Autonomous task pipeline

Track how your agent schedules, executes, and recovers complex workstreams across tools.

Updated moments ago

In flightLimit 2

1active

Queue depth

2awaiting

Success rate

100% · 1 completed · 0 failed

Throughput

4tracked this cycle

Active run

Finalize launch checklist

Running

Verify copy, pricing, and compliance sign-off for launch.~4 min remaining

Tool: Launch planner64%

Execution timeline

Legal & compliance pass

08:05

Completed

Website content refresh

08:11

In progress

Schedule announcement

Pending

Tokens

980

Estimated cost

$0.09

Confidence

88%

Queue planner

Upcoming and paused tasks

2 tasks

Prep customer email

medium priority

Draft segmented announcement copy for existing customers.

Queued

Queued • Auto startLifecycle writer

Refresh demo environment

medium priority

Update product walkthrough with new features enabled.

Queued

Queued behind 1 taskDemo orchestrator

Recent outcomes

QA staging smoke test

Completed 07:42

Completed

Finance Ops Sweep

Budget guardrails, variance clean-up, and negotiation drafts tailored for finance agents.

Multi-agent orchestration

Autonomous task pipeline

Track how your agent schedules, executes, and recovers complex workstreams across tools.

Finance ops sync · 07:24

In flightLimit 2

1active

Queue depth

1awaiting

Success rate

100% · 1 completed · 0 failed

Throughput

4tracked this cycle

Active run

Forecast infrastructure spend

Running

Blend usage telemetry with vendor rate changes for next quarter forecast.~6 min remaining

Tool: Spend modeller47%

Execution timeline

Collect billing exports

07:18

Completed

Normalize currency

07:21

In progress

Apply growth scenarios

Pending

Tokens

1,580

Estimated cost

$0.17

Confidence

82%

Queue planner

Upcoming and paused tasks

2 tasks

Flag runaway services

high priority

Detect workloads exceeding cost guardrails and route to owners.

Queued

Queued • SLA 10 minAnomaly detector

Negotiate committed spend

medium priority

Draft vendor negotiation packet with projected savings.

Paused

Paused • awaiting finance reviewVendor liaison

Recent outcomes

Close variance tickets

Completed 06:55

Completed

Analytics Command Center

Pair the queue with a trend snapshot to show how insights ship each week.

Insights shipped

Last 7 days

+29%

Insights delivered97 this week

Multi-agent orchestration

Autonomous task pipeline

Track how your agent schedules, executes, and recovers complex workstreams across tools.

Analytics pipeline · 06:47

In flightLimit 3

1active

Queue depth

2awaiting

Success rate

100% · 1 completed · 0 failed

Throughput

4tracked this cycle

Active run

Refresh weekly KPI deck

Running

Blend product, revenue, and retention metrics for leadership readout.~3 min remaining

Tool: Insights composer72%

Execution timeline

Pull data warehouse queries

06:42

Completed

Generate visuals

06:45

In progress

Draft narrative

Pending

Tokens

1,320

Estimated cost

$0.14

Confidence

90%

Queue planner

Upcoming and paused tasks

2 tasks

Run churn segmentation

medium priority

Segment churn risk by cohort and product surface for CS action.

Queued

Queued behind 1 taskRetention analyst

Publish experiment scorecard

medium priority

Summarize A/B experiment lift and statistical significance.

Queued

Queued • needs data syncExperiment hub

Recent outcomes

Archive stale dashboards

Completed 06:20

Completed

Interactive Control Room

Hook into stateful handlers to simulate starting, pausing, and reordering work.

Multi-agent orchestration

Autonomous task pipeline

Track how your agent schedules, executes, and recovers complex workstreams across tools.

Updated moments ago

In flightLimit 2

1active

Queue depth

1awaiting

Success rate

50% · 1 completed · 1 failed

Throughput

5tracked this cycle

Active run

Pipeline rollout

Running

Deploy the updated embeddings pipeline to production.~6 min remaining

Tool: Deploy toolkit42%

Execution timeline

Validate config

11:05

Completed

Run smoke tests

11:07

In progress

Roll out

Pending

Tokens

640

Confidence

82%

Queue planner

Upcoming and paused tasks

2 tasks

Summarize legal updates

medium priority

Digest new policy documents for compliance team.

Queued

Queued · ETA 5 minKnowledge agent

Prepare launch demo

high priority

Generate talking points and slide outline.

Paused

Paused · awaiting assetsPresentation assistant

Recent outcomes

Generate adoption report

Completed 10:45

Completed

Shadow test new search

Failed · validation error

Failed

Support Chat Embedding

Drop the queue into an agent conversation for instant status briefings.

Task Queue Monitoring Chat

Demonstrates how the queue appears inside an agent conversation

Give me a snapshot of everything the research agent is working on right now.

🤖

Here’s the real-time task queue with live progress, blockers, and recent completions.

Multi-agent orchestration

Autonomous task pipeline

Track how your agent schedules, executes, and recovers complex workstreams across tools.

Updated moments ago

In flightLimit 2

1active

Queue depth

1awaiting

Success rate

100% · 1 completed · 0 failed

Throughput

4tracked this cycle

Active run

Summarize customer escalations

Running

Aggregate insights from last 200 escalations for leadership brief.~2 min remaining

Tool: Inbox connector68%

Execution timeline

Ingest conversations

14:20

Completed

Detect product themes

14:23

In progress

Generate summary

Pending

Tokens

980

Estimated cost

$0.09

Confidence

87%

Queue planner

Upcoming and paused tasks

2 tasks

Draft product brief

medium priority

Outline launch narrative for onboarding rework.

Queued

Queued behind 1 taskDocs writer

Compose weekly customer digest

medium priority

Generate customer story highlights for marketing

Paused

Paused • awaiting approvalStory crafter

Recent outcomes

Send adoption report

Completed 14:05

Completed

Installation

npx shadcn add "https://agents-ui-kit.com/c/agent-task-queue.json"

API Reference

AgentTaskQueue

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

AgentTask

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

AgentTaskStatus

type AgentTaskStatus = "queued" | "running" | "completed" | "failed" | "blocked" | "paused"

AgentTaskPriority

type AgentTaskPriority = "low" | "medium" | "high"

AgentTaskTimelineEvent

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

AgentTaskTimelineStatus

type AgentTaskTimelineStatus = "pending" | "active" | "completed"

Design Notes

All action buttons use the project’s standardized Button component for consistent sizing and focus states.
The timeline and queue planner rely on compound conditions to avoid rendering empty containers when hooks are missing.
Colors align with the established blue-first palette with semantic accents for success and errors.