Update app.py

app.py

@@ -316,44 +316,60 @@ with col3:
         st.session_state.session_ids = []
         st.rerun()
 
-# Main Form
-with st.form("personalization_form", clear_on_submit=False):
-    # Topics Section
-    st.markdown('<div class="section-header">📋 Topics Configuration</div>', unsafe_allow_html=True)
+# Topics Section (Outside form for dynamic interaction)
+st.markdown('<div class="section-header">📋 Topics Configuration</div>', unsafe_allow_html=True)
+
+# Display existing topics with better styling
+for i, topic in enumerate(st.session_state.topics_list):
+    st.markdown(f'<div class="topic-container">', unsafe_allow_html=True)
+    st.markdown(f'<div class="topic-header">📖 Topic {i+1}</div>', unsafe_allow_html=True)
     
-    # Display existing topics with better styling
-    for i, topic in enumerate(st.session_state.topics_list):
-        st.markdown(f'<div class="topic-container">', unsafe_allow_html=True)
-        st.markdown(f'<div class="topic-header">📖 Topic {i+1}</div>', unsafe_allow_html=True)
-        
-        col1, col2, col3 = st.columns([3, 3, 1])
-        with col1:
-            topic_title = st.text_input(
-                "Topic Title", 
-                value=topic["topic_title"], 
-                key=f"topic_title_{i}",
-                help="Enter the topic title"
-            )
-            st.session_state.topics_list[i]["topic_title"] = topic_title
-        
-        with col2:
-            chapter_title = st.text_input(
-                "Chapter Title", 
-                value=topic["chapter_title"], 
-                key=f"chapter_title_{i}",
-                help="Enter the chapter title"
-            )
-            st.session_state.topics_list[i]["chapter_title"] = chapter_title
-        
-        with col3:
-            if len(st.session_state.topics_list) > 1:
-                st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
-                if st.button("🗑️", key=f"remove_{i}", help="Remove this topic"):
-                    st.session_state.topics_list.pop(i)
-                    st.rerun()
-        
-        st.markdown('</div>', unsafe_allow_html=True)
+    col1, col2, col3 = st.columns([3, 3, 1])
+    with col1:
+        topic_title = st.text_input(
+            "Topic Title", 
+            value=topic["topic_title"], 
+            key=f"topic_title_{i}",
+            help="Enter the topic title"
+        )
+        st.session_state.topics_list[i]["topic_title"] = topic_title
+    
+    with col2:
+        chapter_title = st.text_input(
+            "Chapter Title", 
+            value=topic["chapter_title"], 
+            key=f"chapter_title_{i}",
+            help="Enter the chapter title"
+        )
+        st.session_state.topics_list[i]["chapter_title"] = chapter_title
+    
+    with col3:
+        if len(st.session_state.topics_list) > 1:
+            st.markdown("<br>", unsafe_allow_html=True)  # Add spacing
+            if st.button("🗑️", key=f"remove_{i}", help="Remove this topic"):
+                st.session_state.topics_list.pop(i)
+                st.rerun()
+    
+    st.markdown('</div>', unsafe_allow_html=True)
+
+# Add/Remove topic buttons
+st.markdown('<div class="action-buttons">', unsafe_allow_html=True)
+col1, col2, col3, col4 = st.columns([2, 2, 2, 4])
+with col1:
+    if st.button("➕ Add Topic", key="add_topic", help="Add a new topic"):
+        st.session_state.topics_list.append({
+            "topic_title": f"Topic {len(st.session_state.topics_list) + 1}", 
+            "chapter_title": f"Chapter {len(st.session_state.topics_list) + 1}"
+        })
+        st.rerun()
+with col2:
+    if st.button("🔄 Reset All", key="reset_topics", help="Reset to default topics"):
+        st.session_state.topics_list = [{"topic_title": "What is Flask", "chapter_title": "Introduction to Flask"}]
+        st.rerun()
+st.markdown('</div>', unsafe_allow_html=True)
 
+# Main Form (for settings and submission)
+with st.form("personalization_form", clear_on_submit=False):
     # Language & Voice Settings Section  
     st.markdown('<div class="section-header">🗣️ Language & Voice Settings</div>', unsafe_allow_html=True)