layout = gr.Row(

app.py

@@ -122,23 +122,36 @@ 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, 
-        [
-            gr.components.Textbox(label="输入密码", type="password"),
-            gr.components.Textbox(label="對話主題"),  # 加入 theme 的輸入框，設定預設值為 '購物'
-            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 性別")
-        ], 
-        [
-            gr.components.Chatbot(label="生成的對話"),
-            gr.components.File(label="下載對話 JSON 文件"),
-            gr.components.Textbox(readonly=True, label="對話 JSON 內容", lines=10)
-        ],
-        layout="1:3"  # 新增這一行
+        layout.inputs,
+        layout.outputs
     ).launch()
+