Skip to main content

AgUiHaikuGenUiExample

Agent Runtimes


Agent Runtimes / examples / AgUiHaikuGenUiExample

Variable: AgUiHaikuGenUiExample

const AgUiHaikuGenUiExample: React.FC

Defined in: examples/AgUiHaikuGenUiExample.tsx:99

AgUiHaikuGenUiExample Component

Demonstrates tool-based generative UI with haiku generation. The agent has a generate_haiku tool that returns structured haiku data. This data is rendered:

  • INLINE in the chat as a haiku card
  • In the main view as part of a carousel

Features demonstrated:

  • Tool-based generative UI
  • Ref-based state synchronization between chat and main view
  • Carousel display for multiple haikus
  • Dynamic gradient backgrounds
  • Japanese/English text rendering