integrate-todo-list

Adds a structured task-tracking feature to a Cognite Flows app that already uses Atlas chat. The agent gains a TodoWrite tool to create and update a task list as it works through multi-step queries, giving the user real-time visibility into what the agent is doing and why. The integration delivers a full src/todo/ module (context, provider, tool factory, hooks, and UI components) plus the wiring needed to surface tasks in the chat view, rather than requiring custom todo state management.

It assumes the integrate-atlas-chat skill is already complete, so useAtlasChat is wired, src/atlas-agent/ contains the vendored sources, and @sinclair/typebox is installed. The module files are copied from the skill's code directory into src/todo/ with matching filenames and all use relative imports. They include types.ts (TodoItem and TodoList types), TodoContext.tsx (context plus TodoProvider), useTodoList.ts, todoWriteTool.ts (a createTodoWriteTool factory producing an AtlasTool with CDF task-decomposition guidance), useTodoWriteTool.ts, TodoPanel.tsx, TodoItemRow.tsx, and TodoToolResultCard.tsx. @tabler/icons-react is required and installed if missing.

Wiring proceeds in defined steps: wrap the app in TodoProvider, then in the file that calls useAtlasChat pull todos and setTodos from useTodoList, build the tool with useTodoWriteTool, and pass it in the tools array. A getAppContext callback reads the current todos through a ref and injects the list into each prompt so the agent knows where it left off; a reset handler clears the list. TodoPanel renders above the chat input (returning null when empty, so it is safe to always render), and tool-call rendering branches on the TodoWrite name to show TodoToolResultCard. After wiring, the app's type-check (typically pnpm tsc --noEmit) and any tests are run. The result is a task panel that appears during multi-step work, updates status from pending to in_progress to completed in real time, and clears automatically when done.