Update app.py

app.py

@@ -241,11 +241,12 @@ with gr.Blocks(css=custom_css) as demo:
     output_label = gr.HTML(value='')  # Replaced Textbox with HTML for label
     submit_button_pdf = gr.Button("ارفع الملف", interactive=False)
     
-    chat_input = gr.Textbox(label="", rtl=True)
-    chat_output = gr.Textbox(label="", rtl=True)
-    audio_output = gr.Audio(label="🔊", interactive=False)
+    chat_input = gr.Textbox(label="أدخل سؤالك هنا 💬", rtl=True, visible=False)
+    chat_output = gr.Textbox(label="الردالآلي 🤖", rtl=True, visible=False)
+    audio_output = gr.Audio(label="🔊", interactive=False, visible=False)
     with gr.Group():
-        submit_button_chat = gr.Button("إرسال", interactive=False), clear_btn = gr.Button("مسح", interactive=False)
+        submit_button_chat = gr.Button("إرسال", interactive=True, visible=False)
+        clear_btn = gr.Button("مسح", interactive=True, visible=False)
 
     def handle_file_upload(pdf):
         output_label.value=''
@@ -256,25 +257,27 @@ with gr.Blocks(css=custom_css) as demo:
         if is_valid:
             # Enable the upload button if the file is valid
             value=''
-            return gr.update(value=value), gr.update(interactive=True), gr.update(interactive=False), gr.update(label=""), gr.update(label="")
+            return gr.update(value=value), gr.update(interactive=True), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)
         else:
             value=f'<span style="color:{color}">{message}</span>'
-            return gr.update(value=value), gr.update(interactive=False), gr.update(interactive=False), gr.update(label=""), gr.update(label="")
+            return gr.update(value=value), gr.update(interactive=False), gr.update(visible=False), gr.update(visible=False), gr.update(visible=False)
 
     def process_pdf_and_enable_components(pdf):
         # Process PDF and activate the other components
         output_label.value='<span style="color:blue">جاري معالجة الملف...</span>'
         message, is_valid = upload_pdf(pdf)
         value=f'<span style="color:green">{message}</span>'
-        return gr.update(value=value), gr.update(interactive=True), gr.update(interactive=False), gr.update(label="الردالآلي 🤖"), gr.update(label="أدخل سؤالك هنا 💬")
-        
+        return gr.update(value=value), gr.update(visible=True), gr.update(interactive=False), gr.update(visible=True), gr.update(visible=True)
+
+    def clear_chat():
+        return "", ""  #
        
      # When the user uploads a file, validate it and then allow PDF upload
     pdf_input.change(handle_file_upload, inputs=pdf_input, outputs=[output_label,submit_button_pdf, submit_button_chat, chat_output, chat_input])
 
     # When the user presses the upload button, process the PDF and enable other components
     submit_button_pdf.click(process_pdf_and_enable_components, inputs=pdf_input, outputs=[output_label, submit_button_chat, submit_button_pdf, chat_output, chat_input])
-
+    clear_btn.click(clear_chat, outputs=[chat_input, chat_output])
     # Chat button connection
     submit_button_chat.click(chat, inputs=chat_input, outputs=[chat_output, audio_output])