Update app.py

app.py

@@ -1,10 +1,8 @@
 """
 🎙️ AI Interview Agent — Reem
 Bilingual (English / Arabic) first-round interview assistant for HR.
-
 Every turn (questions and answers) is written to SQLite as it happens, so the
 full transcript is available to HR afterwards for assessment.
-
 Secrets / environment:
   GROQ_API_KEY          required (speech-to-text + LLM)
   HR_PASSWORD           required to open the HR portal (portal stays locked if unset)
@@ -94,6 +92,8 @@ NOTICE = {
         "Please do not share sensitive personal information (for example health details, religion, "
         "or ID numbers) in your answers.",
         "You may stop at any time. Contact HR to ask for access to, or deletion of, your data.",
+        "Please turn your volume on. After you start, tap the 🔊 button next to the avatar once "
+        "to hear the first message.",
     ], "I have read the above and agree to take this interview."),
     "ar": ("قبل أن نبدأ", [
         "تتم هذه المقابلة بواسطة مساعد ذكاء اصطناعي وليس بواسطة موظف.",
@@ -104,6 +104,7 @@ NOTICE = {
         "القرارات الوظيفية يتخذها أشخاص وليس الذكاء الاصطناعي.",
         "يرجى عدم ذكر معلومات شخصية حساسة (مثل التفاصيل الصحية أو الدين أو أرقام الهوية) في إجاباتكم.",
         "يمكنكم التوقف في أي وقت، ويمكنكم التواصل مع الموارد البشرية لطلب الاطلاع على بياناتكم أو حذفها.",
+        "يرجى تشغيل الصوت. بعد البدء، اضغطوا على زر 🔊 بجانب الصورة مرة واحدة لسماع الرسالة الأولى.",
     ], "قرأتُ ما سبق وأوافق على إجراء هذه المقابلة."),
 }
 
@@ -536,13 +537,16 @@ function stop(){c.classList.remove('speaking');r.classList.remove('active');s.te
 a.addEventListener('ended',stop);a.addEventListener('pause',stop);
 function p(){var x=a.play();if(x&&x.catch)x.catch(function(){t.style.display='inline-block';s.textContent='Tap to hear';});}
 t.addEventListener('click',function(){a.play().catch(function(){});});
-if(document.readyState==='complete')p();else window.addEventListener('load',p);})();"""
+if(__MANUAL__){t.style.display='inline-block';s.textContent='Tap to hear';}
+else if(document.readyState==='complete')p();else window.addEventListener('load',p);})();"""
 
 
-def render_avatar(img_b64: str, name: str, audio_b64: str = "") -> str:
+def render_avatar(img_b64: str, name: str, audio_b64: str = "", manual: bool = False) -> str:
+    """manual=True skips autoplay and shows the tap button (browsers block the first autoplay)."""
     img = (f'<img src="data:image/jpeg;base64,{img_b64}" alt="{html.escape(name)}">'
            if img_b64 else '<div class="ph">👩‍💼</div>')
-    script = AUDIO_JS.replace("__AUDIO__", audio_b64) if audio_b64 else ""
+    script = (AUDIO_JS.replace("__AUDIO__", audio_b64)
+              .replace("__MANUAL__", "true" if manual else "false")) if audio_b64 else ""
     return (AVATAR_TEMPLATE.replace("__IMG__", img)
             .replace("__NAME__", html.escape(name)).replace("__SCRIPT__", script))
 
@@ -578,6 +582,7 @@ def begin_interview(inv, pos):
              "questions": questions, "q_index": 0, "followups_used": 0, "done": False,
              "stage": "ready"}
     ss.pending_audio = tts_b64(greeting, lang)
+    ss.manual_audio = True   # first audio of the session: browsers block autoplay, show tap button
     st.rerun()
 
 
@@ -592,6 +597,7 @@ def resume_interview(inv, pos, row):
              "questions": questions, "q_index": min(row["q_index"], len(questions) - 1),
              "followups_used": row["followups_used"], "done": False, "stage": stage}
     ss.pending_audio = tts_b64(last[-1]["content"], lang) if last else ""
+    ss.manual_audio = True   # fresh page load: no prior user gesture, autoplay will be blocked
     st.rerun()
 
 
@@ -723,9 +729,10 @@ def interview_screen():
 
     with col1:
         audio = ss.get("pending_audio", "")
+        manual = ss.pop("manual_audio", False)
         if "_photo" not in ss:
             ss["_photo"] = load_b64(PHOTO_PATH)
-        st.components.v1.html(render_avatar(ss["_photo"], AGENT_NAME[lang], audio), height=480)
+        st.components.v1.html(render_avatar(ss["_photo"], AGENT_NAME[lang], audio, manual), height=480)
         ss.pending_audio = ""
 
     with col2: