Update app.py

app.py

@@ -2,8 +2,10 @@ import requests
 import json
 import random
 from gradio_client import Client
+import gradio as gr
 from dotenv import load_dotenv
 import os
+import tempfile
 
 # Load environment variables
 load_dotenv()
@@ -74,6 +76,8 @@ class EnglishTutor:
             "interests": None,
             "goals": None
         }
+        # Initialize with welcome message
+        self.chat_history = [MAIN_SYSTEM_PROMPT]
     
     def get_welcome_message(self):
         """توليد رسالة ترحيب فريدة"""
@@ -83,12 +87,11 @@ class EnglishTutor:
             json={
                 "model": "deepseek-chat",
                 "messages": [WELCOME_SYSTEM_PROMPT],
-                "temperature": random.uniform(0.9, 1),  # خفضنا التنوع قليلاً للرسائل القصيرة
+                "temperature": random.uniform(0.9, 1),
                 "response_format": {"type": "json_object"}
             }
         )
         welcome_json = json.loads(response.json()["choices"][0]["message"]["content"])
-        self.chat_history = [MAIN_SYSTEM_PROMPT]  # بدء المحادثة بالبرومبت الرئيسي
         return welcome_json["greeting"]
 
     def get_bot_response(self, user_message):
@@ -123,7 +126,7 @@ class EnglishTutor:
         if text.startswith('"') and text.endswith('"'):
             text = text[1:-1]
             
-        tts_prompt = text  # Remove the curly braces that were creating a set
+        tts_prompt = text
         tts_emotion = "Warm, encouraging, and clear with a friendly and supportive tone."
 
         return TTS_CLIENT.predict(
@@ -136,33 +139,73 @@ class EnglishTutor:
             api_name="/text_to_speech_app"
         )
 
-# مثال على الاستخدام
-if __name__ == "__main__":
-    tutor = EnglishTutor()
+# Create a single instance of EnglishTutor
+tutor = EnglishTutor()
+
+def format_response(response_dict):
+    """Format the response dictionary into a nice HTML string"""
+    html = f"<div style='font-size: 16px;'>"
+    html += f"<p>{response_dict['response']}</p>"
     
-    # الترحيب
-    welcome = tutor.get_welcome_message()
-    print("\n🤖 Sam:", welcome)
-    welcome_audio = tutor.text_to_speech(welcome)
-    print("Audio response saved to:", welcome_audio)
+    if response_dict['corrections']:
+        html += f"<p><b>✍️ Corrections:</b> {response_dict['corrections']}</p>"
     
-    # المحادثة
-    while True:
-        user_input = input("\n👤 You: ")
-        if user_input.lower() in ['exit', 'quit', 'bye']:
-            print("\n🤖 Sam: Goodbye! Keep practicing your English! 👋")
-            break
-            
-        response = tutor.get_bot_response(user_input)
-        main_response = response["response"].strip()
-        print("\n🤖 Sam:", main_response)
-        if response["corrections"]:
-            print("✍️ Corrections:", response["corrections"])
-        if response["vocabulary"]:
-            print("📚 Vocabulary:", response["vocabulary"])
-        if response["encouragement"]:
-            print("🌟 Encouragement:", response["encouragement"])
-        
-        # تحويل الرد إلى صوت - نستخدم فقط الرد الرئيسي
-        audio_file = tutor.text_to_speech(main_response)
-        print("Audio response saved to:", audio_file)
+    if response_dict['vocabulary']:
+        html += f"<p><b>📚 Vocabulary:</b> {response_dict['vocabulary']}</p>"
+    
+    if response_dict['encouragement']:
+        html += f"<p><b>🌟 Encouragement:</b> {response_dict['encouragement']}</p>"
+    
+    html += "</div>"
+    return html
+
+def chat(message, history):
+    """Handle chat interactions"""
+    if not message:
+        # Generate welcome message for empty input
+        welcome = tutor.get_welcome_message()
+        audio_path = tutor.text_to_speech(welcome)[0]
+        return welcome, audio_path
+    
+    # Get bot response
+    response = tutor.get_bot_response(message)
+    
+    # Generate audio for the main response
+    audio_path = tutor.text_to_speech(response["response"])[0]
+    
+    # Format the complete response
+    formatted_response = format_response(response)
+    
+    return formatted_response, audio_path
+
+# Create Gradio interface
+with gr.Blocks(css="footer {display: none}") as demo:
+    gr.Markdown("# 🤖 Sam - Your English Tutor")
+    gr.Markdown("Welcome to your personalized English learning session! Type your message below to start chatting.")
+    
+    chatbot = gr.Chatbot(
+        show_label=False,
+        height=400,
+        bubble_full_width=False,
+    )
+    
+    with gr.Row():
+        txt = gr.Textbox(
+            show_label=False,
+            placeholder="Type your message here...",
+            container=False,
+        )
+        audio_output = gr.Audio(
+            label="Sam's Voice",
+            show_label=True,
+            type="filepath"
+        )
+    
+    txt.submit(chat, [txt, chatbot], [chatbot, audio_output])
+    txt.submit(lambda: "", [], [txt])  # Clear textbox after submit
+
+# Launch the interface
+if __name__ == "__main__":
+    # Generate welcome message at startup
+    welcome = tutor.get_welcome_message()
+    demo.launch()