Update app.py

app.py

@@ -45,7 +45,25 @@ head = '''
         window.replaceSpecialChars = replaceSpecialChars
 </script>
 '''
-with gr.Blocks(title="LLM with TTS",head=head) as demo:
+scroll_js="""
+function Scrolldown() {
+let targetNode = document.querySelector('[aria-label="chatbot conversation"]'>
+// Options for the observer (which mutations to observe)
+const config = { attributes: true, childList: true, subtree: true };
+
+// Callback function to execute when mutations are observed
+const callback = (mutationList, observer) => {
+targetNode.scrollTop = targetNode.scrollHeight;
+};
+
+// Create an observer instance linked to the callback function
+const observer = new MutationObserver(callback);
+
+// Start observing the target node for configured mutations
+observer.observe(targetNode, config);
+}
+"""
+with gr.Blocks(title="LLM with TTS",head=head,js = scroll_js) as demo:
     gr.Markdown("## LLM is unstable:The inference client used in this demo exhibits inconsistent performance. While it can provide responses in milliseconds, it sometimes becomes unresponsive and times out.")
     gr.Markdown("## TTS talke a long loading time:Please be patient, the first response may have a delay of up to over 20 seconds while loading.")
     gr.Markdown("**gemma-2-27b-it/LJSpeech**.LLM and TTS models will change without notice.")