Skip to content

Commit 6f93903

Browse files
committed
docs: align Angular 22 support copy
1 parent 32b915b commit 6f93903

23 files changed

Lines changed: 129 additions & 28 deletions

README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -35,7 +35,7 @@
3535

3636
Threadplane is a production-ready agent UI framework for Angular. `@threadplane/chat` provides chat surfaces (headless primitives, opinionated compositions, interrupts, generative UI). `@threadplane/langgraph` adapts a LangGraph Platform endpoint into Angular Signals via `provideAgent()` + `injectAgent()`. `@threadplane/ag-ui` bridges any AG-UI-compatible backend into the same chat surface. `@threadplane/render` renders JSON specs to Angular components inside your design system.
3737

38-
`injectAgent()` is the Angular equivalent of LangGraph's React `useStream()` hook, projected through a runtime-neutral `Agent` contract that `@threadplane/chat` consumes. Configure it once with `provideAgent({...})`, inject it into any Angular 20+ component, and get signal-driven access to messages, status, tool calls, interrupts, subagents, history, and thread management — no subscriptions, no `async` pipe, no zone.js required.
38+
`injectAgent()` is the Angular equivalent of LangGraph's React `useStream()` hook, projected through a runtime-neutral `Agent` contract that `@threadplane/chat` consumes. Configure it once with `provideAgent({...})`, inject it into any Angular 20–22 component, and get signal-driven access to messages, status, tool calls, interrupts, subagents, history, and thread management — no subscriptions, no `async` pipe, no zone.js required.
3939

4040
---
4141

@@ -116,7 +116,7 @@ export class SupportChatComponent {
116116
| Reload last submission | `reload()` ||
117117
| Custom transport (for testing) | `MockAgentTransport` | mock fetch |
118118
| Angular `ResourceRef<T>` compatibility | Full duck-type parity | N/A |
119-
| Angular 20+ Signals API | Native | N/A |
119+
| Angular 20–22 Signals API | Native | N/A |
120120
| SSR / Server Components | Client-side only | React Server Components (React) |
121121

122122
---

apps/website/content/AGENTS.md.template

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
Production-ready chat, thread/history/branch UI, interrupts, subagents, planning, memory, and generative UI for Angular agent apps.
44

5+
Supported Angular majors: 20, 21, and 22.
6+
57
## License and deployment boundary
68
- Every Threadplane package is MIT-licensed and free for commercial and noncommercial use.
79
- Threadplane runs inside the customer's Angular application. Agent runtime, models, storage, checkpointing, retention, authorization, and hosting remain customer-operated.

apps/website/content/CLAUDE.md.template

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -2,6 +2,8 @@
22

33
Production-ready chat, thread/history/branch UI, interrupts, subagents, planning, memory, and generative UI for Angular agent apps.
44

5+
Supported Angular majors: 20, 21, and 22.
6+
57
## License and deployment boundary
68
- Every Threadplane package is MIT-licensed and free for commercial and noncommercial use.
79
- Threadplane runs inside the customer's Angular application. Agent runtime, models, storage, checkpointing, retention, authorization, and hosting remain customer-operated.

apps/website/content/blog/2026-05-21-build-fullstack-agentic-angular-apps-using-ag-ui.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -15,7 +15,7 @@ AG-UI's event model maps onto Angular signals cleanly, which is what this post b
1515

1616
## Goals
1717

18-
- Wire an AG-UI-compatible backend to an Angular 20+ app using `@threadplane/ag-ui` and `@threadplane/chat`.
18+
- Wire an AG-UI-compatible backend to an Angular 20–22 app using `@threadplane/ag-ui` and `@threadplane/chat`.
1919
- See how 17 protocol events become a handful of signals you read from a template.
2020
- Handle the parts that turn a demo into a product: tool calls, interrupts, threads, fallbacks.
2121

@@ -78,7 +78,7 @@ The two are decoupled on purpose. We will get to why.
7878

7979
## Let's wire it up
8080

81-
Start with a fresh Angular 20+ app, or use an existing one — `ng new` if you need to spin one up.
81+
Start with a fresh Angular 20–22 app, or use an existing one — `ng new` if you need to spin one up.
8282

8383
### Install the packages
8484

apps/website/content/blog/2026-08-09-build-an-aws-strands-agent-ui-in-angular-with-ag-ui.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -207,7 +207,7 @@ Now we can give the agent a UI.
207207

208208
## How do we connect the Angular agent UI?
209209

210-
The Threadplane adapter supports Angular 20 and 21; use Node.js 22 or later for the documented setup.
210+
The Threadplane adapter supports Angular 20, 21, and 22. Use a Node.js version supported by your Angular major; Angular 22 requires Node.js ^22.22.3, ^24.15.0, or ^26.0.0. See the [Angular compatibility matrix](https://angular.dev/reference/versions).
211211
Install the chat surface, AG-UI adapter, official AG-UI client packages, and markdown renderer:
212212

213213
<Callout type="info" title="MIT-licensed packages">

apps/website/content/docs/ag-ui/getting-started/installation.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@ Use a Node.js version supported by the selected Angular major. Angular 22 suppor
66

77
## Prerequisites
88

9-
- Angular 20 or later
9+
- Angular 20, 21, or 22
1010
- An AG-UI-compatible backend running locally or remotely (CrewAI, Mastra, Microsoft Agent Framework, AG2, Pydantic AI, AWS Strands, or your own subclass of `AbstractAgent`)
1111

1212
## Install packages

apps/website/content/docs/ag-ui/getting-started/quickstart.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
Let's bind `<chat>` from `@threadplane/chat` to an AG-UI backend in 5 minutes.
44

55
<Callout type="info" title="Prerequisites">
6-
Angular 20+ project with Node.js 22+. If you need setup help, see the [Installation](/docs/ag-ui/getting-started/installation) guide.
6+
Angular 20–22 project using a Node.js version supported by that Angular major. If you need setup help, see the [Installation](/docs/ag-ui/getting-started/installation) guide.
77
</Callout>
88

99
<Callout type="tip" title="Try it first">

apps/website/content/docs/chat/getting-started/installation.mdx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -9,8 +9,8 @@ or runtime key.
99
Supported Angular majors: 20, 21, and 22.
1010

1111
<Steps>
12-
<Step title="Angular 20 or later">
13-
`@threadplane/chat` uses Angular Signals, `input()`, and `contentChildren()`. Run `ng version` to confirm. Upgrade with `ng update @angular/core @angular/cli` if you're below 20.
12+
<Step title="Angular 20–22">
13+
`@threadplane/chat` uses Angular Signals, `input()`, and `contentChildren()`. Run `ng version` to confirm that your project uses Angular 20, 21, or 22.
1414
</Step>
1515
<Step title="Node.js compatibility">
1616
Use a Node.js version supported by the selected Angular major. Angular 22 supports Node.js ^22.22.3, ^24.15.0, or ^26.0.0. See the [Angular compatibility matrix](https://angular.dev/reference/versions).

apps/website/content/docs/chat/getting-started/introduction.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
# Introduction
22

3-
`@threadplane/chat` is the Angular UI component library for building chat interfaces on top of a runtime-neutral `Agent` contract. It's a set of composable, Signal-driven components that render messages, handle user input, display tool calls, manage interrupts, and support generative UI -- all styled with CSS custom properties and built for Angular 20+.
3+
`@threadplane/chat` is the Angular UI component library for building chat interfaces on top of a runtime-neutral `Agent` contract. It's a set of composable, Signal-driven components that render messages, handle user input, display tool calls, manage interrupts, and support generative UI -- all styled with CSS custom properties and built for Angular 20–22.
44

55
<Callout type="info" title="What you'll learn">
66
This guide explains the library's two-tier architecture, how it relates to the rest of the Threadplane stack, and when to reach for the all-in-one composition versus assembling primitives yourself.

apps/website/content/docs/chat/getting-started/quickstart.mdx

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3,7 +3,7 @@
33
Let's build a streaming chat UI with `@threadplane/chat` in 5 minutes.
44

55
<Callout type="info" title="Prerequisites">
6-
Angular 20+ project with an agent provider configured. See [Agent Installation](/docs/langgraph/getting-started/installation) if you need help.
6+
Angular 20–22 project with an agent provider configured. See [Agent Installation](/docs/langgraph/getting-started/installation) if you need help.
77
</Callout>
88

99
<Callout type="info" title="No backend yet?">

0 commit comments

Comments
 (0)