generate_topics_button.click(

app.py

@@ -45,10 +45,12 @@ def generate_topics(model, max_tokens, sys_content, scenario, eng_level, user_ge
     topics = json.loads(content)["topics"]
     topics_text = json.dumps(topics)
 
-    return topics_text
+    is_visible = gr.update(visible=False)
+
+    return topics_text, is_visible
 
 def update_topic_input(topic):
-    return topic, gr.update(elem_classes=["btn-max-length", "btn-highlight"])
+    return topic
 
 def generate_points(model, max_tokens, sys_content, scenario, eng_level, topic, user_generate_points_prompt):
     """
@@ -335,17 +337,18 @@ with gr.Blocks(css=CSS) as demo:
 
                 with gr.Column():
                     generate_topics_button = gr.Button("AI Generate Topic Sentences")
-                    topic_output = gr.Textbox(label="AI Generated Topic 主題", visible=False, value=[])
+                    topic_output = gr.Textbox(label="AI Generated Topic 主題", visible=True, value=[])
 
                     @gr.render(inputs=topic_output)
                     def render_topics(topics):    
-                        buttons = []
                         topics_list = json.loads(topics)
-                        for i, topic in enumerate(topics_list):
-                            btn = gr.Button(topic, elem_id=f"topic_button_{i}", elem_classes=["btn-max-length"])
-                            btn.click(fn=update_topic_input, inputs=gr.Textbox(value=topic, visible=False), outputs=[topic_input, btn])
-                            buttons.append(btn)
-                        return buttons
+                        topic_radio = gr.Radio(topics_list, label="Topics", elem_id="topic_button")
+                        topic_radio.select(
+                            fn=update_topic_input, 
+                            inputs=[topic_radio], 
+                            outputs=[topic_input]
+                        )
+                        return topic_radio
             
             gr.Markdown("## 3. Generate Points 要點")
             default_generate_points_prompt = """
@@ -535,7 +538,7 @@ with gr.Blocks(css=CSS) as demo:
             eng_level_input,
             user_generate_topics_prompt
         ],
-        outputs=topic_output
+        outputs=[topic_output, topic_output]
     )
 
     generate_points_button.click(