lesson css try

phase/Student_view/lesson.py

@@ -37,6 +37,8 @@ _SS_DEFAULTS = {
 
 }
 
+
+
 def _ensure_state():
     for k, v in _SS_DEFAULTS.items():
         if k not in st.session_state:
@@ -416,10 +418,10 @@ def _get_topics(level: str, module_id: int) -> List[Tuple[str, str]]:
 
 
 def _render_lesson():
-    ensure_quiz_state()  # make sure quiz keys exist
-
-    level = st.session_state.level
-    module_id = st.session_state.module_id
+    """Render the lesson interface"""
+    level = st.session_state.get("level", "beginner")
+    module_id = st.session_state.get("module_id")
+    
     if module_id is None:
         st.session_state.mode = "catalog"
         st.rerun()
@@ -441,6 +443,7 @@ def _render_lesson():
         padding: 2rem;
         margin-bottom: 1.5rem;
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+        min-height: 400px;
     }
     .unit-header {
         display: flex;
@@ -556,31 +559,21 @@ def _render_lesson():
     st.markdown(f'<div class="lesson-header">{mod["title"]}</div>', unsafe_allow_html=True)
 
     topics = _get_topics(level, module_id)
+    topic_idx = st.session_state.get("topic_idx", 0)
 
     if not topics:
-        plan = _topic_plan(level, module_id)
-        topics = [(title, _fallback_text(title, module_id, i + 1)) for i, (title, _) in enumerate(plan)]
-        st.session_state.topics_cache[(level, module_id)] = topics
+        st.error("No lesson content available for this module.")
+        return
 
     col_main, col_sidebar = st.columns([2, 1])
     
     with col_main:
-        t_title, t_text = topics[st.session_state.topic_idx]
-
-        # Special Quiz placeholder
-        if t_title.strip().lower() == "quiz":
-            with st.spinner("Generating quiz…"):
-                ok = start_quiz(level, module_id, mod["title"])
-            if ok:
-                st.rerun()
-            else:
-                st.error("Quiz could not be generated. Please try again or skip.")
-            return
+        t_title, t_text = topics[topic_idx]
 
         st.markdown(f"""
         <div class="lesson-card">
             <div class="unit-header">
-                <span class="unit-info">Unit {st.session_state.topic_idx + 1} of {len(topics)}</span>
+                <span class="unit-info">Unit {topic_idx + 1} of {len(topics)}</span>
                 <div class="read-time">
                     <span>🕐</span>
                     <span>5-8 min read</span>
@@ -590,18 +583,15 @@ def _render_lesson():
         """, unsafe_allow_html=True)
 
         if t_text:
-            cleaned = t_text.replace(FALLBACK_TAG, "")
-            st.markdown(cleaned, unsafe_allow_html=True)
+            st.markdown(t_text.strip(), unsafe_allow_html=True)
         else:
             st.info("Content coming soon.")
 
-        st.markdown("</div>", unsafe_allow_html=True)
-
         if t_text:
-            takeaways = _extract_takeaways(cleaned)
+            takeaways = _extract_takeaways(t_text)
             if takeaways:
                 st.markdown("""
-                <div class="takeaways-section">
+                <div class="takeaways-section" style="min-height: 150px;">
                     <div class="takeaways-header">
                         <span style="color: #10b981;">●</span>
                         <span>Key Takeaways</span>
@@ -618,35 +608,25 @@ def _render_lesson():
                 
                 st.markdown("</div>", unsafe_allow_html=True)
 
-        st.markdown("</div>", unsafe_allow_html=True)
+        st.markdown("</div></div>", unsafe_allow_html=True)
 
         st.markdown('<div class="nav-buttons">', unsafe_allow_html=True)
         
         col1, col2, col3 = st.columns([1, 1, 1])
         with col1:
-            if st.button("← Previous", disabled=st.session_state.topic_idx == 0, key="prev_btn"):
+            if st.button("← Previous", disabled=topic_idx == 0, key="prev_btn"):
                 st.session_state.topic_idx -= 1
                 st.rerun()
         
         with col3:
-            is_last = st.session_state.topic_idx >= len(topics) - 1
+            is_last = topic_idx >= len(topics) - 1
             if is_last:
-                if not st.session_state.get("_auto_quiz_started", False):
-                    st.session_state["_auto_quiz_started"] = True
-                    with st.spinner("Generating quiz…"):
-                        ok = start_quiz(level, module_id, mod["title"])
-                    if ok:
-                        st.rerun()
-                    else:
-                        st.error("Quiz could not be generated. Please try again.")
-                else:
-                    if st.button("Take Lesson Quiz →", key="quiz_btn"):
-                        with st.spinner("Generating quiz…"):
-                            ok = start_quiz(level, module_id, mod["title"])
-                        if ok:
-                            st.rerun()
-                        else:
-                            st.error("Quiz could not be generated. Please try again.")
+                if st.button("Complete Module →", key="complete_btn"):
+                    st.session_state.mode = "catalog"
+                    st.session_state.module_id = None
+                    st.session_state.topic_idx = 0
+                    st.success("Module completed! 🎉")
+                    st.rerun()
             else:
                 if st.button("Next Unit →", key="next_btn"):
                     st.session_state.topic_idx += 1
@@ -657,25 +637,25 @@ def _render_lesson():
     with col_sidebar:
         # Module Progress Card
         st.markdown("""
-        <div class="sidebar-card">
+        <div class="sidebar-card" style="min-height: 120px;">
             <h4>Module Progress</h4>
         """, unsafe_allow_html=True)
         
-        progress = (st.session_state.topic_idx + 1) / max(1, len(topics))
+        progress = (topic_idx + 1) / max(1, len(topics))
         st.progress(progress)
-        st.markdown(f"<p style='color: #6b7280; font-size: 0.875rem; margin-top: 0.5rem;'>Unit {st.session_state.topic_idx + 1} of {len(topics)}</p>", unsafe_allow_html=True)
+        st.markdown(f"<p style='color: #6b7280; font-size: 0.875rem; margin-top: 0.5rem;'>Unit {topic_idx + 1} of {len(topics)}</p>", unsafe_allow_html=True)
         
         st.markdown("</div>", unsafe_allow_html=True)
 
         # Module Units Card
         st.markdown("""
-        <div class="sidebar-card">
+        <div class="sidebar-card" style="min-height: 300px;">
             <h4>Module Units</h4>
         """, unsafe_allow_html=True)
         
         for i, (tt, _) in enumerate(topics):
-            is_current = i == st.session_state.topic_idx
-            is_completed = i < st.session_state.topic_idx
+            is_current = i == topic_idx
+            is_completed = i < topic_idx
             
             if is_current:
                 st.markdown(f"""
@@ -705,6 +685,7 @@ def _render_lesson():
         if st.button("← Back to Modules", key="back_modules"):
             st.session_state.mode = "catalog"
             st.session_state.module_id = None
+            st.session_state.topic_idx = 0
             st.rerun()