What is AG-UI?
AG-UI is a protocol for agent-to-UI actions. Instead of only returning text, an LLM can call structured tools that mutate the interface: switch tabs, select datasets, clear/add charts, and trigger page workflows.
CopilotKit is the runtime bridge that registers those frontend tools and executes them safely in this app. It maps model tool calls to typed handlers in React so chat can control real UI state.
In this workspace, chat can orchestrate multi-step flows across tabs by combining navigation and feature-specific tools in sequence.
References: AG-UI | CopilotKit
For best results use Gemini 3.1 Pro Preview