分析運算面板加上「請保持前景、電腦勿休眠」提醒文字

低風險緩解措施，對應開發優化建議.md第一節提到的連線中斷問題：系統
目前沒有連線中斷後恢復進度的機制，先用文案提醒使用者在看到「分析
完成」前不要把分頁切到背景或讓電腦休眠。只在任一子階段status為
running時顯示，全部done/failed後自動隱藏，不干擾完成後的畫面。

Playwright 驗證：情境1（略過Metadata路徑）跑一次完整分析，提醒文字
在運算期間正確顯示、分析完成後正確消失，無 console/server error。

app_agent.py

@@ -3479,10 +3479,24 @@ def create_app():
                     f'<div class="analysis-row-body">{line}{entry}</div>'
                     '</div>'
                 )
+            # 2026-08-05：連線一斷、後端還是會照跑完，但前端畫面收不到任何
+            # 更新（見「開發優化建議.md」第一節選項C討論）。系統目前沒有
+            # 連線中斷後恢復進度的機制，只能先用文案提醒使用者在還沒看到
+            # 「分析完成」前，不要把分頁切到背景或讓電腦休眠。只在還有子
+            # 階段「進行中」時顯示，全部 done／failed 定案後就不需要了。
+            any_running = any(
+                A.get(k, {}).get("status") == "running" for k, _, _ in _ANALYSIS_STAGES
+            )
+            hint = (
+                '<p class="analysis-panel-hint">'
+                '⚠️ 分析運算期間請保持此分頁在前景、電腦勿休眠，直到看到「分析完成」為止，'
+                '避免連線中斷導致畫面卡住。</p>'
+                if any_running else ""
+            )
             return (
                 '<div class="analysis-panel">'
                 '<h2 class="analysis-panel-title">分析運算</h2>'
-                + "".join(rows) +
+                + hint + "".join(rows) +
                 '</div>'
             )
 

assets/app.css

@@ -1719,6 +1719,19 @@ img.button-icon { opacity: .82; }
     font-weight: 700 !important;
     color: var(--c-text) !important;
 }
+/* 2026-08-05：分析運算進行中的連線提醒，低視覺重量（跟標題/狀態列比起來
+   是次要資訊），用 warn 色系底＋左邊框做出「提示」語彙，不搶過主要內容。 */
+.analysis-panel-hint {
+    margin: 0 0 1rem 0 !important;
+    padding: .6rem .8rem !important;
+    border-left: 3px solid var(--c-warn) !important;
+    border-radius: 4px !important;
+    background: rgba(180,83,9,.08) !important;
+    font-size: .82rem !important;
+    line-height: 1.5 !important;
+    color: var(--c-text-muted) !important;
+}
+.dark .analysis-panel-hint { background: rgba(251,191,36,.10) !important; }
 .analysis-row {
     display: flex;
     flex-direction: column;