Clear chatbox input only after response it generated 
diff --git a/website/src/components/Chat/ChatConversation.tsx b/website/src/components/Chat/ChatConversation.tsx
index 23ef864400..ce5138d686 100644
--- a/website/src/components/Chat/ChatConversation.tsx
+++ b/website/src/components/Chat/ChatConversation.tsx
@@ -82,7 +82,6 @@ export const ChatConversation = memo(function ChatConversation({ chatId, getConf
       return;
     }
     setIsSending.on();
-    inputRef.current!.value = "";
 
     // TODO: maybe at some point we won't need to access the rendered HTML directly, but use react state
     const parentId = document.getElementById(LAST_ASSISTANT_MESSAGE_ID)?.dataset.id ?? null;
@@ -113,6 +112,7 @@ export const ChatConversation = memo(function ChatConversation({ chatId, getConf
     }
     setMessages((messages) => [...messages, prompter_message]);
 
+    inputRef.current!.value = "";
     // after creating the prompters message, handle the assistant's case
     await createAndFetchAssistantMessage({ parentId: prompter_message.id, chatId });
   }, [setIsSending, chatId, messages, createAndFetchAssistantMessage, toast, isSending]);

Now the user will have better experience chatting with assistant. The chat box input is only cleared after response is generated. Fixes  #2604