Update app.py

app.py

@@ -36,7 +36,7 @@ def respond(
         yield response
 
 
-# Custom HTML for mic button and input box
+# Custom HTML and JS for mic button and speech-to-text
 mic_html = """
 <div class="mic-container">
   <button id="mic_button" title="Click to speak">
@@ -133,22 +133,24 @@ if ('webkitSpeechRecognition' in window) {
 """
 
 # Gradio Chat Interface with Mic Button
-demo = gr.ChatInterface(
-    fn=respond,
-    additional_inputs=[
-        gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
-        gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
-        gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
-        gr.Slider(
-            minimum=0.1,
-            maximum=1.0,
-            value=0.95,
-            step=0.05,
-            label="Top-p (nucleus sampling)",
-        ),
-    ],
-)
-demo.load(_js=mic_html)
+with gr.Blocks() as demo:
+    gr.HTML(mic_html)
+    chatbot = gr.ChatInterface(
+        fn=respond,
+        additional_inputs=[
+            gr.Textbox(value="You are a friendly Chatbot.", label="System message"),
+            gr.Slider(minimum=1, maximum=2048, value=512, step=1, label="Max new tokens"),
+            gr.Slider(minimum=0.1, maximum=4.0, value=0.7, step=0.1, label="Temperature"),
+            gr.Slider(
+                minimum=0.1,
+                maximum=1.0,
+                value=0.95,
+                step=0.05,
+                label="Top-p (nucleus sampling)",
+            ),
+        ],
+    )
 
 if __name__ == "__main__":
     demo.launch()
+