Update app.py

app.py

@@ -729,19 +729,41 @@ def response(audio: tuple[int, np.ndarray], conversation_llm_format: list[dict],
 ##-------------- Added by AL based on feedback from Claude -----------
         
 with gr.Blocks(css=css_code) as demo:
+    # with gr.Group():
+    #     with gr.Row(variant="compact", height="10px"):
+    #         chatbot = gr.Chatbot(label="Conversation", type="messages", visible=False, render=False)
+    #     with gr.Row():
+    #         with gr.Column():
+    #             with gr.Row():
+    #                 set_key_button = gr.Button("Ask ZZK", variant="primary")
+    #         with gr.Column():
+    #             with gr.Row():
+    #                 audio = WebRTC(modality="audio", mode="send-receive",
+    #                                 label="Audio Stream",
+    #                                 rtc_configuration=rtc_configuration)
+                    
+    # client_state = gr.State(None)
+    # conversation_llm_format = gr.State([])
+    # set_key_button.click(set_api_key, inputs=[],
+    #                      outputs=[client_state, set_key_button])
+    # audio.stream(
+    #     ReplyOnPause(response),
+    #     inputs=[audio, conversation_llm_format, chatbot, client_state],
+    #     outputs=[audio]
+    # )
+    # audio.on_additional_outputs(lambda l, g: (l, g), outputs=[conversation_llm_format, chatbot])
     with gr.Group():
-        with gr.Row(variant="compact", height="10px"):
-            chatbot = gr.Chatbot(label="Conversation", type="messages", visible=False, render=False)
         with gr.Row():
-            with gr.Column():
-                with gr.Row():
-                    set_key_button = gr.Button("Ask ZZK", variant="primary")
-            with gr.Column():
+            chatbot = gr.Chatbot(label="Conversation", type="messages")
+        with gr.Row(equal_height=True):
+            with gr.Column(scale=1):
                 with gr.Row():
-                    audio = WebRTC(modality="audio", mode="send-receive",
-                                    label="Audio Stream",
-                                    rtc_configuration=rtc_configuration)
-                    
+                    set_key_button = gr.Button("Set Radar", variant="primary")
+            with gr.Column(scale=5):
+                audio = WebRTC(modality="audio", mode="send-receive",
+                                label="Audio Stream",
+                                rtc_configuration=rtc_configuration)
+
     client_state = gr.State(None)
     conversation_llm_format = gr.State([])
     set_key_button.click(set_api_key, inputs=[],
@@ -753,6 +775,5 @@ with gr.Blocks(css=css_code) as demo:
     )
     audio.on_additional_outputs(lambda l, g: (l, g), outputs=[conversation_llm_format, chatbot])
 
-
 if __name__ == "__main__":
     demo.launch(show_error=True)