pnpm add @agentskit/chat @agentskit/core @agentskit/solid solid-js

import { AgentChat } from '@agentskit/chat/solid'
import { createSupportChat } from './support-chat'
import { adapter } from './adapter'

const definition = createSupportChat(adapter)

export function SupportChat() {
  return (
    <AgentChat
      definition={definition}
      placeholder="Ask about the product"
      message={(message) => (
        <article data-role={message.role}>{message.content}</article>
      )}
    />
  )
}