Welcome & Starters

When there are no messages yet, OpenUI Chat shows a welcome state. You can customize it with:

welcomeMessage
conversationStarters

import { Copilot } from "@openuidev/react-ui";

<Copilot
  apiUrl="/api/chat"
  welcomeMessage={{
    title: "Hi there! 👋",
    description: "How can I help today?",
  }}
  conversationStarters={{
    options: [
      { displayText: "Track my order", prompt: "Where is my latest order?" },
      { displayText: "Billing help", prompt: "I have a billing question." },
    ],
  }}
/>;

displayText is what users click. prompt is what gets sent to the model.