Update app.py

app.py

@@ -520,77 +520,121 @@ def generate_image(prompt):
 # Hardcoded prompt for image generation
 hardcoded_prompt = "A cat holding a sign that says hello world"
 
-# Gradio Blocks interface
-with gr.Blocks(theme='rawrsor1/Everforest') as demo:
-    with gr.Row():
-        chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
+# # Gradio Blocks interface
+# with gr.Blocks(theme='rawrsor1/Everforest') as demo:
+#     with gr.Row():
+#         chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
         
-        with gr.Column(scale=5):
-                gr.Markdown("<h1>Generated Image</h1>", elem_id="image-markdown")
-                image_output = gr.Image(value=generate_image(hardcoded_prompt))
+#         with gr.Column(scale=5):
+#                 gr.Markdown("<h1>Generated Image</h1>", elem_id="image-markdown")
+#                 image_output = gr.Image(value=generate_image(hardcoded_prompt))
         
-        with gr.Column(scale=8):
-            weather_output = gr.HTML(value=fetch_local_weather())
+#         with gr.Column(scale=8):
+#             weather_output = gr.HTML(value=fetch_local_weather())
         
-        with gr.Column(scale=5):
-            news_output = gr.HTML(value=fetch_local_news())
+#         with gr.Column(scale=5):
+#             news_output = gr.HTML(value=fetch_local_news())
         
-        with gr.Column():
-                gr.Markdown("<h1>Local Events</h1>", elem_id="events-markdown")
+#         with gr.Column():
+#                 gr.Markdown("<h1>Local Events</h1>", elem_id="events-markdown")
 
-                news_output = gr.HTML(value=fetch_local_events())
+#                 news_output = gr.HTML(value=fetch_local_events())
 
-    def setup_ui():
-        state = gr.State()
-        with gr.Row():
-            with gr.Column():
-                chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
+#     def setup_ui():
+#         state = gr.State()
+#         with gr.Row():
+#             with gr.Column():
+#                 chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
 
             
-            with gr.Column():
-                gr.Markdown("<h1>Choose the prompt</h1>", elem_id="prompt-markdown")
+#             with gr.Column():
+#                 gr.Markdown("<h1>Choose the prompt</h1>", elem_id="prompt-markdown")
 
-                choice = gr.Radio(label="Choose a prompt", choices=["Details", "Conversational"], value="Details")
+#                 choice = gr.Radio(label="Choose a prompt", choices=["Details", "Conversational"], value="Details")
 
-            with gr.Column():  # Larger scale for the right column
-                gr.Markdown("<h1>Enter the query / Voice Output</h1>", elem_id="query-markdown")
+#             with gr.Column():  # Larger scale for the right column
+#                 gr.Markdown("<h1>Enter the query / Voice Output</h1>", elem_id="query-markdown")
 
-                chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="Transcription")
-                chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
-                bot_msg = chat_msg.then(bot, [chatbot, choice], chatbot, api_name="bot_response")
-                bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Enter message or upload file...", 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)
+#                 chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="Transcription")
+#                 chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+#                 bot_msg = chat_msg.then(bot, [chatbot, choice], chatbot, api_name="bot_response")
+#                 bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Enter message or upload file...", 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():  # Smaller scale for the left column
-                gr.Markdown("<h1>Stream your Voice</h1>", elem_id="voice-markdown")
+#             with gr.Column():  # Smaller scale for the left column
+#                 gr.Markdown("<h1>Stream your Voice</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")
+#                 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():
-            with gr.Column():
-                gr.Markdown("<h1>Locate the Events</h1>", elem_id="location-markdown")
+#         with gr.Row():
+#             with gr.Column():
+#                 gr.Markdown("<h1>Locate the Events</h1>", elem_id="location-markdown")
 
-                location_output = gr.HTML()
-                bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
-            with gr.Column():
-                gr.Markdown("<h1>Listen the audio</h1>", elem_id="audio-markdown")
+#                 location_output = gr.HTML()
+#                 bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+#             with gr.Column():
+#                 gr.Markdown("<h1>Listen the audio</h1>", elem_id="audio-markdown")
 
-                audio_output = gr.Audio()
-                bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
-            with gr.Column():
-                gr.Markdown("<h1>Local Events</h1>", elem_id="events-markdown")
+#                 audio_output = gr.Audio()
+#                 bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
+#             with gr.Column():
+#                 gr.Markdown("<h1>Local Events</h1>", elem_id="events-markdown")
 
-                news_output = gr.HTML(value=fetch_local_events())
+#                 news_output = gr.HTML(value=fetch_local_events())
 
-            with gr.Column():
-                gr.Markdown("<h1>Generated Image</h1>", elem_id="image-markdown")
+#             with gr.Column():
+#                 gr.Markdown("<h1>Generated Image</h1>", elem_id="image-markdown")
                 
-                image_output = gr.Image(value=generate_image(hardcoded_prompt))
+#                 image_output = gr.Image(value=generate_image(hardcoded_prompt))
+
+#     setup_ui()    
+
+# demo.queue()
+# demo.launch(share=True)
+import gradio as gr
+
+with gr.Blocks(theme='rawrsor1/Everforest') as demo:
+    with gr.Row():
+        with gr.Column(scale=2):
+            chatbot = gr.Chatbot([], elem_id="chatbot", bubble_full_width=False)
+            gr.Markdown("<h1>Voice Chat</h1>", elem_id="voice-markdown")
+            audio_input = gr.Audio(sources=["microphone"], streaming=True, type='numpy')
+            state = gr.State()
+            audio_input.stream(transcribe_function, inputs=[state, audio_input], outputs=[state, chatbot], api_name="SAMLOne_real_time")
+            chat_input = gr.Textbox(show_copy_button=True, interactive=True, show_label=False, label="Transcription")
+            chat_msg = chat_input.submit(add_message, [chatbot, chat_input], [chatbot, chat_input])
+            bot_msg = chat_msg.then(bot, [chatbot, choice], chatbot, api_name="bot_response")
+            bot_msg.then(lambda: gr.Textbox(value="", interactive=True, placeholder="Enter message or upload file...", 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>Choose the prompt</h1>", elem_id="prompt-markdown")
+            choice = gr.Radio(label="Choose a prompt", choices=["Details", "Conversational"], value="Details")
+
+    with gr.Row():
+        with gr.Column(scale=2):
+            gr.Markdown("<h1>Locate the Events</h1>", elem_id="location-markdown")
+            location_output = gr.HTML()
+            bot_msg.then(show_map_if_details, [chatbot, choice], [location_output, location_output])
+
+        with gr.Column(scale=1):
+            gr.Markdown("<h1>Generated Audio</h1>", elem_id="audio-markdown")
+            audio_output = gr.Audio()
+            bot_msg_audio = bot_msg.then(lambda history: generate_audio_elevenlabs(history[-1][1]), chatbot, audio_output)
+
+    with gr.Row():
+        with gr.Column(scale=1):
+            gr.Markdown("<h1>Generated Image</h1>", elem_id="image-markdown")
+            image_output = gr.Image(value=generate_image(hardcoded_prompt))
 
-    setup_ui()    
+        with gr.Column(scale=2):
+            gr.Markdown("<h1>Local Events</h1>", elem_id="events-markdown")
+            news_output = gr.HTML(value=fetch_local_events())
 
 demo.queue()
-demo.launch(share=True)
+demo.launch(share=True)