Update app.py

app.py

@@ -33,7 +33,9 @@ class QuizItem(BaseModel):
 class QuizOutput(BaseModel):
     items: list[QuizItem] = Field(..., description="List of 10 quiz items")
 
-# Initialize Quiz Generator Agent
+# Initialize Agents
+groq_agent = Agent(model=Groq(model="llama3-70b-8192", api_key=api_key), markdown=True)
+
 quiz_generator = Agent(
     name="Quiz Generator",
     role="Generates structured quiz questions and answers",
@@ -53,7 +55,7 @@ VECTOR_COLUMN_NAME = "vector"
 TEXT_COLUMN_NAME = "text"
 proj_dir = Path.cwd()
 
-# Import backend functions
+# Calling functions from backend (assuming they exist)
 from backend.semantic_search import table, retriever
 
 def generate_quiz_data(question_difficulty, topic, documents_str):
@@ -129,15 +131,9 @@ def retrieve_and_generate_quiz(question_difficulty, topic):
 
     documents_str = '\n'.join(documents)
     quiz_data = generate_quiz_data(question_difficulty, topic, documents_str)
-    
-    # Generate Excel file
-    excel_file = None
-    if quiz_data:
-        excel_file = quiz_to_excel(quiz_data)
-    
-    return quiz_data, excel_file
+    return quiz_data
 
-def update_quiz_components(quiz_data, excel_file):
+def update_quiz_components(quiz_data):
     if not quiz_data or not quiz_data.items:
         return [gr.update(visible=False) for _ in range(10)] + [gr.update(value="Error: Failed to generate quiz.", visible=True), None]
     
@@ -147,56 +143,88 @@ def update_quiz_components(quiz_data, excel_file):
         radio_update = gr.update(visible=True, choices=choices, label=item.question, value=None)
         radio_updates.append(radio_update)
     
+    # Generate Excel file after successful quiz generation
+    excel_file = quiz_to_excel(quiz_data)
+    
     return radio_updates + [gr.update(value="Please select answers and click 'Check Score'.", visible=True), excel_file]
 
+# FIXED FUNCTION: Changed parameter signature to accept all arguments positionally
 def collect_answers_and_calculate(*all_inputs):
-    print(f"Total inputs received: {len(all_inputs)}")
+    print(f"Total inputs received: {len(all_inputs)}")  # Debug print
     
     # The last input is quiz_data, the first 10 are radio values
-    radio_values = all_inputs[:10]
-    quiz_data = all_inputs[10]
+    radio_values = all_inputs[:10]  # First 10 inputs are radio button values
+    quiz_data = all_inputs[10]      # Last input is quiz_data
     
-    print(f"Received radio_values: {radio_values}")
-    print(f"Received quiz_data: {quiz_data}")
+    print(f"Received radio_values: {radio_values}")  # Debug print
+    print(f"Received quiz_data: {quiz_data}")       # Debug print
     
-    # Calculate score
+    # Calculate score by comparing user answers with correct answers
     score = 0
     answered_questions = 0
     
     for i, (user_answer, quiz_item) in enumerate(zip(radio_values, quiz_data.items[:10])):
-        if user_answer is not None:
+        if user_answer is not None:  # Only count if user answered
             answered_questions += 1
             
-            # Convert correct answer code to actual choice text
-            correct_answer_index = int(quiz_item.correct_answer[1]) - 1
+            # Convert correct answer code (e.g., 'C3') to actual choice text
+            correct_answer_index = int(quiz_item.correct_answer[1]) - 1  # 'C3' -> index 2
             correct_answer_text = quiz_item.choices[correct_answer_index]
             
-            print(f"Q{i+1}: User='{user_answer}' vs Correct='{correct_answer_text}'")
+            print(f"Q{i+1}: User='{user_answer}' vs Correct='{correct_answer_text}'")  # Debug
             
             if user_answer == correct_answer_text:
                 score += 1
     
-    print(f"Calculated score: {score}/{answered_questions}")
+    print(f"Calculated score: {score}/{answered_questions}")  # Debug print
     
-    # Create simple score message
+    # Create colorful HTML message
     if answered_questions == 0:
-        message = "⚠️ Please answer at least one question!"
+        html_message = """
+        <div style="text-align: center; padding: 20px; border-radius: 10px; background: linear-gradient(135deg, #ff6b6b, #ee5a24);">
+            <h2 style="color: white; margin: 0;">⚠️ Please answer at least one question!</h2>
+        </div>
+        """
     elif score == answered_questions:
-        message = f"🏆 PERFECT SCORE! You got {score} out of {answered_questions} correct! Outstanding performance! 🌟"
+        html_message = f"""
+        <div style="text-align: center; padding: 20px; border-radius: 10px; background: linear-gradient(135deg, #00d2d3, #54a0ff); box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
+            <h1 style="color: white; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">🏆 PERFECT SCORE! 🏆</h1>
+            <h2 style="color: #fff3cd; margin: 10px 0;">You got {score} out of {answered_questions} correct!</h2>
+            <p style="color: white; font-size: 18px; margin: 0;">Outstanding performance! 🌟</p>
+        </div>
+        """
     elif score > answered_questions * 0.7:
-        message = f"🎉 EXCELLENT! You got {score} out of {answered_questions} correct! Great job! 💪"
+        html_message = f"""
+        <div style="text-align: center; padding: 20px; border-radius: 10px; background: linear-gradient(135deg, #2ed573, #7bed9f); box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
+            <h1 style="color: white; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">🎉 EXCELLENT! 🎉</h1>
+            <h2 style="color: #fff3cd; margin: 10px 0;">You got {score} out of {answered_questions} correct!</h2>
+            <p style="color: white; font-size: 18px; margin: 0;">Great job! Keep it up! 💪</p>
+        </div>
+        """
     elif score > answered_questions * 0.5:
-        message = f"👍 GOOD JOB! You got {score} out of {answered_questions} correct! Well done! 📚"
+        html_message = f"""
+        <div style="text-align: center; padding: 20px; border-radius: 10px; background: linear-gradient(135deg, #ffa726, #ffcc02); box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
+            <h1 style="color: white; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">👍 GOOD JOB! 👍</h1>
+            <h2 style="color: #fff3cd; margin: 10px 0;">You got {score} out of {answered_questions} correct!</h2>
+            <p style="color: white; font-size: 18px; margin: 0;">Well done! Room for improvement! 📚</p>
+        </div>
+        """
     else:
-        message = f"💪 KEEP TRYING! You got {score} out of {answered_questions} correct! Practice makes perfect! 📖✨"
+        html_message = f"""
+        <div style="text-align: center; padding: 20px; border-radius: 10px; background: linear-gradient(135deg, #ff7675, #fd79a8); box-shadow: 0 4px 15px rgba(0,0,0,0.2);">
+            <h1 style="color: white; margin: 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);">💪 KEEP TRYING! 💪</h1>
+            <h2 style="color: #fff3cd; margin: 10px 0;">You got {score} out of {answered_questions} correct!</h2>
+            <p style="color: white; font-size: 18px; margin: 0;">Don't worry! Practice makes perfect! 📖✨</p>
+        </div>
+        """
     
-    return message
+    return html_message
 
-# Define theme
+# Define a colorful theme
 colorful_theme = gr.themes.Default(primary_hue="cyan", secondary_hue="yellow", neutral_hue="purple")
 
 with gr.Blocks(title="CBSE Gyan Quiz Bot", theme=colorful_theme) as QUIZBOT:
-    # Header
+    # Create a single row for the HTML and Image
     with gr.Row():
         with gr.Column(scale=2):
             gr.Image(value='logo.png', height=200, width=200)
@@ -209,56 +237,56 @@ with gr.Blocks(title="CBSE Gyan Quiz Bot", theme=colorful_theme) as QUIZBOT:
             </center>
             """)
 
-    # Input controls
     topic = gr.Textbox(label="Enter the Topic for Quiz", placeholder="Write any CHAPTER NAME from CBSE curriculum")
 
     with gr.Row():
         difficulty_radio = gr.Radio(["easy", "average", "hard"], label="How difficult should the quiz be?")
         model_radio = gr.Radio(choices=['(ACCURATE) BGE reranker'], value='(ACCURATE) BGE reranker', label="Embeddings")
 
-    # Generate quiz button
     generate_quiz_btn = gr.Button("Generate Quiz!🚀")
     quiz_msg = gr.Textbox(label="Status", interactive=False)
-    
-    # Excel download
-    excel_download = gr.File(label="Download Excel", visible=False)
 
-    # Quiz questions (hidden initially)
+    # Pre-defined radio buttons for 10 questions
     question_radios = [gr.Radio(visible=False, label="", choices=[""], value=None) for _ in range(10)]
     quiz_data_state = gr.State(value=None)
     
-    # Check score button
+    # Excel download file
+    excel_download = gr.File(label="Download Excel", visible=False)
+    
     check_score_btn = gr.Button("Check Score", variant="primary", size="lg")
-    score_output = gr.Textbox(label="Your Results", visible=False)
+    
+    # HTML output for colorful score display at bottom
+    score_output = gr.HTML(visible=False, label="Your Results")
 
-    # Event handlers
+    # Register the click event for Generate Quiz without @ decorator
     generate_quiz_btn.click(
         fn=retrieve_and_generate_quiz,
         inputs=[difficulty_radio, topic],
-        outputs=[quiz_data_state, excel_download]
+        outputs=[quiz_data_state]
     ).then(
         fn=update_quiz_components,
-        inputs=[quiz_data_state, excel_download],
+        inputs=[quiz_data_state],
         outputs=question_radios + [quiz_msg, excel_download]
     ).then(
-        fn=lambda: gr.update(visible=True),
+        fn=lambda: gr.update(visible=True),  # Make Excel download visible
         inputs=[],
         outputs=[excel_download]
     )
 
+    # FIXED: Register the click event for Check Score with correct input handling
     check_score_btn.click(
         fn=collect_answers_and_calculate,
-        inputs=question_radios + [quiz_data_state],
+        inputs=question_radios + [quiz_data_state],  # This creates a list of 11 inputs
         outputs=[score_output],
         api_name="check_score"
     ).then(
-        fn=lambda: gr.update(visible=True),
+        fn=lambda: gr.update(visible=True),  # Make score output visible after calculation
         inputs=[],
         outputs=[score_output]
     )
 
 if __name__ == "__main__":
-    QUIZBOT.queue().launch(server_name="0.0.0.0", server_port=7860)
+    QUIZBOT.queue().launch(server_name="0.0.0.0", server_port=7860, share=True)
 # import pandas as pd
 # import json
 # import gradio as gr