Update app.py

app.py

@@ -625,15 +625,6 @@ hardcoded_prompt_3 = "Create a high-energy scene of a DJ performing on a large s
 # demo.queue()
 # demo.launch(share=True)
 
-
-
-
-
-
-
-
-
-
 with gr.Blocks(theme='rawrsor1/Everforest') as demo:
     with gr.Row().style(equal_height=True):
         with gr.Column(scale=2):
@@ -647,43 +638,53 @@ with gr.Blocks(theme='rawrsor1/Everforest') as demo:
             image_output_2 = gr.Image(value=generate_image(hardcoded_prompt_2), width=300, height=300)
             image_output_3 = gr.Image(value=generate_image(hardcoded_prompt_3), width=300, height=300)
 
-    state = gr.State()
-    with gr.Row().style(equal_height=True):
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
-            choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
-        
-        with gr.Column(scale=2):  # Larger scale for the right column
-            gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
-            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
-            chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-            bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
-            bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
-            chatbot.like(print_like_dislike, None, None)
-            clear_button = gr.Button("Clear")
-            clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
-    
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
-            audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
-            audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+    def setup_ui():
+        state = gr.State()
+        with gr.Row().style(equal_height=True):
+            with gr.Column(scale=1):
+              gr.Markdown("<h1>Select Style</h1>", elem_id="prompt-markdown")
+              choice = gr.Radio(label="Select Style", choices=["Details", "Conversational"], value="Conversational")
+
+            with gr.Column(scale=2):  # Larger scale for the right column
+                gr.Markdown("<h1>Ask Radar !!!</h1>", elem_id="query-markdown")
+                chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="ASK Radar !!!")
+                chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+                bot_msg = chat_msg.then(bot, [chatbot, choice], [chatbot, gr.Audio(interactive=False, autoplay=True)])
+                bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Ask Radar!!!...", show_label=False), None, [chat_input])
+                chatbot.like(print_like_dislike, None, None)
+                clear_button = gr.Button("Clear")
+                clear_button.click(fn=clear_textbox, inputs=None, outputs=chat_input)
+
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Talk to RADAR</h1>", elem_id="voice-markdown")
+                audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+                audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chat_input], api_name="SAMLOne_real_time")
+
+        with gr.Row().style(equal_height=True):
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
+                location_output = gr.HTML()
+                bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+
+        with gr.Row().style(equal_height=True):
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
+                events_output = gr.HTML(value=fetch_local_events())
+
+            with gr.Column(scale=1):
+                gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
+                news_output = gr.HTML(value=fetch_local_news())
+
+    setup_ui()
+
+demo.queue()
+demo.launch(share=True)
+
+
+
 
-    with gr.Row().style(equal_height=True):
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Map</h1>", elem_id="location-markdown")
-            location_output = gr.HTML()
-            bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
 
-    with gr.Row().style(equal_height=True):
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Suggested Events</h1>", elem_id="events-markdown")
-            news_output = gr.HTML(value=fetch_local_events())
 
-        with gr.Column(scale=1):
-            gr.Markdown("<h1>Omaha Today Headlines</h1>", elem_id="news-markdown")
-            news_output = gr.HTML(value=fetch_local_news())
 
-demo.queue()
-demo.launch(share=True)