customize ai behavior

Author: ataibarkai

docs/pages/_meta.tsx

@@ -28,6 +28,7 @@ export default {
     type: "separator",
     title: "Guides",
   },
+
   "connect-to-your-data": {
     title: "Connect your data",
   },
@@ -40,6 +41,9 @@ export default {
   "generative-ui": {
     title: "Generative UI (in-chat custom UI)",
   },
+  "customize-ai-behavior": {
+    title: "Customize AI behavior",
+  },
   "copilot-suggestions": {
     title: "Copilot Suggestions",
   },

docs/pages/customize-ai-behavior.mdx

@@ -27,6 +27,7 @@ import { CopilotChat } from "@copilotkit/react-ui";
 import "@copilotkit/react-ui/styles.css";
 
 <CopilotChat
+  instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
   labels={{
     title: "Your Assistant",
     initial: "Hi! 👋 How can I assist you today?",

docs/pages/reference/components/CopilotChat.mdx

@@ -28,6 +28,7 @@ import { CopilotPopup } from "@copilotkit/react-ui";
 import "@copilotkit/react-ui/styles.css";
 
 <CopilotPopup
+  instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
   labels={{
     title: "Your Assistant",
     initial: "Hi! 👋 How can I assist you today?",

docs/pages/reference/components/CopilotPopup.mdx

@@ -29,6 +29,7 @@ import "@copilotkit/react-ui/styles.css";
 
 <CopilotSidebar
   labels={{
+    instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
     title: "Your Assistant",
     initial: "Hi! 👋 How can I assist you today?",
   }}

docs/pages/reference/components/CopilotSidebar.mdx

@@ -28,6 +28,7 @@ import "@copilotkit/react-ui/styles.css";
         <>
           <YourMainContent />
           <CopilotPopup
+            instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
             labels={{
               title: "Popup Assistant",
               initial: "Need any help?",
@@ -51,6 +52,7 @@ import "@copilotkit/react-ui/styles.css";
       return (
         <CopilotSidebar
           defaultOpen={true}
+          instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
           labels={{
             title: "Sidebar Assistant",
             initial: "How can I help you today?",
@@ -77,6 +79,7 @@ import "@copilotkit/react-ui/styles.css";
     export function YourComponent() {
       return (
         <CopilotChat
+          instructions={"You are assisting the user as best as you can. Ansewr in the best way possible given the data you have."}
           labels={{
             title: "Your Assistant",
             initial: "Hi! 👋 How can I assist you today?",