Update app.py

app.py

@@ -3,12 +3,6 @@ import random
 import csv
 import io
 
-# Global states (to be stored in Gradio states)
-# vocabulary: list of dicts [{'word': '...', 'definition': '...'}, ...]
-# matched: number of correct matches made
-# available_words: list of words currently un-matched
-# available_definitions: list of definitions currently un-matched
-
 def parse_csv(file, vocabulary):
     if file is None:
         return vocabulary
@@ -32,7 +26,6 @@ def add_manual_word(vocabulary, word, definition):
 def start_quiz(vocabulary):
     if not vocabulary:
         return gr.update(visible=False), "No vocabulary available. Please upload CSV or add words.", None, None, None, None
-    # Shuffle the vocabulary for a quiz
     random.shuffle(vocabulary)
     words = [v["word"] for v in vocabulary]
     defs = [v["definition"] for v in vocabulary]
@@ -42,7 +35,6 @@ def start_quiz(vocabulary):
 def check_match(selected_word, selected_def, vocabulary, words, defs, matched):
     if not selected_word or not selected_def:
         return "Please select both a word and a definition.", words, defs, matched
-    # Find the correct definition for the selected word
     correct_def = None
     for v in vocabulary:
         if v["word"] == selected_word:
@@ -52,9 +44,7 @@ def check_match(selected_word, selected_def, vocabulary, words, defs, matched):
         return "Error: Word not found in vocabulary.", words, defs, matched
     
     if correct_def == selected_def:
-        # Correct match
         matched += 1
-        # Remove matched word and definition
         words = [w for w in words if w != selected_word]
         defs = [d for d in defs if d != selected_def]
         if matched == len(vocabulary):
@@ -75,13 +65,13 @@ with gr.Blocks() as demo:
     defs_state = gr.State([])
     matched_state = gr.State(0)
 
-    with gr.Box():
+    with gr.Group():
         gr.Markdown("## Upload Your Vocabulary (CSV format: word, definition)")
         file_input = gr.File(label="Upload CSV")
         upload_btn = gr.Button("Parse CSV")
         status_text = gr.Markdown("")
 
-    with gr.Box():
+    with gr.Group():
         gr.Markdown("## Add a Vocabulary Word Manually")
         manual_word = gr.Textbox(label="Word:")
         manual_def = gr.Textbox(label="Definition:")
@@ -100,7 +90,7 @@ with gr.Blocks() as demo:
         match_result = gr.Markdown("")
         reset_btn = gr.Button("Reset Quiz")
 
-    # Button actions
+    # Button interactions
     upload_btn.click(
         parse_csv,
         inputs=[file_input, vocabulary_state],
@@ -130,23 +120,4 @@ with gr.Blocks() as demo:
     match_btn.click(
         check_match,
         inputs=[selected_word, selected_def, vocabulary_state, words_state, defs_state, matched_state],
-        outputs=[match_result, words_state, defs_state, matched_state]
-    ).then(
-        lambda words, defs: (gr.update(choices=words, value=None), gr.update(choices=defs, value=None)),
-        inputs=[words_state, defs_state],
-        outputs=[selected_word, selected_def]
-    )
-
-    reset_btn.click(
-        reset_quiz,
-        inputs=[],
-        outputs=[quiz_section, quiz_status, vocabulary_state, words_state, defs_state, matched_state, match_result]
-    ).then(
-        lambda: "",
-        outputs=add_status
-    ).then(
-        lambda: "",
-        outputs=status_text
-    )
-
-demo.launch()
+        outputs=[match_result, words_state, defs_