Update gradio_tabs/single.py

gradio_tabs/single.py

@@ -450,16 +450,18 @@ def create_synthesis_app(model_holder: TTSModelHolder) -> gr.Blocks:
     ]
     FN_MODE_MODEL_ORDER = [f"FN{i}" for i in range(1, 11)] # FN1, FN2, ... FN10 の順
 
+    # ▼▼▼ 変更: `align`引数と互換性のあるCSSを追加 ▼▼▼
     custom_css = """
     .audio-output-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; }
     .audio-item-column { flex-grow: 0 !important; flex-shrink: 0 !important; width: var(--audio-width, 250px) !important; background-color: #f8f9fa; padding: 8px; border-radius: 8px; border: 1px solid #dee2e6; }
     .dummy-column { border: none !important; background: none !important; padding: 0 !important; margin: 0 !important; }
     .compact-audio .wrap.svelte-1w9aqb2 { min-height: 40px !important; }
     .compact-audio audio.svelte-1w9aqb2 { height: 40px !important; }
-    .workbench-item-row { border-bottom: 1px solid #dee2e6; padding: 8px 5px; }
+    .workbench-item-row { border-bottom: 1px solid #dee2e6; padding: 8px 5px; align-items: flex-start !important; }
     .workbench-item-row .gr-form { flex-wrap: nowrap !important; align-items: center !important; gap: 8px !important;}
     .text-center { text-align: center; }
     """
+    # ▲▲▲ 変更 ▲▲▲
 
     with gr.Blocks(css=custom_css) as app:
         MAX_AUDIO_OUTPUTS = 4
@@ -604,34 +606,24 @@ def create_synthesis_app(model_holder: TTSModelHolder) -> gr.Blocks:
                 for i in range(MAX_WORKBENCH_ITEMS):
                     parent_column = left_workbench_col if i < ITEMS_PER_COLUMN else right_workbench_col
                     with parent_column:
-                        # ▼▼▼ 変更: キープアイテムのレイアウトを修正 ▼▼▼
-                        with gr.Row(visible=False, elem_classes="workbench-item-row", align="top") as item_row:
-                            # 番号表示
+                        # ▼▼▼ 変更: `align`引数を削除 ▼▼▼
+                        with gr.Row(visible=False, elem_classes="workbench-item-row") as item_row:
+                        # ▲▲▲ 変更 ▲▲▲
                             item_num_display = gr.Markdown(f"**{i+1}**", elem_classes=["text-center"], scale=0)
-
-                            # 音声プレーヤー (左側)
                             audio = gr.Audio(label=f"音声 {i+1}", interactive=False, type="filepath", scale=2)
-
-                            # 情報とボタンをまとめるカラム (右側)
                             with gr.Column(scale=3):
-                                info = gr.Markdown() # テキスト、モデル、スタイル情報
+                                info = gr.Markdown()
                                 with gr.Row():
                                     download = gr.DownloadButton("ダウンロード", size="sm", visible=False)
                                     delete_btn = gr.Button("削除", variant="primary")
-                        # ▲▲▲ 変更 ▲▲▲
                         
                         workbench_items.append({"row": item_row, "item_num_display": item_num_display, "audio": audio, "download": download, "info": info, "delete_btn": delete_btn})
                 
                 for item in workbench_items:
-                    # all_workbench_ui_componentsのリストには、update_workbench_uiで更新するコンポーネントのみ含める
                     all_workbench_ui_components.extend([item["row"], item["item_num_display"], item["audio"], item["download"], item["info"]])
 
 
-        # --- UIイベントハンドラ関数 (変更なし) ---
-        # (load_styles_for_ui, action_refresh_model_list, on_model_select_change, on_style_dropdown_select, 
-        #  action_run_synthesis, add_to_workbench, remove_from_workbench, action_merge_preview, 
-        #  action_add_merged_to_workbench など、ロジック関数は変更の必要がないため、省略します)
-        
+        # --- UIイベントハンドラ関数 (変更なしのため省略) ---
         def load_styles_for_ui(selected_model_name: Optional[str]):
             if not selected_model_name: return gr.update(choices=[], value=None), gr.update(value=DEFAULT_STYLE_WEIGHT), {}
             model_path = assets_root_path / selected_model_name
@@ -1034,6 +1026,7 @@ def create_synthesis_app(model_holder: TTSModelHolder) -> gr.Blocks:
             final_status = (current_status + "\n" + "\n".join(log_messages)).strip()
             return (final_status, final_workbench_list) + ui_updates
 
+
         # --- イベントリスナー接続 (変更なし) ---
         def on_fn_mode_change(is_fn_mode_on: bool) -> gr.Checkbox:
             if is_fn_mode_on: return gr.update(value=False)