Update app.py

app.py

@@ -131,6 +131,16 @@ def generate_response(user_input: str, vector_store: FAISS) -> Optional[str]:
         return "Une erreur s'est produite lors de la génération de la réponse."
 
 
+def chatbot(query):
+    """Main function to run the chatbot"""
+    try:
+        vs = initialize_vector_store()
+        response = generate_response(query, vs)
+        return response or "Aucune réponse générée."
+    except Exception as e:
+        logging.error(f"Chatbot error: {str(e)}")
+        return f"Une erreur s'est produite : {str(e)}"
+
 def chatbot(query):
     """Main function to run the chatbot"""
     try:
@@ -146,7 +156,7 @@ def get_random_questions():
     """Get 3 random example questions"""
     return random.sample(EXAMPLE_QUESTIONS, 3)
 
-with gr.Blocks(title="MTC Chatbot") as demo:  # Removed the theme=gr.themes.Soft() to use the default light theme
+with gr.Blocks(title="MTC Chatbot", css=".gradio-container {max-width: 100% !important}") as demo:
     # Header Section
     gr.Markdown("""
     <div style="text-align: center;">
@@ -155,20 +165,28 @@ with gr.Blocks(title="MTC Chatbot") as demo:  # Removed the theme=gr.themes.Soft
     </div>
     """)
     
-    # Chat Interface
+    # Chat Interface - Full width and fixed height
     chatbot = gr.Chatbot(
         label="Dialogue",
         bubble_full_width=False,
-        )
+        height=600,
+        container=True,
+    )
     
-    # Input Section
+    # Input Section - Larger elements
     with gr.Row():
         msg = gr.Textbox(
-            scale=7,
+            scale=14,
             placeholder="Écrivez votre question ici...",
-            container=False
+            container=False,
+            lines=3,
+            elem_classes=["large-input"]
+        )
+        btn = gr.Button(
+            "Envoyer", 
+            scale=2,
+            elem_classes=["large-button"]
         )
-        btn = gr.Button("Envoyer", scale=1)
     
     # Example Questions
     with gr.Row():
@@ -179,7 +197,25 @@ with gr.Blocks(title="MTC Chatbot") as demo:  # Removed the theme=gr.themes.Soft
             examples_per_page=3
         )
     
-    # Chat Functions
+    # Custom CSS for styling
+    demo.css = """
+    .large-input textarea {
+        min-height: 120px !important;
+        font-size: 16px !important;
+    }
+    .large-button {
+        height: 120px !important;
+        font-size: 16px !important;
+    }
+    .gradio-container {
+        max-width: 100% !important;
+    }
+    .container {
+        max-width: 100% !important;
+    }
+    """
+    
+    # Chat Functions with improved error handling
     def respond(message, chat_history):
         try:
             vs = initialize_vector_store()
@@ -187,8 +223,9 @@ with gr.Blocks(title="MTC Chatbot") as demo:  # Removed the theme=gr.themes.Soft
             chat_history.append((message, response))
             return "", chat_history
         except Exception as e:
-            logging.error(f"Error: {str(e)}")
-            return "", chat_history + [(message, f"Erreur: {str(e)}")]
+            logging.error(f"Error: {str(e)}", exc_info=True)
+            error_msg = "Désolé, une erreur technique est survenue. Veuillez réessayer."
+            return "", chat_history + [(message, error_msg)]
 
     # Event Handling
     btn.click(