For agents
@agentskit/angular — for agents
Angular service exposing chat state as Signal + RxJS Observable.
Install
npm install @agentskit/angular
# peers:
npm install @angular/core rxjsPrimary exports
AgentskitChat—@Injectable({ providedIn: 'root' })service with:init(config): ChatReturn— bootstrap the controller.state: WritableSignal<ChatState>— template-friendly.stream$: Observable<ChatState>— RxJS interop.- Actions:
send,stop,retry,setInput,clear,approve,deny. ngOnDestroyauto-unsubscribes.
Minimal example
import { Component, inject } from '@angular/core'
import { AgentskitChat } from '@agentskit/angular'
@Component({
selector: 'ak-chat',
standalone: true,
template: `
<div *ngFor="let m of chat.state()?.messages ?? []">{{ m.content }}</div>
<input [value]="chat.state()?.input ?? ''" (input)="chat.setInput($any($event.target).value)">
<button (click)="chat.send(chat.state()?.input ?? '')">Send</button>
`,
})
export class ChatComponent {
chat = inject(AgentskitChat)
constructor() {
this.chat.init({ adapter })
}
}Related
- @agentskit/react — canonical contract.
- @agentskit/vue.