Echo - Angular AI Agent Workbench Template
Echo is an Angular AI agent workbench template built with Angular Material, Angular CDK, Angular Aria, and BuilderKit. It ships chat threads with streaming replies, reasoning and tool traces, projects, archived chats, providers, settings and authentication so you can start from a working agent product.
What's included
Echo is built on BuilderKit and includes core systems and the pages of a working agent workbench.
Chat threads
Threads with streaming markdown replies that follow the answer and anchor each new turn.
Reasoning and tool traces
Thinking blocks with live status labels and collapsible tool call, run plan and agent steps.
Code blocks and diffs
Highlighted code blocks with diff lines, and checkpoints to restore the thread to an earlier turn.
Confirmations and attachments
Inline confirmations for agent actions and attachment cards with image and file previews.
Projects
Group chats into projects with shared instructions and context for every thread inside.
Chat history
Pinned and recent chats in the sidebar, with an archive to tuck finished threads away.
Model picker
Switch models across every configured provider right from the prompt input.
Mock provider
Scripted scenarios stream replies, traces and code out of the box with no API key.
Real providers
OpenAI compatible and Anthropic providers, ready for hosted APIs or a local model.
Settings pages
Profile, security, preferences and a read-only providers page, ready to connect to your backend.
Technology
Modern Angular setup using Angular Material, CDK, and a focused frontend stack designed for building real applications.