Update app.py

app.py

@@ -325,7 +325,6 @@ def clear_transcription_state():
 
 
 
-# Create the Gradio Blocks interface
 with gr.Blocks(theme="rawrsor1/Everforest") as demo:
     chatbot = gr.Chatbot([], elem_id="RADAR", bubble_full_width=False)
     with gr.Row():
@@ -336,13 +335,13 @@ with gr.Blocks(theme="rawrsor1/Everforest") as demo:
                 value="Normal Chatbot"
             )
     with gr.Row():
-           question_input = gr.Textbox(label="Ask a Question", placeholder="Type your question here...")
-           audio_input = gr.Audio(sources=["microphone"],streaming=True,type='numpy',every=0.1,label="Speak to Ask")
-           submit_voice_btn = gr.Button("Submit Voice")
-            
-        
         with gr.Column():
-            audio_output = gr.Audio(label="Audio", type="filepath",autoplay=True,interactive=False)
+            question_input = gr.Textbox(label="Ask a Question", placeholder="Type your question here...")
+            audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy', every=0.1, label="Speak to Ask")
+            submit_voice_btn = gr.Button("Submit Voice")
+
+        with gr.Column():
+            audio_output = gr.Audio(label="Audio", type="filepath", autoplay=True, interactive=False)
     
     with gr.Row():
         with gr.Column():
@@ -357,18 +356,9 @@ with gr.Blocks(theme="rawrsor1/Everforest") as demo:
     with gr.Row():
         with gr.Column():
             gr.Markdown("<h1 style='color: red;'>Example Prompts</h1>", elem_id="Example-Prompts")
-            gr.Examples(examples=examples, fn=insert_prompt, inputs=question_input, outputs=question_input,api_name="api_insert_example")
-
-    # Define interactions
-    # Define interactions for clicking the button
-    #get_response_btn.click(fn=add_message, inputs=[chatbot, question_input], outputs=[chatbot, question_input],api_name="api_add_message_on_button_click")\
-                   # .then(fn=chat_with_bot, inputs=[chatbot], outputs=chatbot,api_name="api_get response_on_button")
-    
-
-# Define interaction for hitting the Enter key
-    #question_input.submit(fn=add_message, inputs=[chatbot, question_input], outputs=[chatbot, question_input],api_name="api_add_message_on _enter")\
-                  #.then(fn=chat_with_bot, inputs=[chatbot], outputs=chatbot,api_name="api_get response_on_enter")
+            gr.Examples(examples=examples, fn=insert_prompt, inputs=question_input, outputs=question_input, api_name="api_insert_example")
 
+    # Define interactions for the Get Response button
     get_response_btn.click(
         fn=handle_mode_selection,
         inputs=[mode_selection, chatbot, question_input],
@@ -392,16 +382,33 @@ with gr.Blocks(theme="rawrsor1/Everforest") as demo:
 
     # Speech-to-Text functionality
     state = gr.State()
-    audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, question_input],api_name="api_voice_to_text")
+    audio_input.stream(
+        transcribe_function,
+        inputs=[state, audio_input],
+        outputs=[state, question_input],
+        api_name="api_voice_to_text"
+    )
     
+    generate_audio_btn.click(
+        fn=generate_audio_from_last_response,
+        inputs=chatbot,
+        outputs=audio_output,
+        api_name="api_generate_text_to_audio"
+    )
     
-    generate_audio_btn.click(fn=generate_audio_from_last_response, inputs=chatbot, outputs=audio_output,api_name="api_generate_text_to_audio")
-    clean_btn.click(fn=clear_fields, inputs=[], outputs=[chatbot, question_input, audio_output],api_name="api_clear_textbox")
-
-
-     # Clear state interaction
-    clear_state_btn.click(fn=clear_transcription_state, outputs=[question_input, state],api_name="api_clean_state_transcription")
+    clean_btn.click(
+        fn=clear_fields,
+        inputs=[],
+        outputs=[chatbot, question_input, audio_output],
+        api_name="api_clear_textbox"
+    )
 
+    # Clear state interaction
+    clear_state_btn.click(
+        fn=clear_transcription_state,
+        outputs=[question_input, state],
+        api_name="api_clean_state_transcription"
+    )
 
 # Launch the Gradio interface
-demo.launch(show_error=True)
+demo.launch(show_error=True)