Vertical agent plan with done, active, and pending states indicated by check, spinner, and dot icons.
The import and the props worth knowing about, in one place.
import { Ai23 } from "@/components/beste/piece/ai23";
<Ai23
steps={[
{
"label": "Parse user intent",
"status": "done"
},
{
"label": "Search knowledge base",
"status": "done"
},
{
"label": "Draft response",
"status": "active"
},
{
"label": "Format citations",
"status": "pending"
}
]}
bordered={false}
/>