Update app.py

app.py

@@ -7,6 +7,12 @@ import soundfile as sf
 import io
 
 
+def show_popup():
+    return gr.update(visible=True)
+
+def hide_popup():
+    return gr.update(visible=False)
+
 def audio_to_bytes(audio):
     data, sr = sf.read(audio)
     audio_bytes = io.BytesIO()
@@ -164,6 +170,27 @@ button.selected::after{
 demo = gr.Blocks(css=css_content) #, fill_width=True)
 with demo:
     gr.HTML("""
+    <style>
+        .popup-overlay {
+            position: fixed;
+            top: 0; left: 0;
+            width: 100vw; height: 100vh;
+            background: rgba(0,0,0,0.5);
+            display: flex; justify-content: center; align-items: center;
+            z-index: 10;
+        }
+        .popup-box {
+            background: white;
+            padding: 20px;
+            border-radius: 10px;
+            box-shadow: 0 0 20px rgba(0,0,0,0.2);
+            text-align: center;
+            width: 300px;
+        }
+    </style>
+    """)
+    
+    gr.HTML("""
 <div id="header">
     <h1>LANGSWITCH</h1>
     <h3>Multilingual Automatic Speech Recognition in noisy environments</h3>
@@ -207,6 +234,15 @@ with demo:
             ],
             allow_flagging="never",
         )
+    
+    popup = gr.Column(visible=False)
+    with popup:
+        gr.HTML('<div class="popup-overlay"><div class="popup-box">')
+        gr.Markdown("Grabaketak ez dira gordetzen eta automatikoki ezabatzen dira.\nNo se guardan las grabaciones y se eliminan automáticamente.\nThe recordings are not saved and are automatically removed.")
+        gr.Button("OK", onclick=hide_popup)
+        gr.HTML('</div></div>')
+
+    gr.Button("Show Message", onclick=show_popup)
 
     gr.HTML("""
 <div id="orai-info">