React AI Task

Task preview

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.

Install with AI

If you've connected the shadcn.io MCP server to Claude Code, Cursor, Windsurf, or any MCP-ready AI editor, prompt your agent to install this AI component for you — no copy-paste, no CLI:

use shadcnio to install the task AI component into my project

Related Components

FAQ