Update app.py

app.py

@@ -73,22 +73,19 @@ def clear_paragraphs():
     return [""]
 
 def add_paragraph(paragraphs):
-    paragraphs = paragraphs.copy()
-    paragraphs.append("")
-    return paragraphs
+    return paragraphs + [""]
 
 def remove_paragraph(paragraphs):
-    paragraphs = paragraphs.copy()
     if len(paragraphs) > 1:
-        paragraphs.pop()
-    return paragraphs
+        return paragraphs[:-1]
+    else:
+        return paragraphs
 
-def update_paragraphs_ui(paragraphs):
+def render_paragraphs(paragraphs):
     # 回傳一組 Textbox 元件
     return [gr.Textbox(value=p, label=f"段落{i+1}內容", lines=3, interactive=True) for i, p in enumerate(paragraphs)]
 
 def collect_paragraphs(*args):
-    # 收集所有段落內容
     return list(args)
 
 async def main():
@@ -120,32 +117,35 @@ async def main():
         with gr.Tab("播客製作"):
             gr.Markdown("### 📝 多段腳本輸入（可自由增減段落）")
             paragraphs_state = gr.State([""])
-            paragraphs_container = gr.Column()
 
-            # 初始渲染
-            paragraph_boxes = update_paragraphs_ui([""])
-            for tb in paragraph_boxes:
-                paragraphs_container.append(tb)
+            # 動態段落區塊
+            with gr.Column() as paragraph_column:
+                # 初始渲染
+                paragraph_boxes = render_paragraphs([""])
 
             add_btn = gr.Button("新增段落")
             remove_btn = gr.Button("刪除段落")
             clear_all_btn = gr.Button("全部清空")
 
-            def on_add(paragraphs):
-                new_paragraphs = add_paragraph(paragraphs)
-                return new_paragraphs, gr.update(components=update_paragraphs_ui(new_paragraphs))
+            # 段落增減/清空時，重新渲染段落區塊
+            def update_paragraph_ui(paragraphs):
+                paragraph_column.children = render_paragraphs(paragraphs)
+                return gr.update()
 
-            def on_remove(paragraphs):
-                new_paragraphs = remove_paragraph(paragraphs)
-                return new_paragraphs, gr.update(components=update_paragraphs_ui(new_paragraphs))
-
-            def on_clear():
-                new_paragraphs = clear_paragraphs()
-                return new_paragraphs, gr.update(components=update_paragraphs_ui(new_paragraphs))
-
-            add_btn.click(on_add, inputs=paragraphs_state, outputs=[paragraphs_state, paragraphs_container])
-            remove_btn.click(on_remove, inputs=paragraphs_state, outputs=[paragraphs_state, paragraphs_container])
-            clear_all_btn.click(on_clear, outputs=[paragraphs_state, paragraphs_container])
+            add_btn.click(
+                lambda p: (add_paragraph(p), update_paragraph_ui(add_paragraph(p))),
+                inputs=paragraphs_state,
+                outputs=[paragraphs_state, paragraph_column]
+            )
+            remove_btn.click(
+                lambda p: (remove_paragraph(p), update_paragraph_ui(remove_paragraph(p))),
+                inputs=paragraphs_state,
+                outputs=[paragraphs_state, paragraph_column]
+            )
+            clear_all_btn.click(
+                lambda: (clear_paragraphs(), update_paragraph_ui(clear_paragraphs())),
+                outputs=[paragraphs_state, paragraph_column]
+            )
 
             # 參數設定
             voice_input2 = gr.Dropdown(voices, label="選擇語音", value="zh-CN-XiaoxiaoNeural")
@@ -157,11 +157,8 @@ async def main():
             podcast_btn = gr.Button("生成播客")
             podcast_output = gr.Audio(type="filepath", label="生成的播客音檔")
 
-            def gather_scripts(*args):
-                return list(args)
-
+            # 播客合成
             def on_podcast_btn_click(*args):
-                # args: 段落內容 + 參數
                 n = len(paragraphs_state.value)
                 scripts = list(args[:n])
                 voice = args[n]
@@ -172,9 +169,9 @@ async def main():
                 desc = args[n+5]
                 return asyncio.run(podcast_produce(scripts, voice, rate, pitch, bgm, title, desc))
 
-            # 這裡需要用最新的段落數來組合 inputs
+            # 動態收集段落內容
             def get_inputs():
-                return [tb for tb in paragraphs_container.children] + [voice_input2, rate_input2, pitch_input2, bgm_input, podcast_title, podcast_desc]
+                return [tb for tb in paragraph_column.children] + [voice_input2, rate_input2, pitch_input2, bgm_input, podcast_title, podcast_desc]
 
             podcast_btn.click(
                 fn=on_podcast_btn_click,