Skip to main content

AgUiToolsBasedGenUiExample

Agent Runtimes

Agent Runtimes / examples / AgUiToolsBasedGenUiExample

Variable: AgUiToolsBasedGenUiExample

const AgUiToolsBasedGenUiExample: React.FC

Defined in: examples/AgUiToolsBasedGenUiExample.tsx:343

AgUiToolsBasedGenUiExample Component

Demonstrates tool-based generative UI with AG-UI. The agent uses tools (create_plan, update_plan_step) that emit STATE_SNAPSHOT and STATE_DELTA events to update the UI.

Features demonstrated:

  • STATE_SNAPSHOT events for full state updates
  • STATE_DELTA events with JSON Patch for incremental updates
  • Real-time UI updates as agent works
  • Interactive step selection with Confirm/Reject buttons