A2UI Launched: Full CopilotKit support at launch!

A2UI Launched: CopilotKit has partnered with Google to deliver full support in both CopilotKit and AG-UI!

Check it out
LogoLogo
  • Overview
  • Integrations
  • API Reference
  • Copilot Cloud
Slanted end borderSlanted end border
Slanted start borderSlanted start border
Select integration...

Please select an integration to view the sidebar content.

Shared State

Create a two-way connection between your UI and LangGraph agent state.

Agentic Copilot State Diagram

What is shared state?

CoAgents maintain a shared state that seamlessly connects your UI with the agent's execution. This shared state system allows you to:

  • Display the agent's current progress and intermediate results
  • Update the agent's state through UI interactions
  • React to state changes in real-time across your application

The foundation of this system is built on LangGraph's stateful architecture. Unlike traditional LangChains, LangGraphs maintain their internal state throughout execution, which you can access via the useCoAgentState hook.

When should I use this?

State streaming is perfect when you want to facilitate collaboration between your agent and the user. Any state that your LangGraph agent persists will be automatically shared by the UI. Similarly, any state that the user updates in the UI will be automatically reflected

This allows for a consistent experience where both the agent and the user are on the same page.

PREV
Prebuilt Agents
Slanted end borderSlanted end border
Slanted start borderSlanted start border
NEXT
Reading agent state

On this page

What is shared state?
When should I use this?