From 8903c836dad4db46ce6ad2050adc10d2704932f9 Mon Sep 17 00:00:00 2001
From: Brian Love
- Agent UI primitives and LangGraph streaming adapters for Angular + Agent UI for Angular — Production-ready chat, threads, and generative UI for AI agents.
@@ -27,7 +27,9 @@
---
-`agent()` is the Angular equivalent of LangGraph's React `useStream()` hook, projected into a runtime-neutral `Agent` contract consumed by `@ngaf/chat`. Drop it into any Angular 20+ component, point it at your LangGraph Platform endpoint, and get signal-driven access to messages, status, tool calls, interrupts, subagents, regenerate, and thread history.
+ThreadPlane is a production-ready agent UI framework for Angular. Use `@ngaf/chat` for chat surfaces, `@ngaf/langgraph` for LangGraph-backed agents, `@ngaf/ag-ui` for AG-UI event streams, and `@ngaf/render` for generative UI that stays inside your Angular design system.
+
+When you are building on LangGraph, `agent()` is the Angular equivalent of LangGraph's React `useStream()` hook, projected into a runtime-neutral `Agent` contract consumed by `@ngaf/chat`. Drop it into any Angular 20+ component, point it at your LangGraph Platform endpoint, and get signal-driven access to messages, status, tool calls, interrupts, subagents, regenerate, and thread history.
---
diff --git a/apps/website/content/AGENTS.md.template b/apps/website/content/AGENTS.md.template
index a867ab1b6..9a1b12897 100644
--- a/apps/website/content/AGENTS.md.template
+++ b/apps/website/content/AGENTS.md.template
@@ -1,6 +1,6 @@
# Agent UI for Angular v@VERSION@
-Agent UI primitives and LangGraph streaming adapters for Angular.
+Production-ready chat, durable threads, interrupts, subagents, planning, memory, and generative UI for Angular agent apps.
## Install
npm install @ngaf/chat @ngaf/langgraph
diff --git a/apps/website/content/CLAUDE.md.template b/apps/website/content/CLAUDE.md.template
index a867ab1b6..9a1b12897 100644
--- a/apps/website/content/CLAUDE.md.template
+++ b/apps/website/content/CLAUDE.md.template
@@ -1,6 +1,6 @@
# Agent UI for Angular v@VERSION@
-Agent UI primitives and LangGraph streaming adapters for Angular.
+Production-ready chat, durable threads, interrupts, subagents, planning, memory, and generative UI for Angular agent apps.
## Install
npm install @ngaf/chat @ngaf/langgraph
diff --git a/apps/website/content/docs/agent/getting-started/introduction.mdx b/apps/website/content/docs/agent/getting-started/introduction.mdx
index 56eeffd1a..798fdf12a 100644
--- a/apps/website/content/docs/agent/getting-started/introduction.mdx
+++ b/apps/website/content/docs/agent/getting-started/introduction.mdx
@@ -1,6 +1,6 @@
# Introduction
-Agent is the Signal-native streaming library for Angular 20+ — built natively for LangGraph, without React translation layers. Build streaming AI applications with Angular Signals, connect to LangGraph agents, and ship production-ready frontends for your AI products.
+Agent is the Angular adapter layer for production-ready agent UI surfaces: chat, durable threads, interrupts, subagents, planning, memory, and generative UI. Build complete Angular 20+ agent applications with Signals, connect them to LangGraph agents, and keep the UI inside Angular templates, dependency injection, and your design system.
Your Enterprise Guide to Agent Streaming Your Enterprise Guide to Agent UI in Angular ${name ? `Hi ${esc(name)}, t` : 'T'}he guide covers six chapters: the last-mile problem, the agent() API, thread persistence, interrupt flows, full LangGraph feature coverage, and deterministic testing. Chat Guide Follow-up Did you read Chapter 2 on batteries-included components? Chapter 2 covers the batteries-included component library — message bubbles, streaming indicators, thread lists, and input controls that are pre-wired to LangGraph state. Drop them in and your chat UI works on day one. Chapter 2 covers the batteries-included component library — message bubbles, streaming indicators, thread lists, and input controls that are pre-wired to agent state. Drop them in and your chat UI works on day one. Agent UI for Angular — Signal-native streaming for LangGraph. Agent UI for Angular — Production-ready chat, threads, and generative UI for AI agents. Your Angular Agent Readiness Guide Your Enterprise Agent UI Guide for Angular ${name ? `Hi ${esc(name)}, t` : 'T'}he guide covers six production-readiness dimensions: streaming state, thread persistence, tool-call rendering, human approval flows, generative UI, and deterministic testing. The Angular Agent Readiness Guide Production-ready chat, threads, and generative UI for AI agents Ship LangGraph agents in Angular — without building the plumbing Ship LangGraph and AG-UI-compatible agents without building the plumbing With `agent()`: The signal-native design eliminates the subscription lifecycle entirely. When the component destroys, the signals become inert. No `takeUntilDestroyed()`. No `ngOnDestroy`. The framework handles it. The Angular signals-based design eliminates the subscription lifecycle entirely. When the component destroys, the signals become inert. No `takeUntilDestroyed()`. No `ngOnDestroy`. The framework handles it. KrF|MJ0e6xv+c{D!3k{oZ{mA)^>DvyK^e4W`5%!mHA`M{hVv+
zb0Lkos?Dd~hXbn;-J$MTmiFM>z(5P(lE(Nq%T4F+S(A6!5IzRi8gIJHu3sg^h)@`R
zj5i2*>&m*?DNrZy^4ScO>nIx$3`#wo53sj76n99`Jf7oksXVF9a&+)GMzeQsORH>`
z<`O)#Mnt>KqOP>7UETO#o}p$c;8f(-fk7 !&tp=o|S}SG+eeUMO8gtMt(#AE07$*s_Z0@+IIPPh%EH&
z&X))qJ_XH4zRG73gSI+vCSDhfJ>%?c2Gd3u3JK@Cj4f@iJ4G~;e0IW>tT_839GH$p
zY-AWpUSKNm^OC`f+K0gEbFY+l9^zTktInwE4~VKwW}onM%T^LSn#qxf)k(e+HEugu
zpCD?Bqwz`!0S9IUN!0=^xj{Lf@gZg!h8B?+pS~l^LIw7$(%prLUxJvHf*+N)J9HqM
zpOWHv^kP{ELf|v*tz7KE4krhs*Ub6ZHC3MQC2dl@w!QC>1-Ql6W(GL&i3loDb%`V!
zSa7WAI~l>&(bWDH^G~uixI0+s6e9`gGBT1iww)_VEFt9vZPZN$J+$iU2E#w)TFkuk
zNiJsnDD`ae+5*mUH0NE_X);Q&d{!P76|bFE5f;-e+Zhvx#T()i35!ZMac1S#UR9d}
zVoh;3Fp?(~_y%w!6xFD-zebqiOI`+c+OM{iBv=8fWcAg*ndBt!-;;*P;>-2`)HssV
zJ~**BTzztT3TF*4C1(hT=|vO_fO#uqM}qSOE)w!l13cU@eTao=rP^YWJ;5QffuA&1
zMo-vRWOnjIdS8UPFguIPD2d`SE?SDQQDSQ9Fj||+CQc_s4H5(=Ss{LK&eZp~HMV+-
znX+!T(jRJ9+k#&|4#FJ>!rf{t3YW@A?;|r8NY`01fG*b`zmBhu$LbH#t6fr%mH+lL
zk=Ce1Nb`X}!`x)E!;hI4%|>qBV%!RD yn
- Ship LangGraph agents inside your Angular 20+ app. Thread state, interrupts, branch/history, and tool progress — all surfaced as signals.
+ Ship LangGraph agents inside your Angular 20+ app with headless chat, durable threads, interrupts, branch/history, tool progress, and generative UI.
From
-
Prototype
to
ProductionAgent
+
UI
for
Angular
-
The
-
Enterprise
Guide
to
Agent
Streaming
in
AngularThe
+
Enterprise
Guide
to
Agent
UI
in
AngularThe Alternative
-readonly chat = agent({ assistantId: 'chat_agent' });
7}y3$8K$>#D_()9xO=re8D&W|Vf^Z^`TW`7j_Ef-)vX$9D>&g$pZT&Rh-qXi
zRr_&iXX7f|()n^NiNlg}Y=7Uzg%0rmDy(rJOf#I7tm!5>#PO&0Ke5T|d2ty1+2~6g
zbE{lE)UErcY}e1|$Pd{YjuQQcNjrx`UUx>noyKW&zE>#%=hL`}x9SPmnrT)iH-_EM
zJzNy}+I)!v#LtPuhNkuF)sJT6(}(1zaGS8mRr}v~wMU0rTjkQ7-yN;xve3~W-Doej
z-~W(ln_s!RB3!AL9Iqv~CtUEx%JA1Q3equxuh%g`;6z0Mu(5H1(4lq#h~yAX_J1Az
zENfai;;Yo%$sIae-xlm2IZn7aHcjp!4a5cdC`^eVzRLJ{9HZ)o%S%P+iz0%DgXSNc
zF>pB~TDHN^*7*9vizixkV79(weK9ePw|!wYtfNbAM(j(C1w_0F(oWo!*)B6F34$w5
z?YG%YZRHlTV93q)>H}pJfB1?_jDT%v!l?jN?5*#}a~JTO?`OR~$ndD~pjT|bCBApr
zz-l9$!wTp
zxZEj;Y-C+-ye~^u)))slrA5RmGLC9ij#~$kT?xtAB{QeMCGpJxcWN_0JsCB~__3Lj
z>?&xabLy}oGNcWkog3V!-$^zKe{~ddJ392=Z~=A