Update app.py

app.py

@@ -1,54 +1,97 @@
 import streamlit as st
-from dotenv import load_dotenv
+import os
 import pickle
 from huggingface_hub import Repository
 from PyPDF2 import PdfReader
-from streamlit_extras.add_vertical_space import add_vertical_space
 from langchain.text_splitter import RecursiveCharacterTextSplitter
 from langchain.embeddings.openai import OpenAIEmbeddings
 from langchain.vectorstores import FAISS
 from langchain.llms import OpenAI
 from langchain.chains.question_answering import load_qa_chain
 from langchain.callbacks import get_openai_callback
-import os
 
 # Step 1: Clone the Dataset Repository
 repo = Repository(
     local_dir="Private_Book",  # Local directory to clone the repository
     repo_type="dataset",  # Specify that this is a dataset repository
-    
     clone_from="Anne31415/Private_Book",  # Replace with your repository URL
-    
-    token=os.environ["HUB_TOKEN"]  # Use the secret token to authenticate
+    token=os.getenv("HUB_TOKEN")  # Use the secret token to authenticate
 )
 repo.git_pull()  # Pull the latest changes (if any)
 
 # Step 2: Load the PDF File
 pdf_file_path = "Private_Book/KOMBI_all2.pdf"  # Replace with your PDF file path
 
-with st.sidebar:
-    st.title('BinDoc GmbH')
-    st.markdown("Experience revolutionary interaction with BinDocs Chat App, leveraging state-of-the-art AI technology.")
-    
-    add_vertical_space(1)  # Adjust as per the desired spacing
-    
-    st.markdown("""
-    Hello! I’m here to assist you with:<br><br>
-    📘 **Glossary Inquiries:**<br>
-    I can clarify terms like "DiGA", "AOP", or "BfArM", providing clear and concise explanations to help you understand our content better.<br><br>
-    🆘 **Help Page Navigation:**<br>
-    Ask me if you forgot your password or want to know more about topics related to the platform.<br><br>
-    📰 **Latest Whitepapers Insights:**<br>
-    Curious about our recent publications? Feel free to ask about our latest whitepapers!<br><br>
-    """, unsafe_allow_html=True)
-    
-    add_vertical_space(1)  # Adjust as per the desired spacing
-
-    st.write('Made with ❤️ by BinDoc GmbH')
-
-    api_key = os.getenv("OPENAI_API_KEY")
-    # Retrieve the API key from st.secrets
-
+def cloud_button(label, key=None):
+    button_id = f"cloud-button-{key or label}"
+    cloud_button_html = f"""
+    <div class="cloud" id="{button_id}">
+        <div class="circle small"></div>
+        <div class="circle medium"></div>
+        <div class="circle large"></div>
+        <div class="rectangle">{label}</div>
+        <div class="circle medium"></div>
+        <div class="circle small"></div>
+    </div>
+    <style>
+        .cloud {{
+            position: relative;
+            display: inline-block;
+            cursor: pointer;
+            user-select: none;
+        }}
+        .rectangle {{
+            width: 120px;
+            height: 60px;
+            background-color: white;
+            border-radius: 30px;
+            position: absolute;
+            top: 20px;
+            left: 10px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-size: 16px;
+            font-weight: bold;
+            transition: background-color 0.4s;
+        }}
+        .circle {{
+            position: absolute;
+            background-color: white;
+        }}
+        .circle.small {{
+            width: 40px;
+            height: 40px;
+            border-radius: 20px;
+            top: 10px;
+            left: 50px;
+        }}
+        .circle.medium {{
+            width: 60px;
+            height: 60px;
+            border-radius: 30px;
+        }}
+        .circle.large {{
+            width: 80px;
+            height: 80px;
+            border-radius: 40px;
+            top: -10px;
+            left: 40px;
+        }}
+        .cloud:hover .rectangle {{
+            background-color: #008CBA;
+            color: white;
+        }}
+    </style>
+    <script>
+        document.getElementById("{button_id}").onclick = function() {{
+            google.script.run.withSuccessHandler(function(e) {{
+                document.getElementById("{button_id}").innerText = e;
+            }}).getCloudButtonValue("{label}");
+        }};
+    </script>
+    """
+    st.markdown(cloud_button_html, unsafe_allow_html=True)
 
 def load_pdf(file_path):
     pdf_reader = PdfReader(file_path)
@@ -76,13 +119,36 @@ def load_pdf(file_path):
 
     return VectorStore
 
-
-
 def load_chatbot():
     return load_qa_chain(llm=OpenAI(), chain_type="stuff")
 
-def main():
+def display_chat_history(chat_history):
+    for chat in chat_history:
+        background_color = "#FFA07A" if chat[2] == "new" else "#acf" if chat[0] == "User" else "#caf"
+        st.markdown(f"<div style='background-color: {background_color}; padding: 10px; border-radius: 10px; margin: 10px;'>{chat[0]}: {chat[1]}</div>", unsafe_allow_html=True)
 
+def main():
+        with st.sidebar:
+        st.title('BinDoc GmbH')
+        st.markdown("Experience revolutionary interaction with BinDocs Chat App, leveraging state-of-the-art AI technology.")
+        
+        add_vertical_space(1)  # Adjust as per the desired spacing
+        
+        st.markdown("""
+        Hello! I’m here to assist you with:<br><br>
+        📘 **Glossary Inquiries:**<br>
+        I can clarify terms like "DiGA", "AOP", or "BfArM", providing clear and concise explanations to help you understand our content better.<br><br>
+        🆘 **Help Page Navigation:**<br>
+        Ask me if you forgot your password or want to know more about topics related to the platform.<br><br>
+        📰 **Latest Whitepapers Insights:**<br>
+        Curious about our recent publications? Feel free to ask about our latest whitepapers!<br><br>
+        """, unsafe_allow_html=True)
+        
+        add_vertical_space(1)  # Adjust as per the desired spacing
+        st.write('Made with ❤️ by BinDoc GmbH')
+        api_key = os.getenv("OPENAI_API_KEY")
+
+        
     hide_streamlit_style = """
             <style>
             #MainMenu {visibility: hidden;}
@@ -91,11 +157,8 @@ def main():
             """
     st.markdown(hide_streamlit_style, unsafe_allow_html=True)
 
-
     # Main content
     st.title("Welcome to BinDocs ChatBot! 🤖")
-    
-    # Directly specifying the path to the PDF file
     pdf_path = pdf_file_path
     if not os.path.exists(pdf_path):
         st.error("File not found. Please check the file path.")
@@ -112,74 +175,39 @@ def main():
 
     new_messages_placeholder = st.empty()
 
-    # Add cloud-like button styles
-    cloud_button_style = """
-        <style>
-            .stButton > button {
-                border: none;
-                padding: 10px 20px;
-                border-radius: 25px;
-                font-size: 16px;
-                transition-duration: 0.4s;
-                cursor: pointer;
-                background-color: white; 
-                color: black; 
-                border: 2px solid #008CBA;
-            }
-            .stButton > button:hover {
-                background-color: #008CBA;
-                color: white;
-            }
-        </style>
-    """
-    st.markdown(cloud_button_style, unsafe_allow_html=True)
-
     if pdf_path is not None:
         query = st.text_input("Ask questions about your PDF file (in any preferred language):")
 
-        if st.button("Was genau ist ein Belegarzt?"):
+        if cloud_button("Was genau ist ein Belegarzt?"):
             query = "Was genau ist ein Belegarzt?"
-        if st.button("Wofür wird die Alpha-ID verwendet?"):
+        if cloud_button("Wofür wird die Alpha-ID verwendet?"):
             query = "Wofür wird die Alpha-ID verwendet?"
-    
-            
+        if cloud_button("Was sind die Vorteile des ambulanten operierens?"):
+            query = "Was sind die Vorteile des ambulanten operierens?"
+        if cloud_button("Was kann ich mit dem Prognose-Analyse Toll machen?"):
+            query = "Was kann ich mit dem Prognose-Analyse Toll machen?"
+        if cloud_button("Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?"):
+            query = "Was sagt mir die Farbe der Balken der Bevölkerungsentwicklung?"
+        if cloud_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?"
+
         if st.button("Ask") or (not st.session_state['chat_history'] and query) or (st.session_state['chat_history'] and query != st.session_state['chat_history'][-1][1]):
             st.session_state['chat_history'].append(("User", query, "new"))
-
             loading_message = st.empty()
             loading_message.text('Bot is thinking...')
-
             VectorStore = load_pdf(pdf_path)
             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)
-
+            response = chain.run(input_documents=docs, question=query)
             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 = "#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']]
 
-
-
-def display_chat_history(chat_history):
-    for chat in chat_history:
-        background_color = "#FFA07A" if chat[2] == "new" else "#acf" if chat[0] == "User" else "#caf"
-        st.markdown(f"<div style='background-color: {background_color}; padding: 10px; border-radius: 10px; margin: 10px;'>{chat[0]}: {chat[1]}</div>", unsafe_allow_html=True)
-
 if __name__ == "__main__":
-    main()
+    main()