pnpm add @agentskit/chat @agentskit/core @agentskit/angular @angular/core @angular/common rxjs

import { Component } from '@angular/core'
import { AgentChatComponent } from '@agentskit/chat/angular'
import { createSupportChat } from './support-chat'
import { adapter } from './adapter'

@Component({
  selector: 'app-support',
  standalone: true,
  imports: [AgentChatComponent],
  template: `
    <ak-agent-chat [definition]="supportChat" placeholder="Ask about the product">
      <ng-template #message let-message>
        <article [attr.data-role]="message.role">{{ message.content }}</article>
      </ng-template>
    </ak-agent-chat>
  `,
})
export class SupportComponent {
  readonly supportChat = createSupportChat(adapter)
}