Remove right sidebar, add quiz popup modal, fix quiz generation

app.py

@@ -15,7 +15,9 @@ user_state = {
     "key_points": [],
     "document_parsed": False,
     "learning_style": None,
-    "parsed_data": None
+    "parsed_data": None,
+    "current_quiz": None,  # Store generated quiz
+    "show_quiz_modal": False  # Control quiz popup visibility
 }
 
 
@@ -124,29 +126,24 @@ For example: "I want to learn about binary search" or "Teach me recursion" """
                 try:
                     questions = generate_quiz(
                         concepts=user_state["concepts"],
-                        topics=user_state["topics"],
+                        topics=user_state.get("topics", []),
                         num_questions=10,
                         question_types=["mcq"],
                         document_context=user_state.get("parsed_data", {}).get("text_preview", "")
                     )
                     
                     if questions:
-                        quiz_text = f"# 📝 Quiz Generated! ({len(questions)} questions)\n\n"
-                        for i, q in enumerate(questions[:5], 1):  # Show first 5
-                            quiz_text += f"**Q{i}:** {q.get('question', '')}\n"
-                            if q.get('type') == 'mcq' and 'options' in q:
-                                for j, opt in enumerate(q['options']):
-                                    quiz_text += f"  {chr(65+j)}. {opt}\n"
-                            quiz_text += f"\n*Answer: {q.get('explanation', '')[:100]}...*\n\n---\n\n"
+                        # Store quiz in state
+                        user_state["current_quiz"] = questions
+                        user_state["show_quiz_modal"] = True
                         
-                        if len(questions) > 5:
-                            quiz_text += f"\n*... and {len(questions) - 5} more questions!*\n\n"
-                        
-                        response = quiz_text + "\n\nWould you like to:\n- See all questions?\n- Take the quiz interactively?\n- Generate more questions?"
+                        response = f"✅ **Quiz Generated!** ({len(questions)} questions)\n\nI've created a quiz based on your concepts. Check the quiz panel on the right! 📝\n\nYou can:\n- Take the quiz interactively\n- Review all questions\n- Generate more questions"
                     else:
                         response = "⚠️ I had trouble generating questions. Could you try again or provide more specific concepts?"
                 except Exception as e:
-                    response = f"❌ Error generating quiz: {str(e)}"
+                    import traceback
+                    error_details = traceback.format_exc()
+                    response = f"❌ Error generating quiz: {str(e)}\n\nDebug info: {error_details[:200]}"
         
         elif any(word in message_lower for word in ["curriculum", "course", "path", "learn step", "progressive"]):
             if not user_state["concepts"]:
@@ -488,8 +485,8 @@ with gr.Blocks(title="Gnosis Tutor") as app:
                     **Powered by MCP Server Integration**
                     """)
         
-        # Center - Main Chat Area
-        with gr.Column(scale=3):
+        # Center - Main Chat Area (full width now)
+        with gr.Column(scale=4):
             gr.Markdown("""
             <div class="main-chat-area">
                 <h2 style="margin-top: 0; color: #667eea; text-align: center;">💬 Chat with Gnosis</h2>
@@ -512,47 +509,36 @@ with gr.Blocks(title="Gnosis Tutor") as app:
                 textbox=gr.MultimodalTextbox(file_types=[".pdf"])
             )
         
-        # Right Sidebar - Learning Resources & Help
-        with gr.Column(scale=1):
-            with gr.Tabs():
-                with gr.Tab("📚 Resources"):
-                    gr.Markdown("**Learning Resources:**")
-                    resource_concept = gr.Textbox(
-                        label="Search for:",
-                        placeholder="e.g., binary search"
-                    )
-                    resource_btn = gr.Button("🔍 Search", variant="primary")
-                    resource_output = gr.Markdown(label="Resources")
+        # Quiz Popup Modal (shown when quiz is generated) - positioned as floating panel
+        quiz_data_state = gr.State(value=None)
+        current_question_idx = gr.State(value=0)
+        quiz_score_state = gr.State(value={"correct": 0, "total": 0})
+        
+        with gr.Column(visible=True) as quiz_modal:
+            with gr.Box(elem_classes="quiz-modal", elem_id="quiz-modal-box"):
+                with gr.Row():
+                    gr.Markdown("## 📝 Interactive Quiz", elem_id="quiz-title")
+                    quiz_close_btn = gr.Button("✕ Close", variant="stop", size="sm", scale=0)
                 
-                with gr.Tab("📖 Curriculum"):
-                    gr.Markdown("**Create Learning Path:**")
-                    curriculum_concept = gr.Textbox(
-                        label="Concept:",
-                        placeholder="e.g., recursion"
-                    )
-                    curriculum_lang = gr.Dropdown(
-                        choices=["python", "javascript", "typescript"],
-                        value="python",
-                        label="Language"
-                    )
-                    curriculum_btn = gr.Button("🚀 Generate", variant="primary")
-                    curriculum_output = gr.Markdown(label="Curriculum")
+                quiz_status = gr.Markdown("**No quiz available yet. Ask me to generate a quiz!**")
                 
-                with gr.Tab("💡 Tips"):
-                    gr.Markdown("""
-                    **💡 Tips for best results:**
-                    
-                    1. Upload clear PDF documents
-                    2. Be specific about concepts
-                    3. Ask follow-up questions
-                    4. Use the quick actions for fast results
-                    
-                    **🎯 Try saying:**
-                    - "Generate a quiz"
-                    - "Create a curriculum"
-                    - "Find resources about X"
-                    - "Explain [concept]"
-                    """)
+                with gr.Row():
+                    quiz_question_num = gr.Markdown("**Question 1 of 10**")
+                    quiz_score_display = gr.Markdown("**Score: 0/0**")
+                
+                quiz_question_text = gr.Markdown("", label="")
+                quiz_options = gr.Radio(label="Select your answer", choices=[], interactive=True, visible=False)
+                quiz_submit_btn = gr.Button("Submit Answer", variant="primary", visible=False)
+                
+                quiz_feedback = gr.Markdown(label="", visible=False)
+                quiz_explanation = gr.Markdown(label="", visible=False)
+                
+                with gr.Row():
+                    quiz_prev_btn = gr.Button("← Previous", variant="secondary", visible=False)
+                    quiz_next_btn = gr.Button("Next →", variant="secondary", visible=False)
+                
+                quiz_complete = gr.Markdown(label="", visible=False)
+                quiz_restart_btn = gr.Button("🔄 Start Over", variant="primary", visible=False)
     
     # Handle file upload separately to update sidebars
     def handle_file_upload(file):
@@ -670,6 +656,120 @@ with gr.Blocks(title="Gnosis Tutor") as app:
         except Exception as e:
             return f"❌ Error: {str(e)}"
     
+    # Quiz modal functions
+    def load_quiz_to_modal():
+        """Load quiz from state into modal."""
+        quiz = user_state.get("current_quiz")
+        if not quiz:
+            return (
+                gr.update(visible=True, value="**No quiz available yet. Ask me to generate a quiz!**"),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(value=0),
+                gr.update(value={"correct": 0, "total": 0}),
+                gr.update(value=quiz)
+            )
+        
+        # Show first question
+        return display_question(quiz, 0, {"correct": 0, "total": 0}, quiz)
+    
+    def display_question(quiz_data, idx, score, _):
+        """Display a question in the quiz modal."""
+        if not quiz_data or idx >= len(quiz_data):
+            return (
+                gr.update(visible=True, value="**Quiz complete!**"),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(visible=False),
+                gr.update(value=idx),
+                gr.update(value=score),
+                gr.update(value=quiz_data)
+            )
+        
+        q = quiz_data[idx]
+        question_text = f"**{q.get('question', '')}**"
+        question_num = f"**Question {idx + 1} of {len(quiz_data)}**"
+        score_text = f"**Score: {score['correct']}/{score['total']}**"
+        
+        options = []
+        if q.get('type') == 'mcq' and 'options' in q:
+            options = q['options']
+        
+        return (
+            gr.update(visible=True, value=question_text),
+            gr.update(visible=True, value=question_num),
+            gr.update(visible=True, value=score_text),
+            gr.update(visible=True, value=question_text),
+            gr.update(visible=len(options) > 0, choices=options, value=None),
+            gr.update(visible=len(options) > 0),
+            gr.update(visible=False),
+            gr.update(visible=False),
+            gr.update(visible=idx > 0),
+            gr.update(visible=idx < len(quiz_data) - 1),
+            gr.update(visible=False),
+            gr.update(visible=False),
+            gr.update(value=idx),
+            gr.update(value=score),
+            gr.update(value=quiz_data)
+        )
+    
+    def submit_answer(selected, quiz_data, idx, score):
+        """Handle answer submission."""
+        if not quiz_data or idx >= len(quiz_data):
+            return display_question(quiz_data, idx, score, quiz_data)
+        
+        q = quiz_data[idx]
+        correct_idx = q.get('correct_answer', 0)
+        is_correct = False
+        
+        if q.get('type') == 'mcq':
+            is_correct = (selected == correct_idx) if selected is not None else False
+        elif q.get('type') == 'true_false':
+            is_correct = (selected == correct_idx)
+        
+        new_score = {
+            "correct": score["correct"] + (1 if is_correct else 0),
+            "total": score["total"] + 1
+        }
+        
+        feedback = "✅ **Correct!**" if is_correct else "❌ **Incorrect**"
+        explanation = f"**Explanation:** {q.get('explanation', 'No explanation available.')}"
+        
+        return (
+            gr.update(visible=True, value=feedback),
+            gr.update(visible=True, value=explanation),
+            gr.update(visible=False),
+            gr.update(visible=idx < len(quiz_data) - 1),
+            gr.update(value=idx),
+            gr.update(value=new_score),
+            gr.update(value=quiz_data)
+        )
+    
+    def next_question(quiz_data, idx, score):
+        """Move to next question."""
+        return display_question(quiz_data, idx + 1, score, quiz_data)
+    
+    def prev_question(quiz_data, idx, score):
+        """Move to previous question."""
+        return display_question(quiz_data, idx - 1, score, quiz_data)
+    
+    def close_quiz_modal():
+        """Close quiz modal."""
+        return gr.update(visible=False)
+    
     # Connect file upload to update sidebars
     file_upload.change(
         handle_file_upload,
@@ -677,12 +777,45 @@ with gr.Blocks(title="Gnosis Tutor") as app:
         outputs=[concepts_display, topics_display, key_points_display]
     )
     
+    # Connect quick action buttons
     quick_quiz_btn.click(quick_generate_quiz, None, [quick_output])
     quick_curriculum_btn.click(quick_generate_curriculum, None, [quick_output])
     quick_resources_btn.click(quick_find_resources, None, [quick_output])
     
-    resource_btn.click(search_resources, [resource_concept], [resource_output])
-    curriculum_btn.click(generate_curriculum_side, [curriculum_concept, curriculum_lang], [curriculum_output])
+    # Quiz modal interactions
+    chatbot_interface.chatbot.load(load_quiz_to_modal, None, [
+        quiz_status, quiz_question_num, quiz_score_display, quiz_question_text,
+        quiz_options, quiz_submit_btn, quiz_feedback, quiz_explanation,
+        quiz_prev_btn, quiz_next_btn, quiz_complete, quiz_restart_btn,
+        current_question_idx, quiz_score_state, quiz_data_state
+    ])
+    
+    quiz_submit_btn.click(
+        submit_answer,
+        inputs=[quiz_options, quiz_data_state, current_question_idx, quiz_score_state],
+        outputs=[quiz_feedback, quiz_explanation, quiz_submit_btn, quiz_next_btn,
+                 current_question_idx, quiz_score_state, quiz_data_state]
+    )
+    
+    quiz_next_btn.click(
+        next_question,
+        inputs=[quiz_data_state, current_question_idx, quiz_score_state],
+        outputs=[quiz_status, quiz_question_num, quiz_score_display, quiz_question_text,
+                quiz_options, quiz_submit_btn, quiz_feedback, quiz_explanation,
+                quiz_prev_btn, quiz_next_btn, quiz_complete, quiz_restart_btn,
+                current_question_idx, quiz_score_state, quiz_data_state]
+    )
+    
+    quiz_prev_btn.click(
+        prev_question,
+        inputs=[quiz_data_state, current_question_idx, quiz_score_state],
+        outputs=[quiz_status, quiz_question_num, quiz_score_display, quiz_question_text,
+                quiz_options, quiz_submit_btn, quiz_feedback, quiz_explanation,
+                quiz_prev_btn, quiz_next_btn, quiz_complete, quiz_restart_btn,
+                current_question_idx, quiz_score_state, quiz_data_state]
+    )
+    
+    quiz_close_btn.click(close_quiz_modal, None, [quiz_modal])
 
 
 if __name__ == "__main__":