Skip to main content

REFERENCE

SDK Demos

How to use @asgard-js/core and @asgard-js/react, with demos you can try on the page.

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.

  1. 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.

  2. 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.

  3. See Also​

Ready to get started?

Want to see how Asgard fits your team? Talk to us.

Contact us