fixing narration

chatbot.py

@@ -100,7 +100,7 @@ def render_chatbot(code, output, error):
     st.session_state.setdefault('conversation', [])
     st.session_state.setdefault('chat_summary', "")
     st.session_state.setdefault('chat_display_count', 5)
-    st.session_state.setdefault('narrations', [])  # persist narrations
+    st.session_state.setdefault('narrations', {})  # key: index, value: (text, file)
 
     c1, c2 = st.columns([4, 1], gap='small')
     with c1:
@@ -125,9 +125,9 @@ def render_chatbot(code, output, error):
 
     total = len(st.session_state.conversation)
     start = max(0, total - st.session_state.chat_display_count)
-    visible = st.session_state.conversation[start:]
+    visible = list(reversed(st.session_state.conversation[start:]))  # reversed
 
-    for i, (q, a) in enumerate(reversed(visible)):
+    for i, (q, a) in enumerate(visible):
         st.markdown(f'<div class="chat-message user-message">{escape(q)}</div>', unsafe_allow_html=True)
 
         def format_response(txt):
@@ -148,22 +148,23 @@ def render_chatbot(code, output, error):
         st.markdown(f'<div class="chat-message bot-message">{formatted}</div>', unsafe_allow_html=True)
 
         # 🔊 Speak
-        if len(st.session_state.narrations) > i:
-            narration_text, narration_file = st.session_state.narrations[i]
-            st.audio(narration_file, format="audio/mp3")
-        else:
-            speak_btn = st.button(f"🔊 Narrate #{i+1}", key=f"narrate_{i}")
-            if speak_btn:
-                status_placeholder = st.empty()
-                status_placeholder.info("🧠 Generating narration...")
-                bot = CodeAssistantBot()
-                narration = bot.narrate_response(code, output, error, a, st.session_state.chat_summary)
-                status_placeholder.info("🎙️ Converting to audio...")
-                audio_filename = f"audio_{uuid.uuid4().hex}.mp3"
-                asyncio.run(text_to_speech(narration, audio_filename))
-                st.session_state.narrations.append((narration, audio_filename))
-                status_placeholder.success("🔊 Narration ready!")
-                st.rerun()
+        speak_btn = st.button("🔊 Narrate", key=f"narrate_btn_{i}")
+        if speak_btn:
+            status_placeholder = st.empty()
+            status_placeholder.info("🧠 Generating narration...")
+            bot = CodeAssistantBot()
+            narration = bot.narrate_response(code, output, error, a, st.session_state.chat_summary)
+            status_placeholder.info("🎙️ Converting to audio...")
+            audio_filename = f"audio_{uuid.uuid4().hex}.mp3"
+            asyncio.run(text_to_speech(narration, audio_filename))
+            st.session_state.narrations[i] = (narration, audio_filename)
+            status_placeholder.success("🔊 Narration ready!")
+            st.audio(audio_filename, format="audio/mp3", autoplay=True)
+
+        # Playback of previously narrated
+        if i in st.session_state.narrations:
+            narration, audio_file = st.session_state.narrations[i]
+            st.audio(audio_file, format="audio/mp3", autoplay=False)
 
     if start > 0 and st.button("🔽 Show more"):
         st.session_state.chat_display_count += 5