# ADK Utils Example

## Docs

- [Root Agent](https://mintlify.wiki/YagoLopez/adk-utils-example/api/agents/root-agent.md): Complete documentation for the rootAgent implementation
- [Agent Tools](https://mintlify.wiki/YagoLopez/adk-utils-example/api/agents/tools.md): Complete documentation of all function tools available to the rootAgent
- [ChatEmptyState](https://mintlify.wiki/YagoLopez/adk-utils-example/api/components/chat-empty-state.md): The initial state component displayed when no messages exist, featuring branding and suggested prompts.
- [ChatHeader](https://mintlify.wiki/YagoLopez/adk-utils-example/api/components/chat-header.md): A header component that displays the chat agent branding, message count, and quick action suggestions.
- [ChatInput](https://mintlify.wiki/YagoLopez/adk-utils-example/api/components/chat-input.md): A textarea-based input component with auto-resize, submit, and reset functionality for chat messages.
- [ChatMessage](https://mintlify.wiki/YagoLopez/adk-utils-example/api/components/chat-message.md): A message display component with markdown rendering, code syntax highlighting, and mermaid diagram support.
- [ChatTypingIndicator](https://mintlify.wiki/YagoLopez/adk-utils-example/api/components/chat-typing-indicator.md): An animated typing indicator component that shows when the agent is processing a message.
- [POST /api/genai-agent](https://mintlify.wiki/YagoLopez/adk-utils-example/api/routes/genai-agent.md): Main endpoint for agent communication with streaming responses
- [Constants](https://mintlify.wiki/YagoLopez/adk-utils-example/api/utilities/constants.md): Application constants and configuration values
- [Custom Hooks](https://mintlify.wiki/YagoLopez/adk-utils-example/api/utilities/hooks.md): React custom hooks for common UI patterns
- [Project Structure](https://mintlify.wiki/YagoLopez/adk-utils-example/architecture/project-structure.md): Complete directory structure and organization of the ADK Utils Example project
- [Request Flow](https://mintlify.wiki/YagoLopez/adk-utils-example/architecture/request-flow.md): How user messages flow through the system from browser to AI agent and back
- [Configuration](https://mintlify.wiki/YagoLopez/adk-utils-example/development/configuration.md): Configure environment variables, agents, and application settings
- [Running Locally](https://mintlify.wiki/YagoLopez/adk-utils-example/development/running-locally.md): Learn how to run the ADK Utils Example application in development mode
- [Testing](https://mintlify.wiki/YagoLopez/adk-utils-example/development/testing.md): Comprehensive testing guide for unit tests and end-to-end tests
- [Agent Tools](https://mintlify.wiki/YagoLopez/adk-utils-example/features/agent-tools.md): Explore the built-in ADK function tools and learn how to create custom tools for your agents
- [Chat UI Components](https://mintlify.wiki/YagoLopez/adk-utils-example/features/chat-ui.md): Learn about the modular chat interface components built with React and Next.js
- [Mermaid Diagrams](https://mintlify.wiki/YagoLopez/adk-utils-example/features/mermaid-diagrams.md): Learn how to generate interactive diagrams with Mermaid.js integration in ADK agents
- [Rate Limiting](https://mintlify.wiki/YagoLopez/adk-utils-example/features/rate-limiting.md): Learn how rate limiting protects your application resources using @tanstack/react-pacer
- [Installation](https://mintlify.wiki/YagoLopez/adk-utils-example/installation.md): Detailed installation and configuration guide for ADK Utils Example
- [Introduction](https://mintlify.wiki/YagoLopez/adk-utils-example/introduction.md): Learn about ADK Utils Example - a modern chat application demonstrating the integration of Google ADK with Next.js 16 and AI SDK
- [Quickstart](https://mintlify.wiki/YagoLopez/adk-utils-example/quickstart.md): Get your AI chat application running in under 5 minutes