eng level

app.py

@@ -485,6 +485,9 @@ def update_exam_contents(selected_title):
         if exam["title"] == selected_title:
             return exam["title"], exam["question"], exam["hint"], exam["image_url"]
 
+def show_elements():
+    return gr.update(visible=True)
+
 # elem_classes=['accordion-prompts']
 CSS = """
     .accordion-prompts {
@@ -500,7 +503,8 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
             model = gr.Radio(["gpt-4o", "gpt-4-turbo"], label="Model", value="gpt-4o")
             max_tokens = gr.Slider(minimum=50, maximum=4000, value=4000, label="Max Tokens")
             sys_content_input = gr.Textbox(label="System Prompt", value="You are an English teacher who is practicing with me to improve my English writing skill.")
-            eng_level_input = gr.Radio(["beginner", "intermediate", "advanced"], label="English Level", value="beginner")
+        with gr.Row():
+            eng_level_input = gr.Radio([("初學", "beginner"), ("中級","intermediate"), ("進階", "advanced"), ("學測指考","台灣的 學科能力測驗等級")], label="English Level", value="beginner")
 
         # basic inputs 主題與情境
         with gr.Group():
@@ -557,9 +561,14 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         """)
                 with gr.Row(visible=False) as topic_params:
                     default_generate_topics_prompt = """
+                        The topic is the main issue that the entire paragraph aims to discuss and elaborate on. 
+                        Determining the topic is crucial for the structure and content of the paragraph.
+                        For example, if the context is School & Learning, you can decide on an appropriate topic based on your interests, background, and experiences, such as My First Day at School or The Role of the Internet in Learning. 
+                        If the context is Climate Change, related topics could be Global Warming or Extreme Weather Events.
+
                         Give me 10 randon topics, 
-                        for a paragraph. Just the topics, no explanation, use simple English language. 
-                        Make sure the vocabulary you use is at english level.
+                        for a paragraph. Just the topics, no explanation, use English language base on  eng_level. 
+                        Make sure the vocabulary you use is at eng_level.
                         output use JSON 
                         EXAMPLE:
                         "topics":["topic1", "topic2", "topic3", "topic4", "topic5", "topic6", "topic7", "topic8", "topic9", "topic10"]
@@ -567,12 +576,16 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                     user_generate_topics_prompt = gr.Textbox(label="Topics Prompt", value=default_generate_topics_prompt, visible=False)
                 with gr.Row():
                     with gr.Column():
-                        topic_input = gr.Textbox(label="選擇合適的主題或是自定義：")
+                        topic_input = gr.Textbox(label="選擇合適的主題或是自定義主題：")
                     with gr.Column():
                         generate_topics_button = gr.Button("✨ JUTOR 隨機產生 10 個段落主題，再挑選一個來練習吧！", variant="primary")
                         topic_output = gr.Textbox(label="AI Generated Topic 主題", visible=True, value=[])
 
                         generate_topics_button.click(
+                            fn=show_elements,
+                            inputs=[],
+                            outputs=[topic_output]
+                        ).then(
                             fn=generate_topics,
                             inputs=[
                                 model, 
@@ -601,11 +614,13 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
             with gr.Column():
                 with gr.Row() as points_params:
                     default_generate_points_prompt = """
+                        Based on the topic and eng_level setting, think about the direction and content of the paragraph, then present it using some related points/keywords. 
+                        For example, the topic: "The Benefits of Learning a Second Language." The direction and content: Learning a second language, such as Japanese, allows you to communicate with Japanese people and understand Japanese culture. 
+                        Therefore, the points/keywords are "Improving communication skills" and "Understanding other cultures." ....
                         Please provide main points to develop in a paragraph about topic in the context of scenario, 
                         use simple English language and make sure the vocabulary you use is at eng_level.
                         No more explanation either no developing these points into a simple paragraph.
                         Output use JSON format
-
                         EXAMPLE:
                         "points":["point1", "point2", "point3"]
                     """  
@@ -624,6 +639,10 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         points_output = gr.Textbox(label="AI Generated Points 要點", visible=True, value=[])
 
                         generate_points_button.click(
+                            fn=show_elements,
+                            inputs=[],
+                            outputs=[points_output]
+                        ).then(
                             fn=generate_points,
                             inputs=[
                                 model, 
@@ -691,6 +710,10 @@ with gr.Blocks(theme=gr.themes.Soft(primary_hue=gr.themes.colors.blue, secondary
                         topic_sentence_output = gr.Textbox(label="AI Generated Topic Sentences 主題句", value=[])
                     
                         generate_topic_sentences_button.click(
+                            fn=show_elements,
+                            inputs=[],
+                            outputs=[topic_sentence_output]
+                        ).then(
                             fn=generate_topic_sentences,
                             inputs=[
                                 model,