@threadplane/langgraph · LangGraph adapter
LangGraph agent UI for Angular.
Ship LangGraph agents inside your Angular app. Agent state arrives as signals; threads survive reloads; humans stay in the loop.
Not sure if LangGraph is right for your backend? See Choosing an adapter.
Architecture
Native LangGraph, behind the Agent contract
The adapter speaks LangGraph Platform directly — threads, runs, checkpoints — and hands your components the same signal-shaped contract every Threadplane surface consumes.
Providers
Drop it into app.config.ts. Done.
provideAgent wires LangGraph into Angular's DI container. From any component, injectAgent() returns a signal-based handle for messages, status, errors, and interrupts.
Signals
Reactive without RxJS gymnastics.
Every agent surface is exposed as a signal — message stream, tool progress, interrupts, errors, status. Compose with the rest of your Angular reactivity story. No subscriptions to leak.
Developer Experience
Production streaming in a few lines
// app.config.ts
import { provideAgent } from '@threadplane/langgraph';
providers: [
provideAgent({
assistantId: 'my-agent',
apiUrl: 'https://my-langgraph.cloud',
}),
];
// component
import { injectAgent } from '@threadplane/langgraph';
const chat = injectAgent();
// Reactive signals — OnPush compatible
chat.messages(); // Signal<Message[]>
chat.isLoading(); // Signal<boolean>
chat.interrupt(); // Signal<AgentInterrupt | undefined>// app.config.ts
import { provideAgent, MockAgentTransport, FetchStreamTransport } from '@threadplane/langgraph';
providers: [
provideAgent({
apiUrl: environment.langgraphUrl,
assistantId: 'my-agent',
threadId: savedThreadId,
onThreadId: (id) => localStorage.setItem('threadId', id),
transport: isTest
? new MockAgentTransport(fixtures)
: new FetchStreamTransport(),
}),
];
// component
import { injectAgent } from '@threadplane/langgraph';
const chat = injectAgent();Field report
The last-mile gap in Angular AI.
Six production-readiness dimensions
17 pages
Streaming, persistence, tool calls, approvals, generative UI, testing
the six chapters
No vendor pitch — what we learned shipping it
free
Stop stalling on agentic Angular.
Install the framework, read the docs, and have a streaming chat in your app this afternoon.