Update app.py

app.py

@@ -272,18 +272,35 @@ with demo:
             allow_flagging="never",
         )
     
-    popup = gr.Column(visible=False, elem_id="popup-overlay")
-    with popup:
-        with gr.Column(elem_id="popup-box"):
-            gr.Markdown("""
-            ### ℹ️ Notice
+    #popup = gr.Column(visible=False, elem_id="popup-overlay")
+    gr.HTML("""
+    <div id="popup-overlay" style="display: flex;">
+        <div id="popup-box">
+            <h3>ℹ️ Notice</h3>
+            <p>Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.<br>
+            No se guardan las grabaciones y se eliminan automáticamente.<br>
+            The recordings are not saved and are automatically removed.</p>
+            <button id="popup-button">OK</button>
+        </div>
+    </div>
     
-            Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.  
-            No se guardan las grabaciones y se eliminan automáticamente.  
-            The recordings are not saved and are automatically removed.
-            """)
-            ok_button = gr.Button("OK", elem_id="popup-button")
+    <script>
+        window.addEventListener('DOMContentLoaded', function () {
+            const popup = document.getElementById("popup-overlay");
+            const button = document.getElementById("popup-button");
     
+            if (popup) {
+                popup.style.display = "flex";
+            }
+    
+            if (button) {
+                button.onclick = () => {
+                    popup.style.display = "none";
+                };
+            }
+        });
+    </script>
+    """)
 
     gr.HTML("""
 <div id="orai-info">