Update app.py

app.py

@@ -83,11 +83,19 @@ def retrieve_and_generate_quiz(question_difficulty, topic):
     documents_str = '\n'.join(documents)
     quiz_data = generate_quiz_data(question_difficulty, topic, documents_str)
     if not quiz_data or not quiz_data.items:
-        return "Error: Failed to generate quiz."
+        return gr.update(value="Error: Failed to generate quiz.", visible=True)
 
-    # Display only the questions as plain text
-    questions = [f"{i}. {item.question}" for i, item in enumerate(quiz_data.items[:10], 1)]
-    return "\n".join(questions)
+    # Generate HTML for questions and choices
+    html_content = "<div style='font-family: Arial, sans-serif; padding: 10px;'>"
+    for i, item in enumerate(quiz_data.items[:10], 1):
+        html_content += f"<h3>Question {i}: {item.question}</h3>"
+        html_content += "<ul style='list-style-type: none;'>"
+        for j, choice in enumerate(item.choices, 1):
+            html_content += f"<li>C{j}: {choice}</li>"
+        html_content += "</ul>"
+    html_content += "</div>"
+
+    return gr.update(value=html_content, visible=True)
 
 with gr.Blocks(title="Quiz Generator Test") as QUIZBOT:
     with gr.Row():
@@ -97,7 +105,7 @@ with gr.Blocks(title="Quiz Generator Test") as QUIZBOT:
     difficulty_radio = gr.Radio(["easy", "average", "hard"], label="How difficult should the quiz be?")
     
     generate_quiz_btn = gr.Button("Generate Quiz")
-    quiz_output = gr.Textbox(label="Quiz Questions", interactive=False)
+    quiz_output = gr.HTML(visible=False)
 
     # Register the click event without @ decorator
     generate_quiz_btn.click(