Skip to content

feat(agno): add Human-in-the-Loop demo pages#2156

Draft
Mustafa-Esoofally wants to merge 2 commits into
ag-ui-protocol:mainfrom
Mustafa-Esoofally:feat/agno-hitl-pages
Draft

feat(agno): add Human-in-the-Loop demo pages#2156
Mustafa-Esoofally wants to merge 2 commits into
ag-ui-protocol:mainfrom
Mustafa-Esoofally:feat/agno-hitl-pages

Conversation

@Mustafa-Esoofally

Copy link
Copy Markdown
Contributor

Summary

Add HITL (Human-in-the-Loop) demo pages for the Agno integration, showcasing typed pause patterns that enable rich frontend interactions during agent execution.

New Pages

Page Description HITL Pattern
tool_confirmation Email/action confirmation with approve/reject UI requires_confirmation=True
user_input Text and secret input collection requires_user_input=True
backend_feedback Multiple choice selection UserFeedbackTools.ask_user()
team_human_in_the_loop Team member tool confirmation Team member with requires_confirmation
nested_team_chat Nested team structure demo Multi-level team routing

New Components

Added hitl-components.tsx with reusable UI cards:

  • EmailConfirmationCard - Email approve/reject with details
  • ConfirmationCard - Generic action confirmation
  • TextInputCard - Text input collection
  • SecretInputCard - Password/API key input (masked)
  • MultipleChoiceCard - Radio button selection

Configuration Changes

  • agents.ts: Added 5 new Agno endpoint mappings
  • menu.ts: Added 5 new features to Agno integration

Testing

All pages tested manually against Agno showcase server (localhost:9001):

  • ✅ tool_confirmation: Email confirmation card appears, approve/reject works
  • ✅ user_input: Secret input card appears, submission works
  • ✅ backend_feedback: Multiple choice card appears, selection works
  • ✅ team_human_in_the_loop: Team member confirmation bubbles up correctly
  • ✅ nested_team_chat: Nested team routing works

Backend

Corresponding Agno cookbooks are in agno-agi/agno PR #8837 (merged).


Note: E2E tests to be added in a follow-up PR.

Add HITL demo pages for Agno integration showcasing typed pause patterns:

- tool_confirmation: Email/action confirmation with approve/reject UI
- user_input: Text and secret input collection
- backend_feedback: Multiple choice selection via UserFeedbackTools
- team_human_in_the_loop: Team member tool confirmation
- nested_team_chat: Nested team structure demo

Includes shared hitl-components.tsx with pre-built UI cards:
- EmailConfirmationCard, ConfirmationCard
- TextInputCard, SecretInputCard
- MultipleChoiceCard

Updates agents.ts and menu.ts with new Agno endpoints.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant