Update app.py

app.py

@@ -44,13 +44,14 @@ with gr.Blocks() as demo:
         # Microphone icon to prompt users to speak
         gr.HTML(f"""
             <div style="text-align: center;">
-                <img src="/mnt/data/Screenshot 2024-12-28 101858.jpg" alt="Microphone" 
-                     style="cursor: pointer; width: 50px; height: 50px;" 
-                     onclick="document.getElementById('audio-input').click()">
+                <label for="audio-upload">
+                    <img src="/mnt/data/Screenshot 2024-12-28 101858.jpg" alt="Microphone" 
+                         style="cursor: pointer; width: 50px; height: 50px;">
+                </label>
                 <p>Click the microphone to speak</p>
             </div>
         """)
-        mic_input = gr.Audio(id="audio-input", type="filepath", label="Record Your Query")
+        mic_input = gr.Audio(type="filepath", label="Record Your Query", visible=False)
         response_output = gr.Audio(type="filepath", label="Response")
 
     # Link the audio input to the voice assistant function