Update app.py

app.py

@@ -615,86 +615,87 @@ def create_quiz_interface():
                 )
                 certificate_display = gr.Image(label="Your Certificate")
 
-        def on_generate_questions(text, num_questions):
-            success, questions = quiz_app.generate_questions(text, num_questions)
-            if not success:
-                return {
-                    question_display: "",
-                    current_options: gr.update(choices=[], visible=False),
-                    question_counter: "",
-                    question_box: gr.update(visible=False),
-                    current_questions: [],
-                    current_question_idx: 0,
-                    answer_state: [None] * 5,
-                    tabs: gr.update(selected=1),
-                    results_group: gr.update(visible=False)
-                }
-            
-            # Initialize first question
-            initial_answers = [None] * len(questions)
-            question = questions[0]
-            
-            return {
-                question_display: f"""## Question 1
-{question.question}
-
-Please select one answer:""",
-                current_options: gr.update(
-                    choices=question.options,
-                    value=None,
-                    visible=True,
-                    label="Select your answer for Question 1:"
-                ),
-                question_counter: f"Question 1 of {len(questions)}",
-                question_box: gr.update(visible=True),
-                current_questions: questions,
-                current_question_idx: 0,
-                answer_state: initial_answers,
-                tabs: gr.update(selected=1),
-                results_group: gr.update(visible=False)
-            }
-
-        def navigate(direction, current_idx, questions, answers, current_answer):
-            """
-            Handle navigation between questions
-            """
-            if not questions:  # No questions available
-                return {
-                    current_question_idx: 0,
-                    answer_state: answers,
-                    question_display: "",
-                    current_options: gr.update(choices=[], value=None, visible=False),
-                    question_counter: "",
-                    question_box: gr.update(visible=False)
-                }
-            
-            # Save current answer
-            new_answers = list(answers)
-            if current_answer and 0 <= current_idx < len(new_answers):
-                new_answers[current_idx] = current_answer
-            
-            # Calculate new index
-            new_idx = max(0, min(len(questions) - 1, current_idx + direction))
-            
-            # Get current question
-            question = questions[new_idx]
-            
-            return {
-                current_question_idx: new_idx,
-                answer_state: new_answers,
-                question_display: f"""## Question {new_idx + 1}
-{question.question}
 
-Please select one answer:""",
-                current_options: gr.update(
-                    choices=question.options,
-                    value=new_answers[new_idx] if new_idx < len(new_answers) else None,
-                    visible=True,
-                    label=f"Select your answer for Question {new_idx + 1}:"
-                ),
-                question_counter: f"Question {new_idx + 1} of {len(questions)}",
-                question_box: gr.update(visible=True)
-            }
+        def on_generate_questions(text, num_questions):
+                    success, questions = quiz_app.generate_questions(text, num_questions)
+                    if not success:
+                        return [
+                            "",  # question_display
+                            gr.update(choices=[], visible=False),  # current_options
+                            "",  # question_counter
+                            gr.update(visible=False),  # question_box
+                            [],  # current_questions
+                            0,  # current_question_idx
+                            [None] * 5,  # answer_state
+                            gr.update(selected=1),  # tabs
+                            gr.update(visible=False)  # results_group
+                        ]
+                    
+                    # Initialize first question
+                    initial_answers = [None] * len(questions)
+                    question = questions[0]
+                    
+                    return [
+                        f"""## Question 1
+        {question.question}
+        
+        Please select one answer:""",  # question_display
+                        gr.update(
+                            choices=question.options,
+                            value=None,
+                            visible=True,
+                            label="Select your answer for Question 1:"
+                        ),  # current_options
+                        f"Question 1 of {len(questions)}",  # question_counter
+                        gr.update(visible=True),  # question_box
+                        questions,  # current_questions
+                        0,  # current_question_idx
+                        initial_answers,  # answer_state
+                        gr.update(selected=1),  # tabs
+                        gr.update(visible=False)  # results_group
+                    ]
+        
+                def navigate(direction, current_idx, questions, answers, current_answer):
+                    """
+                    Handle navigation between questions
+                    """
+                    if not questions:  # No questions available
+                        return [
+                            0,  # current_question_idx
+                            answers,  # answer_state
+                            "",  # question_display
+                            gr.update(choices=[], value=None, visible=False),  # current_options
+                            "",  # question_counter
+                            gr.update(visible=False)  # question_box
+                        ]
+                    
+                    # Save current answer
+                    new_answers = list(answers)
+                    if current_answer and 0 <= current_idx < len(new_answers):
+                        new_answers[current_idx] = current_answer
+                    
+                    # Calculate new index
+                    new_idx = max(0, min(len(questions) - 1, current_idx + direction))
+                    
+                    # Get current question
+                    question = questions[new_idx]
+                    
+                    return [
+                        new_idx,  # current_question_idx
+                        new_answers,  # answer_state
+                        f"""## Question {new_idx + 1}
+        {question.question}
+        
+        Please select one answer:""",  # question_display
+                        gr.update(
+                            choices=question.options,
+                            value=new_answers[new_idx] if new_idx < len(new_answers) else None,
+                            visible=True,
+                            label=f"Select your answer for Question {new_idx + 1}:"
+                        ),  # current_options
+                        f"Question {new_idx + 1} of {len(questions)}",  # question_counter
+                        gr.update(visible=True)  # question_box
+                    ]
 
         def on_submit(questions, answers, current_idx, current_answer):
             # Update the current answer in the answers list
@@ -753,25 +754,41 @@ Please select one answer:""",
         generate_btn.click(
             fn=on_generate_questions,
             inputs=[text_input, num_questions],
-            outputs={
-                question_display: "value",
-                current_options: "value",
-                question_counter: "value",
-                question_box: "visible",
-                current_questions: "value",
-                current_question_idx: "value",
-                answer_state: "value",
-                tabs: "selected",
-                results_group: "visible"
-            }
+            outputs=[
+                question_display,
+                current_options,
+                question_counter,
+                question_box,
+                current_questions,
+                current_question_idx,
+                answer_state,
+                tabs,
+                results_group
+            ]
         )
 
         # Navigation event handlers
         def handle_prev(current_idx, questions, answers, current_answer):
-            return navigate(-1, current_idx, questions, answers, current_answer)
+            result = navigate(-1, current_idx, questions, answers, current_answer)
+            return [
+                result[current_question_idx],
+                result[answer_state],
+                result[question_display],
+                result[current_options],
+                result[question_counter],
+                result[question_box]
+            ]
 
         def handle_next(current_idx, questions, answers, current_answer):
-            return navigate(1, current_idx, questions, answers, current_answer)
+            result = navigate(1, current_idx, questions, answers, current_answer)
+            return [
+                result[current_question_idx],
+                result[answer_state],
+                result[question_display],
+                result[current_options],
+                result[question_counter],
+                result[question_box]
+            ]
 
         prev_btn.click(
             fn=handle_prev,
@@ -781,14 +798,14 @@ Please select one answer:""",
                 answer_state,
                 current_options
             ],
-            outputs={
-                current_question_idx: "value",
-                answer_state: "value",
-                question_display: "value",
-                current_options: "value",
-                question_counter: "value",
-                question_box: "visible"
-            }
+            outputs=[
+                current_question_idx,
+                answer_state,
+                question_display,
+                current_options,
+                question_counter,
+                question_box
+            ]
         )
 
         next_btn.click(
@@ -799,14 +816,14 @@ Please select one answer:""",
                 answer_state,
                 current_options
             ],
-            outputs={
-                current_question_idx: "value",
-                answer_state: "value",
-                question_display: "value",
-                current_options: "value",
-                question_counter: "value",
-                question_box: "visible"
-            }
+            outputs=[
+                current_question_idx,
+                answer_state,
+                question_display,
+                current_options,
+                question_counter,
+                question_box
+            ]
         )
 
         # Update answer state when radio button changes
@@ -823,22 +840,33 @@ Please select one answer:""",
         )
 
         # Submission handler
+        def on_submit_wrapper(questions, answers, current_idx, current_answer):
+            result = on_submit(questions, answers, current_idx, current_answer)
+            return [
+                result[feedback_box],
+                result[results_group],
+                result[score_display],
+                result[result_message],
+                result[question_box],
+                result[tabs]
+            ]
+
         submit_btn.click(
-            fn=on_submit,
+            fn=on_submit_wrapper,
             inputs=[
                 current_questions,
                 answer_state,
                 current_question_idx,
                 current_options
             ],
-            outputs={
-                feedback_box: "value",
-                results_group: "visible",
-                score_display: "value",
-                result_message: "value",
-                question_box: "visible",
-                tabs: "selected"
-            }
+            outputs=[
+                feedback_box,
+                results_group,
+                score_display,
+                result_message,
+                question_box,
+                tabs
+            ]
         )
 
         # Certificate generation