(EAI-571) [UI] Support creating conversation on first message (#603)

Author: nlarew

packages/mongodb-chatbot-ui/src/InputBarTrigger.tsx

@@ -125,9 +125,6 @@ export function InputBarTrigger({
             if (conversation.messages.length > 0) {
               openChat();
             }
-            if (!conversation.conversationId) {
-              await conversation.createConversation();
-            }
           }}
           onFocus={() => {
             setFocused(true);

packages/mongodb-chatbot-ui/src/conversationStore.ts

@@ -6,7 +6,7 @@ import {
 import { combine } from "zustand/middleware";
 import createMessage, { CreateMessageArgs } from "./createMessage";
 import { References } from "./references";
-import { removeArrayElementAt } from "./utils";
+import { nonProd, removeArrayElementAt } from "./utils";
 
 export type ConversationState = {
   conversationId?: string;
@@ -49,12 +49,32 @@ export type ConversationStore = ReturnType<typeof makeConversationStore>;
 
 export const makeConversationStore = (name = "default") => {
   return createStore(
-    combine(initialConversationState, (set) => ({
+    combine(initialConversationState, (set, get) => ({
       name,
       api: {
         initialize: (initialState: ConversationState) => {
           set(initialState);
         },
+        setConversationId: (conversationId: string) => {
+          if (conversationId === "") {
+            nonProd(() => {
+              console.warn("Attempted to set an empty conversation ID");
+            });
+            return;
+          }
+          if (get().conversationId) {
+            nonProd(() => {
+              console.warn(
+                "Attempted to set a conversation ID when one is already set"
+              );
+            });
+            return;
+          }
+          set((prevState) => ({
+            ...prevState,
+            conversationId,
+          }));
+        },
         setConversationError: (errorMessage: string) => {
           set((prevState) => ({
             ...prevState,