AI Chat Interface

"use client";
import { AiChat, type AiChatResponder } from "@/components/wensity/ai-chat-interface";

// Stream from your own API route. Any model works: yield chunks as they arrive.
const respond: AiChatResponder = async function* ({ messages, signal, webSearch, model }) {
  const res = await fetch("/api/chat", {
    method: "POST",
    body: JSON.stringify({ messages, webSearch, model }),
    signal,
  });
  const reader = res.body!.pipeThrough(new TextDecoderStream()).getReader();
  while (true) {
    const { value, done } = await reader.read();
    if (done) break;
    yield { type: "text", text: value };
  }
};

export default function Chat() {
  return <AiChat respond={respond} userName="Ada" height="min(700px, 100dvh - 2rem)" />;
}