Update app.py

app.py

@@ -168,8 +168,11 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #
         last_message_state = gr.State("")  
 
         def user_interaction(message, history, api_key, max_tokens, top_p, temperature):
-           history, assistant_reply = respond(message, api_key, max_tokens, top_p, temperature)
-           return render_message(history), history, "", gr.HTML("<script>Scrolldown();</script>")
+            loading_message = history + [(message, "Loading...", "You", "P-ALPLE", USER_PIC_PATH, ASSISTANT_PIC_PATH)]
+            yield render_message(loading_message), loading_message, ""
+
+            history, assistant_reply = respond(message, api_key, max_tokens, top_p, temperature)
+            yield render_message(history), history, ""
 
         def regenerate_response(history, last_message, max_tokens, top_p, temperature):
             return "", []
@@ -187,15 +190,13 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #
         msg_input.submit(
             user_interaction, 
             inputs=[msg_input, history_state, api_key_input, max_tokens, top_p, temperature], 
-            outputs=[chatbot_output, history_state, msg_input, gr.HTML()],
-            scroll_to_output=True
+            outputs=[chatbot_output, history_state, msg_input],
         )
 
         send_btn.click(
             user_interaction, 
             inputs=[msg_input, history_state, api_key_input, max_tokens, top_p, temperature], 
-            outputs=[chatbot_output, history_state, msg_input, gr.HTML()],
-            scroll_to_output=True
+            outputs=[chatbot_output, history_state, msg_input],
         )
 
         regen_btn.click(clear_history, 
@@ -211,8 +212,7 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #
             gr.update(visible=False), 
             gr.update(visible=True),  
             messages_html,
-            history,
-            gr.HTML("<script>Scrolldown();</script>")
+            history
             )
         else:
             gr.Warning("Incorrect userid/token")
@@ -233,7 +233,6 @@ with gr.Blocks(css=".chatbox {height: 400px; overflow: auto; border: 1px solid #
 
     auth_button.click(authorize_and_proceed, inputs=[api_user_input, api_key_input], outputs=[auth_view, chat_view, chatbot_output, history_state])
     save_instructions_btn.click(save_custom_instructions, inputs=[api_key_input, system_instructions_input], outputs=auth_status)
-    demo.load(lambda: None, [], None)
     demo.launch()
 if __name__ == "__main__":
     demo.queue = False