with gr.Blocks(theme="light") as demo: # 使用 'light' 主题作为默认值

app.py

@@ -122,36 +122,26 @@ def main_function(password: str, theme: str, language: str, method: str, rounds:
 
 
 if __name__ == "__main__":
-    layout = gr.Row(
-        [
-            gr.Column(
-                [
-                    gr.components.Textbox(label="输入密码", type="password"),
-                    gr.components.Textbox(label="對話主題"),
-                    gr.components.Dropdown(choices=["中文", "英文"], label="語言"),
-                    gr.components.Dropdown(choices=["auto", "manual"], label="生成方式"),
-                    gr.components.Slider(minimum=2, maximum=6, step=2, label="對話輪數"),
-                    gr.components.Textbox(label="角色 1 名稱"),
-                    gr.components.Dropdown(choices=["male", "female"], label="角色 1 性別"),
-                    gr.components.Textbox(label="角色 2 名稱"),
-                    gr.components.Dropdown(choices=["male", "female"], label="角色 2 性別")
-                ],
-                width="33%"  # 1/3 of the total width
-            ),
-            gr.Column(
-                [
-                    gr.components.Chatbot(label="生成的對話"),
-                    gr.components.File(label="下載對話 JSON 文件"),
-                    gr.components.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
-                ],
-                width="66%"  # 2/3 of the total width
-            )
-        ]
-    )
-
-    gr.Interface(
-        main_function, 
-        layout.inputs,
-        layout.outputs
-    ).launch()
+    with gr.Blocks(theme="light") 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 性別")
+
+            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)
+
+    # 可以添加其他交互逻辑和按钮事件，如果有需要
+
+    demo.launch(main_function)