@agentskit/angular

npm install @agentskit/angular @angular/core rxjs @agentskit/adapters

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 })
  }
}