$ show google/adk-web
This repository is the web-based user interface for the Google Agent Development Kit (ADK). It functions as a comprehensive IDE and debugging console for building, running, and evaluating AI agents. The application is built on Angular (v21.0.0) using Standalone Components and Signals, serving as a client to a backend agent runtime. Key capabilities include a visual workflow builder for agent graphs, real-time chat interfaces supporting text/audio/video streaming, OpenTelemetry trace ingestion and visualization, and a structured evaluation framework for agent performance metrics. It acts as the control plane for agent execution, handling configuration via YAML and managing session state through WebSocket and HTTP communication.
The LLM identified 4 files worth highlighting for reuse:
Implements a robust three-stage validation pipeline using Zod for OpenTelemetry trace data. It normalizes external trace schemas (Stable and Experimental GenAI semconv) into strict internal types, ensuring data integrity before UI rendering. This pattern is reusable for any system ingesting untrusted external telemetry data.
Contains the core algorithm for calculating node positioning in the agent workflow canvas. It handles level-based layout, fan-out distribution, and edge routing logic. This self-contained utility can be extracted for any graph-based visualization project requiring automatic node placement.
Demonstrates a clean mocking pattern for the TraceService, adhering to the application's heavy use of InjectionTokens. It provides a fully functional mock implementation that allows unit tests to isolate UI logic from backend dependencies without requiring a running server.
Handles serialization and deserialization of agent configurations to/from YAML format. It encapsulates the logic for generating valid agent definitions, tools, and callbacks, serving as a reusable abstraction for configuration persistence across the application.