🖥️ User Interfaces

The CAIPE Multi-agent Systems provide robust user interfaces that facilitate seamless interaction between agents using the Agent-to-Agent (A2A) protocol. These interfaces are designed to support secure communication and collaboration among agents, leveraging OAuth for authentication to ensure data integrity and privacy.

These interfaces empower users to build and manage sophisticated multi-agent systems with ease and security.

Note: Authorization and scope validation are currently handled by MCP servers. Additional details regarding this process will be provided in future updates.

Agent Chat CLI

• agent-chat-cli - explore the complete docs, install guide, and examples

  docker run -it --network=host ghcr.io/cnoe-io/agent-chat-cli:stable

  Or, clone and run the chat client:

  uvx --no-cache git+https://github.com/cnoe-io/agent-chat-cli.git a2a

Agent Forge Backstage Plugin

• @caipe/plugin-agent-forge - explore the complete docs, install guide, and examples

Run with Docker:

docker run -d \
  --name backstage-agent-forge \
  -p 13000:3000 \
  -e NODE_ENV=development \
  ghcr.io/cnoe-io/backstage-plugin-agent-forge:latest

Or with Docker Compose:

COMPOSE_PROFILES="agentforge" docker compose up

Once the container is started, open agent-forge in your browser (in test mode):

http://localhost:13000

CAIPE UI (Standalone UI)

• CAIPE UI Documentation - explore the complete features, configuration, and development guide

The CAIPE UI is a modern React-based web interface for visualizing A2A (Agent-to-Agent) protocol messages with real-time streaming support. It provides:

• 3-Panel Layout: Use Cases Gallery, Interactive Chat, and A2A Message Visualization
• Real-time Streaming: Server-Sent Events (SSE) for live agent communication
• A2UI Widget Support: Interactive forms, buttons, and structured UI components
• Knowledge Graph: Visual representation using Sigma.js
• Authentication: NextAuth.js with OAuth 2.0 support

Run with Docker Compose:

COMPOSE_PROFILES=caipe-ui docker compose -f docker-compose.dev.yaml up

Or use Make target:

make caipe-ui

Once the container is started, open the UI in your browser:

http://localhost:3000

View Documentation Site:

http://localhost:3001/ai-platform-engineering/ui/