Update app.py

app.py

@@ -200,8 +200,119 @@ def page1():
 
 
 def page2():
-    st.title("New Page")
-    st.write("This is the content of the new page.")
+        try:
+        hide_streamlit_style = """
+                <style>
+                #MainMenu {visibility: hidden;}
+                footer {visibility: hidden;}
+                </style>
+                """
+        st.markdown(hide_streamlit_style, unsafe_allow_html=True)
+    
+         # Create columns for layout
+        col1, col2 = st.columns([3, 1])  # Adjust the ratio to your liking
+
+        with col1:
+            st.title("Kodieren statt Frustrieren!")
+
+        with col2:
+            # Load and display the image in the right column, which will be the top-right corner of the page
+            image = Image.open('BinDoc Logo (Quadratisch).png')
+            st.image(image, use_column_width='always')
+
+ 
+        # Start tracking user interactions
+        with streamlit_analytics.track():
+            
+            if not os.path.exists(pdf_path2):
+                st.error("File not found. Please check the file path.")
+                return
+    
+            VectorStore = load_vector_store(pdf_path2, "my_vector_store", force_reload=False)
+    
+    
+            if "chat_history" not in st.session_state:
+                st.session_state['chat_history'] = []
+    
+            display_chat_history(st.session_state['chat_history'])
+    
+            st.write("<!-- Start Spacer -->", unsafe_allow_html=True)
+            st.write("<div style='flex: 1;'></div>", unsafe_allow_html=True)
+            st.write("<!-- End Spacer -->", unsafe_allow_html=True)
+    
+            new_messages_placeholder = st.empty()
+    
+            query = st.text_input("Ask questions about your PDF file (in any preferred language):")
+
+            add_vertical_space(2)  # Adjust as per the desired spacing
+            
+            # Create two columns for the buttons
+            col1, col2 = st.columns(2)
+            
+            with col1:
+                if st.button("Was kann ich mit dem Prognose-Analyse-Tool machen?"):
+                    query = "Was kann ich mit dem Prognose-Analyse-Tool machen?"
+                if st.button("Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?"):
+                    query = "Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?"
+                if st.button("Ich habe mein Meta-Password vergessen, wie kann ich es zurücksetzen?"):
+                    query = "Ich habe mein Meta-Password vergessen, wie kann ich es zurücksetzen?"
+
+            
+            with col2:
+                if st.button("Dies ist eine reine Test Frage, welche aber eine ausreichende Länge hat."):
+                    query = "Dies ist eine reine Test Frage, welche aber eine ausreichende Länge hat."
+                if st.button("Was sagt mir denn generell die wundervolle Bevölkerungsentwicklung?"):
+                    query = "Was sagt mir denn generell die wundervolle Bevölkerungsentwicklung?"
+                if st.button("Ob ich hier wohl viel schreibe, dass die Fragen vom Layout her passen?"):
+                    query = "Ob ich hier wohl viel schreibe, dass die Fragen vom Layout her passen?"
+
+        
+            if query:
+                st.session_state['chat_history'].append(("User", query, "new"))
+
+                # Start timing
+                start_time = time.time()
+                
+                with st.spinner('Bot is thinking...'):
+                    # Use the VectorStore loaded at the start from the session state
+                    chain = load_chatbot()
+                    docs = VectorStore.similarity_search(query=query, k=3)
+                    with get_openai_callback() as cb:
+                        response = chain.run(input_documents=docs, question=query)
+
+                        
+                # Stop timing
+                end_time = time.time()
+                
+                # Calculate duration
+                duration = end_time - start_time
+
+                # You can use Streamlit's text function to display the timing
+                st.text(f"Response time: {duration:.2f} seconds")
+    
+                st.session_state['chat_history'].append(("Bot", response, "new"))
+    
+    
+                # Display new messages at the bottom
+                new_messages = st.session_state['chat_history'][-2:]
+                for chat in new_messages:
+                    background_color = "#ffeecf" if chat[2] == "new" else "#ffeecf" if chat[0] == "User" else "#ffeecf"
+                    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)
+    
+    
+                # Clear the input field after the query is made
+                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']]
+
+    except Exception as e:
+        st.error(f"Upsi, an unexpected error occurred: {e}")
+        # Optionally log the exception details to a file or error tracking service
+
+
+
+
 
 def main():
     # Sidebar content
@@ -214,9 +325,9 @@ def main():
         st.write('Made with ❤️ by BinDoc GmbH')
 
     # Main area content based on page selection
-    if page == "Page 1":
+    if page == "Main ChatBot":
         page1()
-    elif page == "Page 2":
+    elif page == "Kodierhilfe":
         page2()
 
 if __name__ == "__main__":