Update app.py

app.py

@@ -167,35 +167,66 @@ def   get_answer_ai(text):
           AI=create_chat_session()
           response = AI.send_message(text)
           return response.text
-chat_history = []  # متغير لتخزين سجل المحادثة
+import gradio as gr
+import os
+import plotly.express as px
+
+# Chatbot demo with multimodal input (text, markdown, LaTeX, code blocks, image, audio, & video). Plus shows support for streaming text.
+
+def random_plot():
+    df = px.data.iris()
+    fig = px.scatter(df, x="sepal_width", y="sepal_length", color="species",
+                    size='petal_length', hover_data=['petal_width'])
+    return fig
+
+def print_like_dislike(x: gr.LikeData):
+    print(x.index, x.value, x.liked)
+
+def add_message(history, message):
+    for x in message["files"]:
+        history.append(((x,), None))
+    if message["text"] is not None:
+        history.append((message["text"], None))
+        response_audio = genrate_speech(message["text"],'asg2024/vits-ar-sa-huba')
+        history.append((None,gr.Audio(response_audio,scale=1,streaming=True))) 
+    return history, gr.MultimodalTextbox(value=None, interactive=False)
+
+def bot(history,message):
+    if message["text"] is not None:
+       txt_ai=get_answer_ai(message["text"] )
+       history[-1][1]=txt_ai#((None,txt_ai))
+       response_audio = genrate_speech(txt_ai,'asg2024/vits-ar-sa-huba')
+       history.append((None,gr.Audio(response_audio,scale=1,streaming=True))) 
+    
+    return history
+
+fig = random_plot()
+
 
-def chatbot_fn(input_text, input_audio):
-    global chat_history
+    
 
-    # if input_text:
-    chat_history.append((input_text, None))  # إضافة رسالة المستخدم
-    response_text = get_answer_ai(input_text)
-    response_audio = genrate_speech(response_text,'asg2024/vits-ar-sa-huba')
-    # elif input_audio:
-    #     pass
-        # chat_history.append((None, input_audio))  # إضافة رسالة صوتية للمستخدم
-        # input_text = convert_speech_to_text(input_audio)
-        # response_text = model.generate_response(input_text, chat_history)
-        # response_audio = convert_text_to_speech(response_text)
+  # متغير لتخزين سجل المحادثة
 
-    chat_history.append((None,gr.Audio(response_audio)))  # إضافة رد البوت
 
-    return chat_history
 with gr.Blocks() as demo:  # Use gr.Blocks to wrap the entire interface
     
     with gr.Tab("ChatBot "):
-        chatbot = gr.Chatbot(label="محادثة")
-        with gr.Row():
-            txt = gr.Textbox(label="أدخل رسالتك")
-            audio = gr.Audio(sources="microphone", type="filepath")
-            btn_ai_submit = gr.Button("submit")
-            
-        btn_ai_submit.click(chatbot_fn, [txt, audio], chatbot)
+        chatbot = gr.Chatbot(
+        elem_id="chatbot",
+        bubble_full_width=False,
+        scale=1,
+               )
+
+        chat_input = gr.MultimodalTextbox(interactive=True,
+                                          file_count="single",
+                                          placeholder="Enter message or upload file...", show_label=False,)
+    
+        chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+        bot_msg = chat_msg.then(bot, [chatbot, chat_input], chatbot, api_name="bot_response")
+        bot_msg.then(lambda: gr.MultimodalTextbox(interactive=True), None, [chat_input])
+    
+        chatbot.like(print_like_dislike, None, None)
+
         # audio.change(chatbot_fn, [txt, audio], chatbot)
         
     with gr.Tab("Chat AI "):