PaceUI

  • Components
  • Blocks
  • Templates
  • Studio
  • Resources
Intro
  • Components
  • Installation
  • MCP
Agents
  • Chat Composer
  • Workflow Board
  • Thinking States
  • Audio Visualizer
  • Task Pipeline
  • Approval Card
  • Model Ability Selector
  • Model Selector
  • Response Writer
  • AI Suggestions
  • Token Counter
Crafts
  • All Crafts
  • Avatar Flight
  • Voice Record
  • Starfield Card
  • Destination Queue
  • Rolling Bento
  • Download Button
  • Cart Stepper
  • Heart Burst
  • Copy Bar
  • Generative Grid
  • Destination Card
  • Magnetic Button
  • Morphing Copy
  • Expanding Search
  • Metric Tracker
  • Tilt Card
  • Animated Stack
Charts
  • API Traffic
  • Weekly Traffic
  • Financial Performance
  • Channel Sales
  • Customer Growth
  • Customer Segments
  • Sales Overview
  • Traffic Distribution
  • Daily Orders
  • Acquisition Funnel
  • Weekly Attendance
  • Market Trends
  • Portfolio Overview
  • Instance Health
  • Resource Usage
  • SaaS Subscriptions
  • Database Performance
  • Model Usage
  • Spend Allocation
Motion
  • Accordion
  • Alert
  • Calendar
  • Checkbox
  • Collapsible
  • Combobox
  • Context Menu
  • Dropdown Menu
  • Empty
  • Hover Card
  • Input OTP
  • Menubar
  • Navigation Menu
  • Pagination
  • Progress
  • Radio Group
  • Scroll Area
  • Select
  • Sidebar
  • Slider
  • Switch
  • Tabs
  • Tooltip
  • Reveal Text
  • Scramble Text
  • Squash Text
  • Bouncing Text
  • Mouse Wave Text
  • Text Fall Button
  • Spring Button
  • Infinite Scroller
  • Fillable Button
  • Layered Stack
  • Gradient Shadow
  • Profile Peek
  • Flip Reveal
  • Reveal on Scroll
  • Swap
  1. Components
  2. Agents
PreviousNext

Task Pipeline

A clean, minimalist agent task runner and queue pipeline that refines raw user prompts into structured tasks before execution.

When to use

  • Accepting raw, unstructured user prompts and allowing an agent to plan and refine them into actionable task titles.
  • Surfacing real-time agent thinking and formulation stages before execution kicks off.
  • Displaying a clean single-line task list directly above the input prompt.

When not to use

  • Simple one-shot Q&A chat assistants where no background task lifecycle is tracked.
  • Kanban-style multi-column drag-and-drop workflows; use Workflow Board instead.

API Reference

TaskPipelineProps

PropTypeDefaultDescription
tasksPipelineTask[]—Controlled list of pipeline tasks.
defaultTasksPipelineTask[][...]Uncontrolled initial list of pipeline tasks.
onTasksChange(tasks: PipelineTask[]) => void—Callback fired when tasks are added, updated, or removed.
onTaskSubmit(prompt: string) => void—Callback fired when a new prompt is submitted.
onTaskCancel(taskId: string) => void—Callback fired when a task is canceled or removed.
onTaskComplete(taskId: string) => void—Callback fired when a task is manually marked as completed.
autoProcessQueuebooleantrueWhether to automatically process queued items into thinking and active execution.
thinkingDurationMsnumber2400Duration in milliseconds for agent thinking and title refinement.
composerPlaceholderstring"Add a task for agent to plan..."Custom placeholder for the task input capsule.

PipelineTask

FieldTypeDescription
idstringUnique identifier for the task.
rawInputstringThe original raw prompt supplied by the user.
titlestringDisplay title for the task before refinement.
refinedTitlestringAgent-generated actionable title.
thoughtProcessstringBrief thinking message explaining the agent's planning strategy.
stage"queued" | "thinking" | "in_progress" | "completed"Current lifecycle stage of the task.
Audio VisualizerApproval Card

PaceUI

Animated blocks, components, and templates for Next.js and TanStack Start. Built with Motion and shadcn - clean code you own.

GitHubTwitterDiscord

Products

BlocksComponentsTemplatesCraftsTanStack ChartsMCP ServerStarter KitsStyleX Components

Resources

DocumentationMotion ComponentsGSAP AnimationsNative AIBlogChangelog

Pricing & Account

PricingManage AccountLicensesAPI KeysAffiliate Program

Company

Contact UsDiscord CommunityPrivacy PolicyTerms of Service

© 2026 PaceUI. All rights reserved. Built by indie developer, Denish

PACEUI

00:05
Audit authentication cookies across subdomains
3s
Investigate and resolve OAuth redirect callback failure
0s
Synchronize Stripe invoice webhooks with billing database
Analysis
0
No tasks in analysis.
AI Tasks