Update app.py

app.py

@@ -1210,6 +1210,121 @@ def fetch_google_flights(departure_id="JFK", arrival_id="BHM", outbound_date=cur
 
 
 
+# with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
+#     with gr.Row():
+#         with gr.Column():
+#             state = gr.State()
+
+#             chatbot = gr.Chatbot([], elem_id="RADAR:Channel 94.1", bubble_full_width=False)
+#             choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+#             retrieval_mode = gr.Radio(label="Retrieval Mode", choices=["VDB", "KGF"], value="VDB")
+#             model_choice = gr.Dropdown(label="Choose Model", choices=["LM-1", "LM-2"], value="LM-1")
+
+#             # Link the dropdown change to handle_model_choice_change
+#             model_choice.change(fn=handle_model_choice_change, inputs=model_choice, outputs=[retrieval_mode, choice, choice])
+
+#             gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-markdown")
+
+#             chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!", placeholder="Hey Radar...!!")
+#             tts_choice = gr.Radio(label="Select TTS System", choices=["Alpha", "Beta"], value="Alpha")
+#             retriever_button = gr.Button("Retriever")
+
+#             clear_button = gr.Button("Clear")
+#             clear_button.click(lambda: [None, None], outputs=[chat_input, state])
+
+#             gr.Markdown("<h1 style='color: red;'>Radar Map</h1>", elem_id="Map-Radar")
+#             location_output = gr.HTML()
+#             audio_output = gr.Audio(interactive=False, autoplay=True)
+
+#             def stop_audio():
+#                 audio_output.stop()
+#                 return None
+
+
+#             # retriever_sequence = (
+#             #     retriever_button.click(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording")
+#             #     .then(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory")
+#             #     .then(fn=bot, inputs=[chatbot, choice, tts_choice, retrieval_mode, model_choice], outputs=[chatbot, audio_output], api_name="api_askchatbot_then_generateaudio")
+#             #     .then(fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details")
+#             #     .then(fn=clear_textbox, inputs=[], outputs=[chat_input],api_name="api_clear_textbox")
+#             # )
+
+#             retriever_sequence = (
+#                 retriever_button.click(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording")
+#                 .then(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory")
+#                 # First, generate the bot response
+#                 .then(fn=generate_bot_response, inputs=[chatbot, choice, retrieval_mode, model_choice], outputs=[chatbot], api_name="api_generate_bot_response")
+#                 # Then, generate the TTS response based on the bot's response
+#                 .then(fn=generate_tts_response, inputs=[chatbot, tts_choice], outputs=[audio_output], api_name="api_generate_tts_response")
+#                 .then(fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details")
+#                 .then(fn=clear_textbox, inputs=[], outputs=[chat_input], api_name="api_clear_textbox")
+#             )
+
+
+
+
+
+
+#             # chat_input.submit(fn=stop_audio, inputs=[], outputs=[audio_output],api_name="api_stop_audio_recording")
+#             # chat_input.submit(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory").then(
+#             #     fn=bot, inputs=[chatbot, choice, tts_choice, retrieval_mode, model_choice], outputs=[chatbot, audio_output], api_name="api_askchatbot_then_generateaudio"
+#             # ).then(
+#             #     fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details"
+#             # ).then(
+#             #     fn=clear_textbox, inputs=[], outputs=[chat_input],api_name="api_clear_textbox"
+#             # )
+
+#             chat_input.submit(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording").then(
+#                 fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory"
+#             ).then(
+#                 # First, generate the bot response
+#                 fn=generate_bot_response, inputs=[chatbot, choice, retrieval_mode, model_choice], outputs=[chatbot], api_name="api_generate_bot_response"
+#             ).then(
+#                 # Then, generate the TTS response based on the bot's response
+#                 fn=generate_tts_response, inputs=[chatbot, tts_choice], outputs=[audio_output], api_name="api_generate_tts_response"
+#             ).then(
+#                 fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details"
+#             ).then(
+#                 fn=clear_textbox, inputs=[], outputs=[chat_input], api_name="api_clear_textbox"
+#             )
+
+
+
+
+
+
+
+#             audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy', every=0.1)
+#             audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="api_voice_to_text")
+
+#         with gr.Column():
+#             weather_output = gr.HTML(value=fetch_local_weather())
+#             news_output = gr.HTML(value=fetch_local_news())
+#             events_output = gr.HTML(value=fetch_local_events())
+
+# demo.queue()
+# demo.launch(show_error=True)
+
+
+import gradio as gr
+
+# List of example prompts
+example_prompts = [
+    "What are some top restaurants in Birmingham?",
+    "Tell me about the weather today in Birmingham.",
+    "What events are happening in Birmingham today?",
+    "Can you suggest some hotels in Birmingham?",
+    "Give me information on flights from JFK to Birmingham."
+]
+
+# JavaScript to handle click event and insert the text into the input box
+js_code = """
+function insertPrompt(text) {
+    var inputBox = document.querySelector('#chat-input textarea');
+    inputBox.value = text;
+}
+"""
+
 with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
     with gr.Row():
         with gr.Column():
@@ -1220,12 +1335,19 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
             retrieval_mode = gr.Radio(label="Retrieval Mode", choices=["VDB", "KGF"], value="VDB")
             model_choice = gr.Dropdown(label="Choose Model", choices=["LM-1", "LM-2"], value="LM-1")
 
-            # Link the dropdown change to handle_model_choice_change
             model_choice.change(fn=handle_model_choice_change, inputs=model_choice, outputs=[retrieval_mode, choice, choice])
 
             gr.Markdown("<h1 style='color: red;'>Talk to RADAR</h1>", elem_id="voice-markdown")
 
-            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!", placeholder="Hey Radar...!!")
+            # Example Prompts in a table format
+            example_prompts_html = "<h3>Example Prompts:</h3><table>"
+            for prompt in example_prompts:
+                example_prompts_html += f"<tr><td><a href='javascript:void(0);' onclick=\"insertPrompt('{prompt}');\">{prompt}</a></td></tr>"
+            example_prompts_html += "</table>"
+
+            gr.HTML(example_prompts_html, elem_id="example-prompts")
+
+            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!", placeholder="Hey Radar...!!", elem_id="chat-input")
             tts_choice = gr.Radio(label="Select TTS System", choices=["Alpha", "Beta"], value="Alpha")
             retriever_button = gr.Button("Retriever")
 
@@ -1236,51 +1358,20 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
             location_output = gr.HTML()
             audio_output = gr.Audio(interactive=False, autoplay=True)
 
-            def stop_audio():
-                audio_output.stop()
-                return None
-
-
-            # retriever_sequence = (
-            #     retriever_button.click(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording")
-            #     .then(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory")
-            #     .then(fn=bot, inputs=[chatbot, choice, tts_choice, retrieval_mode, model_choice], outputs=[chatbot, audio_output], api_name="api_askchatbot_then_generateaudio")
-            #     .then(fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details")
-            #     .then(fn=clear_textbox, inputs=[], outputs=[chat_input],api_name="api_clear_textbox")
-            # )
-
             retriever_sequence = (
                 retriever_button.click(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording")
                 .then(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory")
-                # First, generate the bot response
                 .then(fn=generate_bot_response, inputs=[chatbot, choice, retrieval_mode, model_choice], outputs=[chatbot], api_name="api_generate_bot_response")
-                # Then, generate the TTS response based on the bot's response
                 .then(fn=generate_tts_response, inputs=[chatbot, tts_choice], outputs=[audio_output], api_name="api_generate_tts_response")
                 .then(fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details")
                 .then(fn=clear_textbox, inputs=[], outputs=[chat_input], api_name="api_clear_textbox")
             )
 
-
-
-
-
-
-            # chat_input.submit(fn=stop_audio, inputs=[], outputs=[audio_output],api_name="api_stop_audio_recording")
-            # chat_input.submit(fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory").then(
-            #     fn=bot, inputs=[chatbot, choice, tts_choice, retrieval_mode, model_choice], outputs=[chatbot, audio_output], api_name="api_askchatbot_then_generateaudio"
-            # ).then(
-            #     fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details"
-            # ).then(
-            #     fn=clear_textbox, inputs=[], outputs=[chat_input],api_name="api_clear_textbox"
-            # )
-
             chat_input.submit(fn=stop_audio, inputs=[], outputs=[audio_output], api_name="api_stop_audio_recording").then(
                 fn=add_message, inputs=[chatbot, chat_input], outputs=[chatbot, chat_input], api_name="api_addprompt_chathistory"
             ).then(
-                # First, generate the bot response
                 fn=generate_bot_response, inputs=[chatbot, choice, retrieval_mode, model_choice], outputs=[chatbot], api_name="api_generate_bot_response"
             ).then(
-                # Then, generate the TTS response based on the bot's response
                 fn=generate_tts_response, inputs=[chatbot, tts_choice], outputs=[audio_output], api_name="api_generate_tts_response"
             ).then(
                 fn=show_map_if_details, inputs=[chatbot, choice], outputs=[location_output, location_output], api_name="api_show_map_details"
@@ -1288,12 +1379,6 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
                 fn=clear_textbox, inputs=[], outputs=[chat_input], api_name="api_clear_textbox"
             )
 
-
-
-
-
-
-
             audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy', every=0.1)
             audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="api_voice_to_text")
 
@@ -1305,3 +1390,4 @@ with gr.Blocks(theme='Pijush2023/scikit-learn-pijush') as demo:
 demo.queue()
 demo.launch(show_error=True)
 
+