feat: add prompt as options

README.md

@@ -187,6 +187,7 @@ interface BitteAiChatProps {
     agentName?: string; // Custom agent name
     agentImage?: string; // Custom agent image URL
     chatId?: string; // Custom chat ID
+    prompt?: string // Custom Initial prompt
   };
   welcomeMessageComponent?: JSX.Element; // Custom Welcome Message to be displayed when the chat loads
   mobileInputExtraButton?: JSX.Element // Custom Button to add in mobile next to 'Send'

src/components/BitteAiChat.tsx

@@ -58,6 +58,7 @@ export const BitteAiChat = ({
           agentImage: options?.agentImage,
           chatId: options?.chatId ?? (chatId || undefined),
           localAgent: options?.localAgent,
+          prompt: options?.prompt,
         }}
         welcomeMessageComponent={welcomeMessageComponent}
         mobileInputExtraButton={mobileInputExtraButton}

src/components/chat/ChatContent.tsx

@@ -34,7 +34,7 @@ export const ChatContent = ({
   options,
   messages: initialMessages,
   welcomeMessageComponent,
-  mobileInputExtraButton
+  mobileInputExtraButton,
 }: BitteAiChatProps) => {
   const chatId = useRef(options?.chatId || generateId()).current;
   const [isAtBottom, setIsAtBottom] = useState(true);
@@ -59,6 +59,7 @@ export const ChatContent = ({
     handleSubmit,
     reload,
     addToolResult,
+    append,
     error,
   } = useChat({
     maxSteps: 7,
@@ -165,6 +166,16 @@ export const ChatContent = ({
     setAutoScrollEnabled(true);
   }, [scrollToBottom]);
 
+  useEffect(() => {
+    if (options?.prompt && messages.length === 0 && !isInProgress) {
+      append({
+        id: generateId(),
+        role: "user",
+        content: options.prompt,
+      });
+    }
+  }, [messages.length, isInProgress, options]);
+
   return (
     <div className='bitte-flex bitte-h-full bitte-w-full bitte-flex-col bitte-gap-4 bitte-text-justify'>
       <div

src/types/types.ts

@@ -205,6 +205,7 @@ export interface BitteAiChatProps {
     agentName?: string;
     agentImage?: string;
     chatId?: string;
+    prompt?: string;
     localAgent?: {
       pluginId: string;
       accountId: string;