React AI Task

When your AI is doing work—searching docs, processing files, running queries—users want to know what's happening. This component shows that activity in a collapsible block with a search icon and title. Click to expand and see the details: which files were touched, what results came back, what's being processed. The left border accent gives it that "activity log" feel. Starts expanded by default so users see results immediately, but collapses nicely when they want to move on. Think of it as a mini activity feed for individual AI operations.

Task preview

Installation

npx shadcn@latest add https://www.shadcn.io/registry/task.json

npx shadcn@latest add https://www.shadcn.io/registry/task.json

pnpm dlx shadcn@latest add https://www.shadcn.io/registry/task.json

bunx shadcn@latest add https://www.shadcn.io/registry/task.json

Related Components

FAQ