Update app.py

app.py

@@ -249,13 +249,16 @@ for i, message in enumerate(st.session_state.chat_history):
     if message["role"] == "user":
         st.markdown(f"<div class='user-msg'><strong>You:</strong> {message['content']}</div>", unsafe_allow_html=True)
     else:
-        speak_button = f"""
-        <button onclick="speakText(`{message['content'].replace('`', '\'').replace('"', '\'')}`)" class="speak-button">
-            🔊 Speak
-        </button>
-        """
+        # Fix: Use JavaScript data attribute instead of trying to escape in f-string
+        content_for_id = f"msg-{i}"
         st.markdown(
-            f"<div class='assistant-msg'><strong>HAL:</strong> {message['content']} {speak_button}</div>", 
+            f"""<div class='assistant-msg'>
+                <strong>HAL:</strong> {message['content']}
+                <button onclick="speakText(document.getElementById('{content_for_id}').textContent)" class="speak-button">
+                    🔊 Speak
+                </button>
+                <span id="{content_for_id}" style="display:none">{message['content']}</span>
+            </div>""", 
             unsafe_allow_html=True
         )
 st.markdown("</div>", unsafe_allow_html=True)