json_textbox = gr.Textbox(readonly=True, label="對話 JSON 內容", lines=10)

app.py

@@ -122,19 +122,35 @@ def main_function(password: str, theme: str, language: str, method: str, rounds:
 
 
 if __name__ == "__main__":
-    with gr.Blocks(theme="light") as demo:  # 使用 'light' 主题作为默认值
+
+    password = gr.Textbox(label="输入密码", type="password")
+    theme = gr.Textbox(label="對話主題")  # 加入 theme 的輸入框，設定預設值為 '購物'
+    language = gr.Dropdown(choices=["中文", "英文"], label="語言")
+    generation_mode = gr.Dropdown(choices=["auto", "manual"], label="生成方式")
+    rounds = gr.Slider(minimum=2, maximum=6, step=2, label="對話輪數")
+    char1_name = gr.Textbox(label="角色 1 名稱")
+    char1_gender = gr.Dropdown(choices=["male", "female"], label="角色 1 性別")
+    char2_name = gr.Textbox(label="角色 2 名稱")
+    char2_gender = gr.Dropdown(choices=["male", "female"], label="角色 2 性別")
+
+
+    chat_output = gr.Chatbot(label="生成的對話")
+    json_file = gr.File(label="下載對話 JSON 文件")
+    json_textbox = gr.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
+
+    with gr.Blocks() as demo:  # 使用 'light' 主题作为默认值
         # Header 或其他组件可以在这里添加，如果有需要
         with gr.Row():
             with gr.Column(scale=1):  # 1/3 的宽度
-                password = gr.Textbox(label="输入密码", type="password")
-                theme = gr.Textbox(label="對話主題")  # 加入 theme 的輸入框，設定預設值為 '購物'
-                language = gr.Dropdown(choices=["中文", "英文"], label="語言")
-                generation_mode = gr.Dropdown(choices=["auto", "manual"], label="生成方式")
-                rounds = gr.Slider(minimum=2, maximum=6, step=2, label="對話輪數")
-                char1_name = gr.Textbox(label="角色 1 名稱")
-                char1_gender = gr.Dropdown(choices=["male", "female"], label="角色 1 性別")
-                char2_name = gr.Textbox(label="角色 2 名稱")
-                char2_gender = gr.Dropdown(choices=["male", "female"], label="角色 2 性別")
+                password 
+                theme
+                language
+                generation_mode
+                rounds
+                char1_name
+                char1_gender
+                char2_name
+                char2_gender
 
                 # 在这里添加提交和清除按鈕
                 submit_button = gr.Button("Submit")
@@ -142,12 +158,10 @@ if __name__ == "__main__":
                 submit_button.click(main_function, [password, theme, language, generation_mode, rounds, char1_name, char1_gender, char2_name, char2_gender], [chat_output, json_file, json_textbox])
                 clear_button.click(lambda: None, None, [chat_output, json_file, json_textbox], queue=False)
 
-
             with gr.Column(scale=2):  # 2/3 的宽度
-                chat_output = gr.Chatbot(label="生成的對話")
-                json_file = gr.File(label="下載對話 JSON 文件")
-                json_textbox = gr.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
-
+                chat_output
+                json_file
+                json_textbox
     # 可以添加其他交互逻辑和按钮事件，如果有需要
 
     demo.launch(inline=False, share=True)