layout

app.py

@@ -68,44 +68,43 @@ with gr.Blocks() as demo:
         chat_toggle = gr.Checkbox(label="顯示對話區域", value=True)
         feature_toggle = gr.Checkbox(label="顯示功能卡片", value=True)
 
-    with gr.Column(visible=True) as source_column:
-        gr.Markdown("### 來源選單")
-        
-        file_list = gr.State([])
-        
-        with gr.Tab("上傳檔案"):
-            upload_file = gr.File(label="從電腦添加文件", file_types=[".txt", ".pdf", ".docx"])
-            add_file_button = gr.Button("添加到來源列表")
-            add_file_button.click(add_to_file_list, inputs=[upload_file, file_list], outputs=[file_list, upload_file])
-    
-        with gr.Tab("YouTube 連結"):
-            youtube_link = gr.Textbox(label="輸入 YouTube 連結")
-            add_youtube_button = gr.Button("添加到來源列表")
-            add_youtube_button.click(add_youtube_to_list, inputs=[youtube_link, file_list], outputs=[file_list, youtube_link])
-
-        file_display = gr.CheckboxGroup(label="已上傳的文件", interactive=True)
-
-        process_files_button = gr.Button("處理檔案")
-        rag_result = gr.Textbox(label="處理結果", interactive=False)
-
-        process_files_button.click(process_all_files, inputs=[file_list], outputs=[rag_result])
-        file_list.change(lambda x: gr.update(choices = [os.path.basename(path) if os.path.basename(path) else path for path in x]), inputs=file_list, outputs=file_display)
-        
+    with gr.Row():
+        with gr.Column(visible=True) as source_column:
+            gr.Markdown("### 來源選單")
+            
+            file_list = gr.State([])
+            
+            with gr.Tab("上傳檔案"):
+                upload_file = gr.File(label="從電腦添加文件", file_types=[".txt", ".pdf", ".docx"])
+                add_file_button = gr.Button("添加到來源列表")
+                add_file_button.click(add_to_file_list, inputs=[upload_file, file_list], outputs=[file_list, upload_file])
         
-
-    with gr.Column(visible=True) as chat_column:
-        gr.Markdown("### 對話區域")
-        chatbot = gr.Chatbot(label="聊天記錄", type="messages")
-        question = gr.Textbox(label="輸入問題，例如：文件的核心觀點是什麼？")
-        ask_button = gr.Button("提問")
-
-    with gr.Column(visible=True) as feature_column:
-        gr.Markdown("### 功能卡片")
-        with gr.Tab("摘要生成"):
-            summary_button = gr.Button("生成摘要")
-            summary = gr.Textbox(label="摘要", interactive=False)
-        with gr.Tab("其他功能"):
-            gr.Markdown("此處可以添加更多功能卡片")
+            with gr.Tab("YouTube 連結"):
+                youtube_link = gr.Textbox(label="輸入 YouTube 連結")
+                add_youtube_button = gr.Button("添加到來源列表")
+                add_youtube_button.click(add_youtube_to_list, inputs=[youtube_link, file_list], outputs=[file_list, youtube_link])
+
+            file_display = gr.CheckboxGroup(label="已上傳的文件", interactive=True)
+
+            process_files_button = gr.Button("處理檔案")
+            rag_result = gr.Textbox(label="處理結果", interactive=False)
+
+            process_files_button.click(process_all_files, inputs=[file_list], outputs=[rag_result])
+            file_list.change(lambda x: gr.update(choices = [os.path.basename(path) if os.path.basename(path) else path for path in x]), inputs=file_list, outputs=file_display)
+
+        with gr.Column(visible=True) as chat_column:
+            gr.Markdown("### 對話區域")
+            chatbot = gr.Chatbot(label="聊天記錄", type="messages")
+            question = gr.Textbox(label="輸入問題，例如：文件的核心觀點是什麼？")
+            ask_button = gr.Button("提問")
+
+        with gr.Column(visible=True) as feature_column:
+            gr.Markdown("### 功能卡片")
+            with gr.Tab("摘要生成"):
+                summary_button = gr.Button("生成摘要")
+                summary = gr.Textbox(label="摘要", interactive=False)
+            with gr.Tab("其他功能"):
+                gr.Markdown("此處可以添加更多功能卡片")
 
     source_toggle.change(toggle_visibility, inputs=source_toggle, outputs=source_column)
     chat_toggle.change(toggle_visibility, inputs=chat_toggle, outputs=chat_column)