fix(chatGPTBrowser): render markdown formatting by setting isCreatedByUser, fix(useMessageHandler): avoid double appearance of cursor by setting latest message at initial response creation time

Author: danny-avila

api/server/routes/ask/askChatGPTBrowser.js

@@ -103,13 +103,15 @@ const ask = async ({
             unfinished: true,
             cancelled: false,
             error: false,
+            isCreatedByUser: false,
           });
         }
       },
     });
 
     getPartialMessage = getPartialText;
     const abortController = new AbortController();
+    let i = 0;
     let response = await browserClient({
       text,
       parentMessageId: userParentMessageId,
@@ -128,8 +130,12 @@ const ask = async ({
 
         sendMessage(res, {
           message: { ...userMessage, conversationId: data.conversation_id },
-          created: true,
+          created: i === 0,
         });
+
+        if (i === 0) {
+          i++;
+        }
       },
     });
 
@@ -152,6 +158,7 @@ const ask = async ({
       unfinished: false,
       cancelled: false,
       error: false,
+      isCreatedByUser: false,
     };
 
     await saveMessage(responseMessage);
@@ -220,7 +227,8 @@ const ask = async ({
       parentMessageId: overrideParentMessageId || userMessageId,
       unfinished: false,
       cancelled: false,
-      // error: true,
+      error: true,
+      isCreatedByUser: false,
       text: `${getPartialMessage() ?? ''}\n\nError message: "${error.message}"`,
     };
     await saveMessage(errorMessage);

client/src/hooks/useMessageHandler.ts

@@ -6,7 +6,7 @@ import type { TAskFunction } from '~/common';
 import store from '~/store';
 
 const useMessageHandler = () => {
-  const latestMessage = useRecoilValue(store.latestMessage);
+  const [latestMessage, setLatestMessage] = useRecoilState(store.latestMessage);
   const setSiblingIdx = useSetRecoilState(
     store.messagesSiblingIdxFamily(latestMessage?.parentMessageId),
   );
@@ -134,6 +134,7 @@ const useMessageHandler = () => {
     } else {
       setMessages([...submission.messages, currentMsg, initialResponse]);
     }
+    setLatestMessage(initialResponse);
     setSubmission(submission);
   };