diff --git a/src/khoj/interface/web/chat.html b/src/khoj/interface/web/chat.html index 293852b0..26818771 100644 --- a/src/khoj/interface/web/chat.html +++ b/src/khoj/interface/web/chat.html @@ -74,6 +74,10 @@ new_response_text.classList.add("chat-message-text", "khoj"); new_response.appendChild(new_response_text); + // Temporary status message to indicate that Khoj is thinking + new_response_text.innerHTML = "🤔"; + document.getElementById("chat-body").scrollTop = document.getElementById("chat-body").scrollHeight; + // Call specified Khoj API which returns a streamed response of type text/plain fetch(url) .then(response => { @@ -96,10 +100,17 @@ new_response_text.innerHTML += polishedReference; } else { + // Clear temporary status message + if (new_response_text.innerHTML === "🤔") { + new_response_text.innerHTML = ""; + } + new_response_text.innerHTML += chunk; - document.getElementById("chat-body").scrollTop = document.getElementById("chat-body").scrollHeight; readStream(); } + + // Scroll to bottom of chat window as chat response is streamed + document.getElementById("chat-body").scrollTop = document.getElementById("chat-body").scrollHeight; }); } readStream();