Chat & AI

Task

Server Component

Collapsible checklist of agent work.

Import

tsx

import { Task } from "@cronus-ui/ui";

bash

npx cronus-ui add task

Examples

Agent checklist

A collapsible list of work the agent is doing.

Read the contract

Port the component

Verify in the browser

tsx

<Task defaultOpen>
  <TaskTrigger title="Preparing the PR" />
  <TaskContent>
    <TaskItem>Read the contract</TaskItem>
    <TaskItem>Port the component</TaskItem>
    <TaskItem>Verify in the browser</TaskItem>
  </TaskContent>
</Task>

.cronus

No audit fixture declares this family in .cronus yet.

React onlyParity: Not portedParity scoreboard

API Reference

Generated from the component's exported types.

TaskItemFileProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

TaskItemProps

Extends HTMLAttributes<HTMLDivElement>

Prop	Type	Default	Description
`ref`	`Ref<HTMLDivElement>`	—	Ref forwarded to the underlying DOM node.
`className`	`string`	—	Additional class names merged onto the root.
`children`	`ReactNode`	—	Contents of the component.
`id`	`string`	—	DOM id of the root element.

TaskProps

Extends ComponentProps<typeof Collapsible>

Prop	Type	Default	Description
`open`	`boolean`	—	Controlled open state.
`defaultOpen`	`boolean`	—	Uncontrolled initial open state.
`onOpenChange`	`(open: boolean) => void`	—	Called when the open state changes.
`children`	`ReactNode`	—	Contents of the component.
`disabled`	`boolean`	—	Disables pointer and keyboard interaction.

TaskTriggerProps

Extends ComponentProps<typeof CollapsibleTrigger>

Prop	Type	Default	Description
`title`*	`string`	—	—
`icon`	`LucideIcon`	—	—
`asChild`	`boolean`	—	Render as the child element via Slot.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.

TaskContentProps

Extends ComponentProps<typeof CollapsibleContent>

Prop	Type	Default	Description
`forceMount`	`boolean`	—	Keep the node mounted when closed, for exit animation.
`asChild`	`boolean`	—	Render as the child element via Slot.
`children`	`ReactNode`	—	Contents of the component.
`className`	`string`	—	Additional class names merged onto the root.