Refactor figures_to_html to render SVG inline for better display and update initialization logic for dropdown choices in Gradio UI

app.py

@@ -550,16 +550,22 @@ def make_trend_figs_by_tag(
 
 def figures_to_html(figs_by_tag: Dict[str, go.Figure]) -> str:
     """
-    各 Figure を <div> で順番に並べた HTML を返す。
-    最初の図だけ PlotlyJS をCDNで同梱し、以降はスリムに。
+    各 Figure を SVG に変換してインラインで並べる（<script>不要で確実に表示）。
     """
+    if not figs_by_tag:
+        return "<p>図がありません。</p>"
     parts = []
-    first = True
     for tag, fig in figs_by_tag.items():
-        html = pio.to_html(fig, include_plotlyjs='cdn' if first else False, full_html=False)
-        parts.append(html)
-        first = False
-    return "<br>".join(parts) if parts else "<p>図がありません。</p>"
+        # 必要なら width/height/scale を調整可
+        svg_bytes = pio.to_image(fig, format="svg", engine="kaleido")
+        svg = svg_bytes.decode("utf-8")
+        parts.append(
+            f'<div style="margin:16px 0;border:1px solid #e5e7eb;border-radius:8px;padding:8px">'
+            f'<div style="font-weight:600;margin:4px 0 8px 0;">{tag}</div>'
+            f'{svg}'
+            f'</div>'
+        )
+    return "\n".join(parts)
 
 # ======================================
 # グローバル状態（UI間共有）
@@ -674,6 +680,10 @@ def render_any(process_name: str, items: List[str], display_mode: str, thr_mode_
 # ======================================
 # UI
 # ======================================
+init_msg, init_proc_update, _ = initialize_default_csv()
+init_value = init_proc_update.get("value") if isinstance(init_proc_update, dict) else None
+init_choices = init_proc_update.get("choices") if isinstance(init_proc_update, dict) else []
+
 with gr.Blocks(css="""
 .gradio-container {overflow: auto !important;}
 """) as demo:
@@ -699,10 +709,11 @@ with gr.Blocks(css="""
         label="表示形式"
     )
 
-    status_csv = gr.Markdown()
+    status_csv = gr.Markdown(init_msg)
     status_thr = gr.Markdown()
 
-    process_dd = gr.Dropdown(label="対象プロセス（3行ヘッダーの3行目）", choices=[])
+    process_dd = gr.Dropdown(label="対象プロセス（3行ヘッダーの3行目）",
+                             choices=init_choices, value=init_value)
     items_cb = gr.CheckboxGroup(label="表示する項目（3行ヘッダーの2行目）", choices=[], value=[])
 
     with gr.Row():
@@ -715,11 +726,7 @@ with gr.Blocks(css="""
     html_multi = gr.HTML(label="個別トレンド図（複数枚）", visible=False)
 
     # コールバック接続
-    # 1) 既定CSVの自動ロード
-    init_msg, init_proc_update, _ = initialize_default_csv()
-    status_csv.value = init_msg
-    process_dd.value = init_proc_update.get('value')
-    process_dd.choices = init_proc_update.get('choices', [])
+    # 既定CSVの手動代入は不要（生成時に付与済み）
 
     # 2) CSVアップロードで更新
     csv_uploader.change(