Update app.py

app.py

@@ -8,6 +8,21 @@ from langchain_huggingface import HuggingFaceEndpoint
 from langchain.prompts import PromptTemplate
 from langchain.schema.runnable import RunnablePassthrough
 from langchain.chains import LLMChain
+# Load Google service account credentials from Hugging Face secrets
+GOOGLE_SERVICE_ACCOUNT_JSON = st.secrets["GOOGLE_SERVICE_ACCOUNT_JSON"]
+
+# Google Sheets API v4 setup
+scope = ["https://www.googleapis.com/auth/spreadsheets", "https://www.googleapis.com/auth/drive"]
+service_account_info = json.loads(GOOGLE_SERVICE_ACCOUNT_JSON)
+creds = ServiceAccountCredentials.from_json_keyfile_dict(service_account_info, scope)
+client = gspread.authorize(creds)
+spreadsheet_id = '1Jf1k7Q71ihsxBf-XQYyucamMy14q7IjhUDlU8ZzR_Nc'  # Replace with your actual spreadsheet ID
+sheet = client.open_by_key(spreadsheet_id).sheet1
+
+# Function to save user feedback to Google Sheets
+def save_feedback(user_input, bot_response, rating, comment):
+    feedback = [user_input, bot_response, rating, comment]
+    sheet.append_row(feedback)
 
 from huggingface_hub import login
 login(token=st.secrets["HF_TOKEN"])
@@ -80,6 +95,11 @@ def chatbot_response(user_input):
     response = qa.run(user_input)
     return response
 
+# Session state to hold user input and chatbot response
+if 'user_input' not in st.session_state:
+    st.session_state.user_input = ""
+if 'bot_response' not in st.session_state:
+    st.session_state.bot_response = ""
 
 # Create columns for logos
 col1, col2, col3 = st.columns([2, 3, 2])
@@ -89,21 +109,13 @@ with col1:
 
 with col3:
     st.image("Altereo logo 2023 original - eau et territoires durables.png", width=150, use_column_width=True)  # Adjust image path and size as needed
+
 # Streamlit components
-# Ajouter un peu de CSS pour centrer le texte
-# Ajouter un peu de CSS pour centrer le texte et le colorer en orange foncé
 st.markdown("""
     <style>
     .centered-text {
         text-align: center;
     }
-    </style>
-    """, unsafe_allow_html=True)
-
-# Utiliser la classe CSS pour centrer et colorer le texte
-st.markdown('<h3 class="centered-text">🤖 AlteriaChat 🤖 </h3>', unsafe_allow_html=True)
-st.markdown("""
-    <style>
     .centered-orange-text {
         text-align: center;
         color: darkorange;
@@ -111,23 +123,43 @@ st.markdown("""
     </style>
     """, unsafe_allow_html=True)
 
-# Centrer le texte principal
-# Centrer et colorer en orange foncé le texte spécifique
+# Use CSS classes to style the text
+st.markdown('<h3 class="centered-text">🤖 AlteriaChat 🤖 </h3>', unsafe_allow_html=True)
 st.markdown('<p class="centered-orange-text">"Votre Réponse à Chaque Défi Méthodologique "</p>', unsafe_allow_html=True)
-# Input and button for user interaction
-user_input = st.text_input("You:", "")
-submit_button = st.button("Ask 📨")
-
-# Handle user input
-if submit_button:
-    if user_input.strip() != "":
-        bot_response = chatbot_response(user_input)
-        st.markdown("### Bot:")
-        st.text_area("", value=bot_response, height=600)
-    else:
-        st.warning("⚠️ Please enter a message.")
-
-# Motivational quote at the bottom
-st.markdown("---")
-st.markdown("La collaboration est la clé du succès. Chaque question trouve sa réponse, chaque défi devient une opportunité.")
 
+# Input form for user interaction
+with st.form(key='interaction_form'):
+    st.session_state.user_input = st.text_input("You:", key="user_input_input")
+    ask_button = st.form_submit_button("Ask 📨")  # Button to submit the question
+
+    if ask_button and st.session_state.user_input.strip():
+        st.session_state.bot_response = chatbot_response(st.session_state.user_input)
+
+# Display the bot response if available
+if st.session_state.bot_response:
+    st.markdown("### Bot:")
+    st.text_area("", value=st.session_state.bot_response, height=600)
+
+    # Separate form for feedback submission
+    with st.form(key='feedback_form'):
+        st.markdown("### Rate the response:")
+        rating = st.slider("Select a rating:", min_value=1, max_value=5, value=1, key="rating")
+
+        st.markdown("### Leave a comment:")
+        comment = st.text_area("", key="comment")
+
+        # Separate submit button for feedback
+        feedback_submit_button = st.form_submit_button("Submit Feedback")
+        
+        if feedback_submit_button:
+            if comment.strip():
+                save_feedback(st.session_state.user_input, st.session_state.bot_response, rating, comment)
+                st.success("Thank you for your feedback!")
+                # Clear the session state after submission
+                st.session_state.user_input = ""
+                st.session_state.bot_response = ""
+            else:
+                st.warning("Please provide a comment before submitting feedback.")
+
+st.markdown("---")
+st.markdown("Collaboration is the key to success. Each question finds its answer, each challenge becomes an opportunity.")