Update app.py

app.py

@@ -245,13 +245,65 @@ prompt_template = ChatPromptTemplate.from_messages([
 #     question_cache[question] = result
 #     return result
 
+# # Custom CSS for right-aligned text in textboxes
+# custom_css = """
+# .rtl-text {
+#     text-align: right !important;
+#     direction: rtl !important;
+# }
+# .rtl-text textarea {
+#     text-align: right !important;
+#     direction: rtl !important;
+# }
+# """
+
+# # Gradio interface with queue
+# with gr.Blocks(css=custom_css) as iface:
+#     with gr.Column():
+#         input_text = gr.Textbox(
+#             label="السؤال",
+#             placeholder="اكتب سؤالك هنا...",
+#             lines=2,
+#             elem_classes="rtl-text"
+#         )
+        
+#         with gr.Row():
+#             answer_box = gr.Textbox(
+#                 label="الإجابة",
+#                 lines=4,
+#                 elem_classes="rtl-text"
+#             )
+#             context_box = gr.Textbox(
+#                 label="السياق المستخدم",
+#                 lines=8,
+#                 elem_classes="rtl-text"
+#             )
+        
+#         submit_btn = gr.Button("إرسال")
+        
+#         submit_btn.click(
+#             fn=process_question,
+#             inputs=input_text,
+#             outputs=[answer_box, context_box],
+#             api_name="predict"
+#         )
+
+# if __name__ == "__main__":
+#     iface.launch(
+#         share=True,
+#         server_name="0.0.0.0",
+#         server_port=7860,
+#         max_threads=3,  # Controls concurrency
+#         show_error=True
+#     )
+
 def process_question(question: str):  
     """  
     Process the question and yield the answer progressively.  
     """  
     # Check cache first  
     if question in question_cache:  
-        return question_cache[question]  # Retourne directement depuis le cache si disponible  
+        yield question_cache[question]  # Retourne directement depuis le cache si disponible  
 
     relevant_docs = retriever(question)  
     context = "\n".join([doc.page_content for doc in relevant_docs])  
@@ -272,56 +324,57 @@ def process_question(question: str):
         yield response, context  # Renvoie la réponse mise à jour et le contexte  
 
     # Mettez le résultat en cache à la fin  
-    question_cache[question] = (response, context) 
-
-# Custom CSS for right-aligned text in textboxes
-custom_css = """
-.rtl-text {
-    text-align: right !important;
-    direction: rtl !important;
-}
-.rtl-text textarea {
-    text-align: right !important;
-    direction: rtl !important;
-}
-"""
-
-# Gradio interface with queue
-with gr.Blocks(css=custom_css) as iface:
-    with gr.Column():
-        input_text = gr.Textbox(
-            label="السؤال",
-            placeholder="اكتب سؤالك هنا...",
-            lines=2,
-            elem_classes="rtl-text"
-        )
+    question_cache[question] = (response, context)   
+
+# Custom CSS for right-aligned text in textboxes  
+custom_css = """  
+.rtl-text {  
+    text-align: right !important;  
+    direction: rtl !important;  
+}  
+.rtl-text textarea {  
+    text-align: right !important;  
+    direction: rtl !important;  
+}  
+"""  
+
+# Gradio interface with queue  
+with gr.Blocks(css=custom_css) as iface:  
+    with gr.Column():  
+        input_text = gr.Textbox(  
+            label="السؤال",  
+            placeholder="اكتب سؤالك هنا...",  
+            lines=2,  
+            elem_classes="rtl-text"  
+        )  
         
-        with gr.Row():
-            answer_box = gr.Textbox(
-                label="الإجابة",
-                lines=4,
-                elem_classes="rtl-text"
-            )
-            context_box = gr.Textbox(
-                label="السياق المستخدم",
-                lines=8,
-                elem_classes="rtl-text"
-            )
+        with gr.Row():  
+            answer_box = gr.Textbox(  
+                label="الإجابة",  
+                lines=4,  
+                elem_classes="rtl-text"  
+            )  
+            context_box = gr.Textbox(  
+                label="السياق المستخدم",  
+                lines=8,  
+                elem_classes="rtl-text"  
+            )  
         
-        submit_btn = gr.Button("إرسال")
+        submit_btn = gr.Button("إرسال")  
         
-        submit_btn.click(
-            fn=process_question,
-            inputs=input_text,
-            outputs=[answer_box, context_box],
-            api_name="predict"
-        )
-
-if __name__ == "__main__":
-    iface.launch(
-        share=True,
-        server_name="0.0.0.0",
-        server_port=7860,
-        max_threads=3,  # Controls concurrency
-        show_error=True
+        submit_btn.click(  
+            fn=process_question,  
+            inputs=input_text,  
+            outputs=[answer_box, context_box],  
+            api_name="predict",  
+            queue=True  # Utiliser le système de queue pour un traitement asynchrone  
+        )  
+
+if __name__ == "__main__":  
+    iface.launch(  
+        share=True,  
+        server_name="0.0.0.0",  
+        server_port=7860,  
+        max_threads=3,  # Controls concurrency  
+        show_error=True  
     )