Update app.py

app.py

@@ -12,7 +12,8 @@ import os
 
 # Sidebar contents
 with st.sidebar:
-
+    st.title(':orange_book: BinDoc GmbH')
+    
     # API key input (this will not display the entered text)
     api_key = st.text_input('Enter your OpenAI API Key:', type='password')
     
@@ -22,7 +23,7 @@ with st.sidebar:
         st.warning('API key is required to proceed.')
 
     
-    st.title(':orange_book: BinDoc GmbH')
+    
     st.markdown(
         "Experience the future of document interaction with the revolutionary"
     )
@@ -88,7 +89,6 @@ def main():
     st.write("<!-- End Spacer -->", unsafe_allow_html=True)
 
     new_messages_placeholder = st.empty()
-    loading_message = st.empty()
 
     pdf = st.file_uploader("Upload your PDF", type="pdf")
 
@@ -98,9 +98,10 @@ def main():
         if st.button("Ask") or (query and query != st.session_state.get('last_input', '')):
             st.session_state['last_input'] = query  # Save the current query as the last input
             st.session_state['chat_history'].append(("User", query, "new"))
-            
-            loading_message.markdown("<div style='background-color: #FFA07A; padding: 10px; border-radius: 10px; margin: 10px;'>Bot is thinking...</div>", unsafe_allow_html=True)
 
+            loading_message = st.empty()
+            loading_message.text('Bot is thinking...')
+            
             VectorStore = load_pdf(pdf)
             chain = load_chatbot()
             docs = VectorStore.similarity_search(query=query, k=3)
@@ -127,5 +128,24 @@ def main():
         st.session_state['chat_history'] = [(sender, msg, "old") for sender, msg, _ in st.session_state['chat_history']]
 
 
+
+            # Display new messages at the bottom
+            new_messages = st.session_state['chat_history'][-2:]
+            for chat in new_messages:
+                background_color = "#FFA07A" if chat[2] == "new" else "#acf" if chat[0] == "User" else "#caf"
+                new_messages_placeholder.markdown(f"<div style='background-color: {background_color}; padding: 10px; border-radius: 10px; margin: 10px;'>{chat[0]}: {chat[1]}</div>", unsafe_allow_html=True)
+
+            # Scroll to the latest response using JavaScript
+            st.write("<script>document.getElementById('response').scrollIntoView();</script>", unsafe_allow_html=True)
+
+            loading_message.empty()
+
+            # Clear the input field by setting the query variable to an empty string
+            query = ""
+
+        # Mark all messages as old after displaying
+        st.session_state['chat_history'] = [(sender, msg, "old") for sender, msg, _ in st.session_state['chat_history']]
+
+
 if __name__ == "__main__":
     main()