Skip to main content

Task Check List

When the agent plans work with the built-in TaskCreate / TaskUpdate tools, the SDK accumulates them into a checklist docked at the bottom of the thread, with three states: pending, in progress, and done. No setup is required.

Task Check List

When the agent plans work with the built-in TaskCreate / TaskUpdate tools, the SDK accumulates them into a docked checklist at the bottom of the thread, with three states: pending, in progress, done. No setup needed.

// Docked panel appears automatically; localize via locale
<Chatbot
  locale="en-US"
  config={{ botProviderEndpoint: '...' }}
  customChannelId="my-channel"
/>

TaskCreate / TaskUpdate are native tools (toolsetName === '') routed out of the tool-call group into the docked panel. Labels follow the locale prop.

Loading chatbot...

How It Works​

  • TaskCreate / TaskUpdate are native tools (toolsetName === ""), so the SDK routes them out of the tool-call group and into the docked <TaskList> panel.
  • Task ids and status transitions come from the structured sidecar on tool_call.complete (replay-safe), never parsed from the human-readable result string.
  • Panel labels (pending / in progress / done…) follow the locale prop.

Headless Usage​

If you don't use <Chatbot>, use the useTaskList(channel) hook from @asgard-js/react to get Task[] and render it yourself; the framework-agnostic building block is deriveTasks(conversation) from @asgard-js/core. See Headless.

See Also​