🆕 Chat Window


A full-screen component to chat with AI. Use it to provide a ChatGPT-like chatting interface to your users with different choices of language models

Features:

  • Choose between "regular chat" vs "vector search chat"
  • Select between different language models (GPT-3.5, Groq, Claude 3, Ollama)
  • Copy chat message to clipboard
  • Stop generating messages in the middle

All messages are streamed back to the user.

Usage

import ChatWindow from "@/components/ChatWindow";
 
...
 
<ChatWindow />

You can also use the individual sub-components located in the @/components/chat/ directory – chat messages, chat input box, placeholder screen, etc.

⚠️ Make sure you've followed the steps to set up the vector search and text generation feature before using this component.


Last Updated: March 5