Agentic AI Notebook
AG-UI & Agent UX
Phase 22Module 3 of 10

Agent State → UI

Refresh should restore the same tickets, drafts, and pending approvals.

A shared Google Doc, not a private notepad the projector sometimes shows.

Visual Workflows

Start here — scroll inside each diagram frame to explore, then use + / to zoom up to 200% if needed.

Overview

100%
Loading diagram...

Scroll inside the frame to explore · use + / − to zoom up to 200%

100%
Loading diagram...

Scroll inside the frame to explore · use + / − to zoom up to 200%

This turn

100%
Loading diagram...

Scroll inside the frame to explore · use + / − to zoom up to 200%

A shared Google Doc, not a private notepad the projector sometimes shows.

Key Takeaways

  • 1.The UI binds to a documented agent state object, not to hidden server memory.
  • 2.Patch events update the object.
  • 3.Optimistic UI still needs a source of truth after resume.
  • 4.Refresh should restore the same tickets, drafts, and pending approvals.

Real Example

Scenario

A shared Google Doc, not a private notepad the projector sometimes shows.

What you would do

In AG-UI & Agent UX, apply Agent State → UI to this scenario: A shared Google Doc, not a private notepad the projector sometimes shows. Identify the inputs, run the technique, validate the output, and note one thing you would monitor in production.

Cheat Sheet

Quick recap

quick ref
  • The UI binds to a documented agent state object, not to hidden server memory
  • Patch events update the object
  • Optimistic UI still needs a source of truth after resume

Common Mistakes

  • Skipping evaluation for Agent State → UI before production
  • No logging or tracing around agent state ui steps
  • Ignoring cost and latency implications