Streaming chat

import { useChat } from '@agentskit/react'
import { openai } from '@agentskit/adapters/openai'

const adapter = openai({ model: 'gpt-4o-mini' })

export function Chat() {
  const { messages, input, setInput, send, stop, status } = useChat({ adapter })
  return (
    <form
      onSubmit={(e) => {
        e.preventDefault()
        send(input)
        setInput('')
      }}
    >
      {messages.map((m) => (
        <p key={m.id} data-role={m.role}>
          {m.content}
        </p>
      ))}
      <input value={input} onChange={(e) => setInput(e.target.value)} />
      {status === 'streaming' ? (
        <button type="button" onClick={stop}>
          Stop
        </button>
      ) : (
        <button type="submit">Send</button>
      )}
    </form>
  )
}