byronwade/ui
Application UI

AI · Application UI

Task

A collapsible task log showing an AI agent's step-by-step actions with inline file chips, ported from Vercel AI Elements.

@byronwade/foundation@byronwade/utils@byronwade/collapsible@phosphor-icons/react

Adapted from Vercel AI Elements , the original components, repurposed onto the byronwade/ui design system (semantic tokens, dark mode, small subtle refinements). © Vercel.

Feature showcase

Installation

Features

  • 1 example

    Default.

API

Dependencies

PackageKindDescription
@byronwade/foundationregistryInstalled through the byronwade/ui registry.
@byronwade/utilsregistryInstalled through the byronwade/ui registry.
@byronwade/collapsibleregistryInstalled through the byronwade/ui registry.
@phosphor-icons/reactnpmInstalled from npm.

Source and related

FilePath
Componentregistry/components/ai-task.tsx
Default examplecontent/examples/ai-task/default.tsx