排版重構 Phase 2：nav-col 真正的頁面切換模型

千卉確認的核心行為：情境選擇→上傳→格式驗證→Metadata→運算中這段流程
進行中，對話欄常駐顯示；點導覽列任何一個結果類項目（語言指標分析／
統計比較分析／LLM輔助分析／技術執行紀錄）互斥顯示、收起對話欄、
Canvas 佔滿寬度；點「AI對話」（原「回到上傳／表單」改名）對話欄彈回。
這是全新邏輯，取代 8-C/8-D「有資料就全部堆疊、使用者自己往下捲」的
舊行為（8-C 程式碼註解本來就把這個標成「8-D 待辦」，8-D 當時只做了
捲動+子分頁切換，沒真的做互斥頁面，這次補完）。

- 技術執行紀錄從手風琴（exec_log_accordion）轉正成獨立頁面
（canvas_exec_col），跟其他三個結果頁同一種 visible=True/False 語意，
不再需要 open/label 收合狀態邏輯，_accordion_update／_accordion_label
兩個函式跟著移除；nav-col 新增「技術執行紀錄」項目，跟主要三項用
分隔線＋降低視覺權重區隔
- 純 JS 實作（applyActivePage()，_APP_HEAD_SCRIPT）：在 .main-layout-row
設 data-page 屬性＋chat-collapsed class，canvas-scroll 底下 7 個直屬
區塊按頁面歸屬只清除或強制 inline display:none，絕不強制顯示——
Python 的 visible=False（資料是否存在）永遠優先，沿用 8-E 驗證過的
inline style 優先權技巧。延續這批 nav 按鈕「刻意不接 Python .click()」
的既有設計原則，不新增 Gradio queue 往返
- 「開始新分析」reset 流程新增把頁面狀態重置回 chat（.main-layout-row
這個 DOM 節點在 Gradio 重置時不會銷毀重建，data-page 不會自動清空）

兩個新踩坑：
1. Gradio 的 Svelte reactivity 在元件 visible prop 改變時會整個重寫
inline style（不是疊加，是覆蓋），把 JS 手動加的 !important 覆寫
一併洗掉——運算完成那一刻 canvas_idx_col 被 Python 設 visible=True
就會把我的 display:none 蓋掉，混進當前頁面。修法沿用 _watchZone／
_syncMobileHamburger 同一套輪詢自我修正手法，不奢求一次設定永久有效
2. .main-layout-row（gr.Row 本身）從來沒設過 flex-wrap:nowrap——三欄
各自「內部」的 nowrap 不影響 row 怎麼排這三欄。平常剛好不超版所以
從沒被觸發過，這次 canvas-col 拿掉 max-width 上限後，寬表格把
intrinsic 寬度撐到跟 nav-col 放不下同一行，觸發 Gradio 預設的
flex-wrap:wrap，canvas-col 整個換到 nav-col 下面，頁面被撐高、
nav-col 跟著被捲出視窗外。修法：main-layout-row 本身也要明確 nowrap

已用 Playwright 完整驗證：情境選定後預設在 AI對話頁；上傳→格式驗證→
Metadata略過→運算完成全程對話欄正確常駐、無結果內容洩漏；點語言指標
分析/統計比較分析(含4子分頁)/LLM輔助分析/技術執行紀錄皆正確切頁、
對話欄收起、Canvas佔滿、nav active高亮正確；點AI對話對話欄正確彈回；
reset後選新情境正確回到chat頁初始狀態；手機375px寬度漢堡抽屜點導覽
項目正確關閉抽屜+切頁；全程console 0 error。

app_agent.py

@@ -2256,27 +2256,16 @@ div[role="log"][aria-label="chatbot conversation"],
     text-underline-offset: 2px !important;
 }
 
-/* 技術執行紀錄 Accordion：視覺上接在對話視窗卡片下方，變成同一張卡片的
-   延伸「抽屜」而不是另一個獨立區塊——只留下方圓角，上緣邊框當作跟對話
-   視窗之間唯一的分界線 */
-#exec_log_accordion {
-    border: 1px solid var(--c-surface3-border) !important;
-    border-radius: 0 0 14px 14px !important;
-    background: var(--c-surface) !important;
-    box-shadow: none !important;
-    margin-top: 0 !important;
-}
-#exec_log_accordion .label-wrap {
-    color: var(--c-text-muted) !important;
-    font-size: var(--font-size-base) !important;
-}
+/* 2026-07-23：技術執行紀錄從 Accordion 轉正成獨立頁面（canvas_exec_col），
+   不再是接在對話視窗卡片下方的「抽屜」，改用跟 canvas_idx_col 等其他三個
+   結果頁共用的 .canvas-result class（已在 gr.Column 宣告時掛上），這裡不用
+   再另外寫專屬的卡片外框樣式，避免跟共用樣式重複定義出兩套外觀。 */
 
 /* 執行視窗（簡易訊息顯示欄，非對話氣泡） */
-/* 已經包在 Accordion 裡，Accordion 本身就有外框，這裡不再加第二層框線／底色，
-   避免卡中卡的雙重外框。原本這裡還設了 max-height + overflow-y:auto 讓內部
-   自己捲動，但整個頁面本身也會捲動，兩個捲動容器疊在一起、捲軸位置又離
-   得很近，看起來像「兩條捲軸」造成混亂——拿掉內部捲動限制，讓內容自然
-   撐開高度，只用頁面本身的捲軸，維持單一捲動體驗 */
+/* 原本這裡還設了 max-height + overflow-y:auto 讓內部自己捲動，但整個頁面
+   本身也會捲動，兩個捲動容器疊在一起、捲軸位置又離得很近，看起來像「兩條
+   捲軸」造成混亂——拿掉內部捲動限制，讓內容自然撐開高度，只用頁面本身的
+   捲軸，維持單一捲動體驗 */
 .exec-log {
     background: transparent !important;
     border: none !important;
@@ -2377,6 +2366,34 @@ div[role="log"][aria-label="chatbot conversation"],
     overflow-x: hidden !important;
     overflow-y: auto !important;
 }
+/* 2026-07-23：頁面切換模型。點結果類 nav 項目時 JS 會在 .main-layout-row
+   上加這個 class（見 _APP_HEAD_SCRIPT 的 applyActivePage()），對話欄收起、
+   Canvas 佔滿剩下的寬度。canvas-col 的 flex 要蓋過 Gradio 自己依 scale=7
+   算出的 inline flex-grow，才會真的補滿收起對話欄後空出來的寬度（同一類
+   問題 8-E 的 min-width 已經踩過一次，這裡沿用同一個「stylesheet
+   !important 蓋得過沒加 !important 的 inline style」原則）。
+   踩坑（新案例，跟 8-B 的 .column flex-wrap 是同一大類但這次是 .row 本身
+   從沒被設過）：.main-layout-row（gr.Row）本身從來沒設過 flex-wrap:nowrap
+   ——nav-col/chat-col/canvas-col 各自「內部」的 flex-wrap:nowrap 只管
+   它們自己的子元件怎麼排，不影響 main-layout-row 怎麼排這三欄本身。平常
+   三欄用 flex-grow 精準分配寬度、剛好不超版所以wrap從沒被觸發過；這次
+   canvas-col 拿掉 max-width 上限、又改用 flex-basis:auto 之後，內容較寬
+   的表格會把 canvas-col 的 intrinsic 寬度撐到跟 nav-col 放不進同一行，
+   Gradio 預設的 flex-wrap:wrap 就把 canvas-col 換到 nav-col 下面另起
+   一行——整個版面變成上下堆疊、頁面被撐到 1200px+ 高，捲動 canvas 內容
+   時連 nav-col 都跟著被推出視窗外。修法：main-layout-row 本身也要明確
+   nowrap，不能只顧內部三欄各自的 nowrap。 */
+.main-layout-row {
+    flex-wrap: nowrap !important;
+}
+.main-layout-row.chat-collapsed .chat-col {
+    display: none !important;
+}
+.main-layout-row.chat-collapsed .canvas-col {
+    flex: 1 1 auto !important;
+    max-width: none !important;
+    min-width: 0 !important;
+}
 /* Phase 8-C 踩坑：結果內容搬進 canvas-scroll 後，內容總高度遠超過
    canvas-col 給的固定 height，理論上該讓 canvas-scroll 自己捲動就好；但
    exec_log_accordion（技術執行紀錄）被壓縮成只剩標題列高度（22px），內容
@@ -2533,6 +2550,7 @@ img.button-icon { opacity: .82; }
     .nav-col.collapsed .nav-collapse-row { justify-content: center; }
     .nav-col.collapsed .scenario-buttons,
     .nav-col.collapsed .result-nav-accordion,
+    .nav-col.collapsed .result-nav-divider,
     .nav-col.collapsed .reset-confirm { display: none !important; }
     .nav-col.collapsed .reset-btn,
     .nav-col.collapsed .result-nav-btn {
@@ -2756,6 +2774,31 @@ img.button-icon { opacity: .82; }
     font-weight: 600 !important;
     color: var(--c-text-soft) !important;
 }
+/* 2026-07-23：頁面切換模型——目前使用者所在的那一頁在導覽列高亮，
+   applyActivePage() JS 幫對應按鈕加/移除這個 class。視覺先求「看得出
+   選中誰」��基本可用，細部樣式（跟 Bootstrap 借來的分組/層級規範）留給
+   下一輪 nav-col 視覺重做一起處理，這裡不重複做兩次。 */
+.result-nav-btn.active {
+    background: rgba(var(--c-accent-rgb),.10) !important;
+    color: var(--c-accent-strong) !important;
+    font-weight: 700 !important;
+}
+.result-nav-accordion.active .label-wrap {
+    color: var(--c-accent-strong) !important;
+    font-weight: 700 !important;
+}
+/* 技術執行紀錄：低優先度診斷工具，跟上面三個主要分析結果用分隔線＋
+   降低視覺權重區隔（字級/顏色都比照 result-nav-subbtn 而非 result-nav-btn）*/
+.result-nav-divider {
+    height: 1px;
+    background: var(--c-border);
+    margin: .5rem .3rem;
+}
+.result-nav-btn--muted {
+    font-size: .82rem !important;
+    font-weight: 500 !important;
+    color: var(--c-text-muted) !important;
+}
 /* 語料 Metadata 說明表單卡片 */
 .metadata-zone {
     border: 1px solid rgba(var(--c-accent-rgb),.40) !important;
@@ -3193,10 +3236,64 @@ _APP_HEAD_SCRIPT = """
         }
         [300, 800, 1500, 3000].forEach(function(t) { setTimeout(bindScenarioCards, t); });
 
-        /* Phase 8-D：左側結果導覽（result_nav_col）——純粹是「捲動到
-           Canvas 對應區塊＋切換巢狀子分頁」的畫面操作，不牽動任何後端
-           狀態，所以這幾顆按鈕在 Python 端完全沒有掛 .click()，改用這裡
-           的事件代理直接處理，不用走 Gradio queue 來回。
+        /* 2026-07-23：頁面切換模型。nav-col 的每個項目現在是真正的
+           「頁面」——結果類項目（語言指標分析／統計比較分析／LLM輔助分析／
+           技術執行紀錄）點進去時互斥顯示、收起對話欄、Canvas 佔滿寬度；
+           「AI對話」（原「回到上傳／表單」）點進去對話欄彈回、Canvas 顯示
+           上傳/表單/運算中內容。跟 8-C/8-D 的舊行為（有資料就全部堆疊、
+           使用者自己往下捲）完全不同：現在同一時間只顯示使用者當前選的
+           那一頁，不管其他頁有沒有資料。
+           技術做法：canvas-scroll 底下 7 個直屬區塊分成 5 組頁面歸屬
+           （upload_zone/metadata_zone/computing_zone 屬於 chat 頁；
+           canvas_idx/canvas_stat/canvas_report/canvas_exec 各自獨立頁），
+           JS 只清除或強制 inline display:none，絕不強制顯示——Python 那層
+           `visible=False`（資料是否存在的判斷，見 _populate_tabs）永遠
+           優先，這裡只負責「同一頁的東西藏起來，不動 Python 已經決定隱藏
+           的東西」（沿用 8-E 的 style.display='' / 'none' !important
+           技巧）。 */
+        var _PAGE_OWNED_IDS = {
+            chat:   ['upload_zone', 'metadata_zone', 'computing_zone'],
+            idx:    ['canvas_idx'],
+            stat:   ['canvas_stat'],
+            report: ['canvas_report'],
+            exec:   ['canvas_exec']
+        };
+        var _PAGE_NAV_IDS = {
+            chat: 'nav_top_btn', idx: 'nav_idx_btn', stat: 'nav_stat_accordion',
+            report: 'nav_report_btn', exec: 'nav_exec_btn'
+        };
+        function applyActivePage(page) {
+            var mainRow = document.querySelector('.main-layout-row');
+            if (!mainRow) return;
+            mainRow.setAttribute('data-page', page);
+            mainRow.classList.toggle('chat-collapsed', page !== 'chat');
+            Object.keys(_PAGE_OWNED_IDS).forEach(function (key) {
+                _PAGE_OWNED_IDS[key].forEach(function (id) {
+                    var el = document.getElementById(id);
+                    if (!el) return;
+                    if (key === page) {
+                        el.style.removeProperty('display');
+                    } else {
+                        el.style.setProperty('display', 'none', 'important');
+                    }
+                });
+            });
+            Object.keys(_PAGE_NAV_IDS).forEach(function (key) {
+                var btn = document.getElementById(_PAGE_NAV_IDS[key]);
+                if (btn) btn.classList.toggle('active', key === page);
+            });
+        }
+        function _initActivePageIfNeeded() {
+            var mainRow = document.querySelector('.main-layout-row');
+            if (!mainRow || mainRow.dataset.pageInit) return;
+            mainRow.dataset.pageInit = '1';
+            applyActivePage('chat');
+        }
+
+        /* 左側結果導覽（result_nav_col）——純粹是「切換頁面＋捲動＋切換
+           巢狀子分頁」的畫面操作，不牽動任何後端狀態，所以這幾顆按鈕在
+           Python 端完全沒有掛 .click()，改用這裡的事件代理直接處理，不用
+           走 Gradio queue 來回。
            注意：result_nav_col 建構時是 visible=False（跟 sc_btn_1..4
            一度踩過的坑同一類），如果比照 bindScenarioCards() 用
            setTimeout 抓固定��間點的按鈕，情境選定前按鈕還沒掛載，之後
@@ -3213,16 +3310,27 @@ _APP_HEAD_SCRIPT = """
             document.addEventListener('click', function (e) {
                 if (e.target.closest('#nav_top_btn')) {
                     closeMobileDrawerIfOpen();
+                    applyActivePage('chat');
                     var scrollBox = document.querySelector('.canvas-scroll');
                     if (scrollBox) scrollBox.scrollTo({ top: 0, behavior: 'smooth' });
                     return;
                 }
-                if (e.target.closest('#nav_idx_btn')) { closeMobileDrawerIfOpen(); scrollToId('canvas_idx'); return; }
-                if (e.target.closest('#nav_report_btn')) { closeMobileDrawerIfOpen(); scrollToId('canvas_report'); return; }
-                if (e.target.closest('#nav_stat_accordion .label-wrap')) { closeMobileDrawerIfOpen(); scrollToId('canvas_stat'); return; }
+                if (e.target.closest('#nav_idx_btn')) {
+                    closeMobileDrawerIfOpen(); applyActivePage('idx'); scrollToId('canvas_idx'); return;
+                }
+                if (e.target.closest('#nav_report_btn')) {
+                    closeMobileDrawerIfOpen(); applyActivePage('report'); scrollToId('canvas_report'); return;
+                }
+                if (e.target.closest('#nav_exec_btn')) {
+                    closeMobileDrawerIfOpen(); applyActivePage('exec'); scrollToId('canvas_exec'); return;
+                }
+                if (e.target.closest('#nav_stat_accordion .label-wrap')) {
+                    closeMobileDrawerIfOpen(); applyActivePage('stat'); scrollToId('canvas_stat'); return;
+                }
                 for (var i = 0; i < 4; i++) {
                     if (e.target.closest('#nav_stat_sub_' + i)) {
                         closeMobileDrawerIfOpen();
+                        applyActivePage('stat');
                         scrollToId('canvas_stat');
                         /* 注意：這版 Gradio 的巢狀分頁 DOM 結構是
                            .tabs > .tab-wrapper > .tab-container（兩個，
@@ -3318,6 +3426,16 @@ _APP_HEAD_SCRIPT = """
                     if (navCol2 && navCol2.classList.contains('collapsed')) setNavCollapsed(false);
                     closeMobileDrawerIfOpen();
                 }
+                if (e.target.closest('#reset_confirm_btn')) {
+                    /* 2026-07-23：真的按下「確定重新開始」才重置頁面切換
+                       狀態回 chat（不能在 #reset_btn 那支就做，那個只是
+                       打開確認彈窗，使用者還可能按取消）。.main-layout-row
+                       這個 DOM 節點在 Gradio 重置流程中不會被銷毀重建，
+                       data-page/chat-collapsed 這些 attribute 不會自動
+                       清掉，若不主動重置，下一次選新情境時畫面會直接卡在
+                       上一次分析結束前所在的那一頁。 */
+                    applyActivePage('chat');
+                }
             });
             document.addEventListener('keydown', function (e) {
                 if (e.key === 'Escape') closeMobileDrawerIfOpen();
@@ -3389,11 +3507,32 @@ _APP_HEAD_SCRIPT = """
             try { saved = localStorage.getItem('spectra_nav_collapsed'); } catch (err) { saved = null; }
             if (saved === '1') setNavCollapsed(true);
         }
+        function _reapplyActivePage() {
+            /* 踩坑（2026-07-23，全新踩坑類別）：applyActivePage() 用
+               el.style.setProperty('display','none','important') 隱藏
+               非當前頁區塊，理論上一次設定就該一直有效。但實測發現運算
+               完成後（_populate_tabs 把 canvas_idx_col 等設 visible=True）
+               canvas_idx/canvas_stat 又跑出來混進 chat 頁——代表 Gradio
+               的 Svelte reactivity 在元件的 visible prop 改變時，會自己
+               整個重寫該元素的 style 屬性（不是「疊加」而是「覆蓋」），
+               把我手動加的 inline !important 一併洗掉。這跟先前踩過的
+               「Python 的 gr.update 值改變時整個重新渲染」是同一個大類，
+               只是這次連 inline style 都被連帶清空，不只是 min-width 那種
+               單一屬性優先權的問題。修法沿用這個檔案一貫的解法：不奢求
+               一次設定永久有效，改成跟 _watchZone／_syncMobileHamburger
+               一樣搭這裡的輪詢，每 400ms 重新套用一次目前頁面對應的
+               隱藏規則，Gradio 重新渲染蓋掉的話下一個 tick 就修回來。 */
+            var mainRow = document.querySelector('.main-layout-row');
+            var page = mainRow && mainRow.getAttribute('data-page');
+            if (page) applyActivePage(page);
+        }
         setInterval(function () {
             _watchZone('upload_zone');
             _watchZone('metadata_zone');
             _syncMobileHamburger();
             _initNavCollapseIfNeeded();
+            _initActivePageIfNeeded();
+            _reapplyActivePage();
         }, 400);
     }
     if (document.readyState === 'loading') {
@@ -3540,7 +3679,7 @@ def create_app():
                     gr.Markdown("確定要開始新分析嗎？目前進度將會遺失。")
                     with gr.Row(elem_classes=["upload-actions"]):
                         reset_cancel_btn  = gr.Button("取消", scale=1, variant="secondary")
-                        reset_confirm_btn = gr.Button("確定重新開始", scale=2, variant="primary")
+                        reset_confirm_btn = gr.Button("確定重新開始", elem_id="reset_confirm_btn", scale=2, variant="primary")
 
                 # Phase 8-D：結果導覽——情境選定後顯示，讓使用者不用手動
                 # 往下捲一大段就能跳到 Canvas 對應區塊。這幾顆按鈕刻意不接
@@ -3551,8 +3690,14 @@ def create_app():
                 # 下一輪視覺打磨（Heroicons 圖示）一起補，這次先求導覽功能
                 # 正確可用。
                 with gr.Column(visible=False, elem_id="result_nav_col", elem_classes=["result-nav"]) as result_nav_col:
+                    # 2026-07-23 改名「AI對話」＋改變功能定位：原本純粹是
+                    # 「捲回 Canvas 最上面」的畫面操作，現在身兼「切回流程頁」
+                    # 的角色（見 applyActivePage() JS）——流程進行中（上傳/
+                    # 表單/運算中）對話欄常駐顯示，點結果類項目才收起；點
+                    # 這顆按鈕會讓對話欄彈回來。圖示維持 home（語意上仍是
+                    #「回到主要工作流程」，不用重畫新圖示）。
                     nav_top_btn = gr.Button(
-                        "回到上傳／表單", icon=str(BASE_DIR / "assets" / "icons" / "home.svg"),
+                        "AI對話", icon=str(BASE_DIR / "assets" / "icons" / "home.svg"),
                         elem_id="nav_top_btn", elem_classes=["result-nav-btn"], variant="secondary",
                     )
                     nav_idx_btn = gr.Button(
@@ -3573,6 +3718,16 @@ def create_app():
                         "LLM輔助分析", icon=str(BASE_DIR / "assets" / "icons" / "document.svg"),
                         elem_id="nav_report_btn", elem_classes=["result-nav-btn"], variant="secondary",
                     )
+                    # 2026-07-23：技術執行紀錄從手風琴轉正成獨立頁面（原本
+                    # exec_log_accordion 在 canvas-col 底部，現在跟其他三個
+                    # 結果頁同一種待遇）。用分隔線隔開，視覺上表達「低優先度
+                    # 診斷工具，不是主要分析結果」，避免跟上面三項混為一談。
+                    gr.HTML('<div class="result-nav-divider"></div>')
+                    nav_exec_btn = gr.Button(
+                        "技術執行紀錄", icon=str(BASE_DIR / "assets" / "icons" / "folder.svg"),
+                        elem_id="nav_exec_btn", elem_classes=["result-nav-btn", "result-nav-btn--muted"],
+                        variant="secondary",
+                    )
 
             with gr.Column(scale=3, min_width=280, elem_classes=["chat-col"]):
                 # 高度不再寫死 px，改用 CSS flex-grow 讓對話視窗跟輸入框依
@@ -3769,10 +3924,13 @@ def create_app():
                             file_count="multiple", interactive=False, visible=False,
                         )
 
-                    # 技術執行紀錄：Phase 8-B 從 chat-col 搬到 Canvas 底
-                    # 部，跟中段內容同一塊可捲動捲軸，非 sticky，點擊
-                    # 往下展開。
-                    with gr.Accordion("技術執行紀錄", open=False, elem_id="exec_log_accordion") as exec_log_accordion:
+                    # 2026-07-23：技術執行紀錄從手風琴（exec_log_accordion）
+                    # 轉正成獨立頁面，跟 canvas_idx_col/canvas_stat_col/
+                    # canvas_report_col 同一種待遇——不再需要 open/label
+                    # 收合狀態邏輯（原本靠 _accordion_update 控制），改用
+                    # 跟其他三個結果頁一樣的 visible=True/False 語意，交給
+                    # applyActivePage() JS 決定要不要顯示。
+                    with gr.Column(visible=False, elem_id="canvas_exec", elem_classes=["canvas-result"]) as canvas_exec_col:
                         exec_log = gr.Markdown(
                             value="",
                             elem_id="exec_log",
@@ -3792,6 +3950,7 @@ def create_app():
             canvas_idx_col, canvas_stat_col, canvas_report_col,  # 20-22 (visibility)
             tab_imp_file, tab_cluster_file,                      # 23-24 新增下載按鈕（僅能往尾端加，
                                                                   # 不可插入既有 index 中間，見程式工作守則）
+            canvas_exec_col,                                     # 25 技術執行紀錄轉正成獨立頁面（2026-07-23）
         ]
         _N_TAB = len(_TAB_OUTPUTS)
 
@@ -4004,28 +4163,6 @@ def create_app():
                 )
             )
 
-        # ── 技術執行紀錄摺疊面板：長時間運算（指標計算／統計分析／報告撰寫）
-        #    時自動展開，其餘時間收合，避免長時間等待時看起來像沒有反應，
-        #    但平常又不會有一堆技術字樣佔用版面。
-        #    收合時的標題列也會帶上最新一行技術紀錄的摘要，不用點開展開
-        #    就能掃一眼知道系統目前在做什麼 ──────────────────────────────
-        def _accordion_label(log_history):
-            if not log_history:
-                return "技術執行紀錄"
-            last_line = log_history.strip().split("\n\n")[-1]
-            last_line = last_line.replace("`›`", "").strip()
-            if len(last_line) > 34:
-                last_line = last_line[:34] + "…"
-            return f"技術執行紀錄　{last_line}" if last_line else "技術執行紀錄"
-
-        def _accordion_update(state, log_history):
-            if not state:
-                return gr.update()
-            return gr.update(
-                open=state.get("current_step") in (5, 6, 7),
-                label=_accordion_label(log_history),
-            )
-
         # ── Phase 8-D：Canvas 運算中提示（粗粒度階段文字＋轉圈動畫）─────
         # 沿用跟 _accordion_update 完全一樣的判斷（current_step 在 5/6/7 之間
         # 才顯示），不新增運算邏輯；用 gr.HTML() 單一元件承載，空字串＝不
@@ -4058,7 +4195,7 @@ def create_app():
         def on_scenario_pick(sc_num, chat_history, log_history, state):
             if state is None:
                 yield (chat_history, log_history, state, gr.update(), gr.update(), gr.update(), gr.update(),
-                       gr.update(), gr.update(), gr.update())
+                       gr.update(), gr.update(), gr.update(), gr.update())
                 return
 
             sc_info = SCENARIOS[sc_num]
@@ -4067,23 +4204,27 @@ def create_app():
             # 首頁一旦選定情境即隱藏，換成對話＋操作區（workspace_row）；
             # 結果導覽（result_nav_col）也在這時候一併顯示（雖然還沒有結果
             # 可跳轉，但導覽列本身跟開始新分析按鈕一樣是常駐的操作區塊）。
+            # 技術執行紀錄（canvas_exec_col）跟著同一時間顯示——它從一開始
+            # 就有內容（這段 log 本身），不像其他三個結果頁要等運算完成才有
+            # 東西可看，不用透過 _populate_tabs 的檔案存在判斷來決定可見性。
             # 這幾個 visibility 只需要在第一個 yield 就切換一次，後續 yield
             # 沿用 gr.update() 不動即可，不用每次都重複賦值。
             yield (chat_history, log_history, state, gr.update(), gr.update(), gr.update(), gr.update(),
-                   gr.update(visible=False), gr.update(visible=True), gr.update(visible=True))
+                   gr.update(visible=False), gr.update(visible=True), gr.update(visible=True),
+                   gr.update(visible=True))
 
             reply, state = handle_scenario_select(sc_num, state)
             log_history = _log_append(log_history, "✅ STEP 1 情境選擇完成")
             chat_history = chat_history + [_assistant_msg(reply)]
             yield (chat_history, log_history, state, gr.update(), _todo_update(state), gr.update(), gr.update(),
-                   gr.update(), gr.update(), gr.update())
+                   gr.update(), gr.update(), gr.update(), gr.update())
 
             # STEP 2：確認訊息已經導向上傳卡片的「格式要求」區塊，不再另外用
             # LLM 生成一則重複格式細節的引導訊息，避免對話視窗出現冗餘內容
             state["current_step"] = 2
             log_history = _log_append(log_history, "⏳ STEP 2 上傳引導中……")
             yield (chat_history, log_history, state, gr.update(), _todo_update(state), gr.update(), gr.update(),
-                   gr.update(), gr.update(), gr.update())
+                   gr.update(), gr.update(), gr.update(), gr.update())
 
             state["done_steps"] = [1, 2]
             state["current_step"] = 3
@@ -4097,14 +4238,14 @@ def create_app():
             )
             yield (chat_history, log_history, state, gr.update(visible=True),
                    _todo_update(state), gr.update(visible=False), gr.update(value=hint),
-                   gr.update(), gr.update(), gr.update())
+                   gr.update(), gr.update(), gr.update(), gr.update())
 
         for _sc_num, _sc_btn in (("1", sc_btn_1), ("2", sc_btn_2), ("3", sc_btn_3), ("4", sc_btn_4)):
             _sc_btn.click(
                 fn=functools.partial(on_scenario_pick, _sc_num),
                 inputs=[chatbot, exec_log, session_state],
                 outputs=[chatbot, exec_log, session_state, upload_row, app_header_html, scenario_btn_col,
-                         upload_hint_md, homepage_col, workspace_row, result_nav_col],
+                         upload_hint_md, homepage_col, workspace_row, result_nav_col, canvas_exec_col],
             ).then(
                 fn=_populate_tabs,
                 inputs=[session_state],
@@ -4136,7 +4277,7 @@ def create_app():
                 gr.update(visible=False),               # canvas_stat_col 統計比較分析
                 gr.update(visible=False),               # canvas_report_col LLM輔助分析
                 gr.update(visible=False),               # reset_confirm_row（關掉確認彈窗自己）
-                _accordion_update(state, new_log),      # exec_log_accordion（收合並更新摘要文字）
+                gr.update(visible=False),               # canvas_exec_col 技術執行紀錄（2026-07-23 轉正後，跟其他三個結果頁一樣重置為隱藏）
                 gr.update(visible=True),                # homepage_col（Phase 8：重新開始＝回到首頁選情境）
                 gr.update(visible=False),               # workspace_row
                 gr.update(value=None),                  # file_input（Phase 8：upload_row 變正式入口後一併清空）
@@ -4151,7 +4292,7 @@ def create_app():
             outputs=[chatbot, exec_log, session_state, app_header_html,
                      scenario_btn_col, upload_row, chat_upload, metadata_row,
                      canvas_idx_col, canvas_stat_col, canvas_report_col,
-                     reset_confirm_row, exec_log_accordion, homepage_col, workspace_row, file_input,
+                     reset_confirm_row, canvas_exec_col, homepage_col, workspace_row, file_input,
                      computing_html, result_nav_col],
         )
 
@@ -4244,9 +4385,12 @@ def create_app():
             return "\n".join(L)
 
         def _run_computation(chat_history, log_history, state):
+            # 2026-07-23：技術執行紀錄轉正成獨立頁面後，可見性只在情境選定
+            # （on_scenario_pick）與重置（on_reset_confirm）時切換一次，
+            # 這裡不用再逐步更新開合狀態／摘要標籤，改回傳 gr.update() 不動。
             log_history = _log_append(log_history, "⏳ STEP 5 計算語言指標中……")
             yield (chat_history, log_history, state, _todo_update(state),
-                   _accordion_update(state, log_history), _computing_update(state))
+                   gr.update(), _computing_update(state))
             for prog_msg, is_final, state in run_computation_pipeline_streaming(state):
                 if "指標計算完成" in prog_msg:
                     state["done_steps"] = list(set(state.get("done_steps", []) + [5])); state["current_step"] = 6
@@ -4262,7 +4406,7 @@ def create_app():
                 if is_final:
                     chat_history = chat_history + [_assistant_msg(prog_msg)]
                 yield (chat_history, log_history, state, _todo_update(state),
-                       _accordion_update(state, log_history), _computing_update(state))
+                       gr.update(), _computing_update(state))
 
         def _show_metadata_form(state):
             _NO = gr.update()
@@ -4347,7 +4491,7 @@ def create_app():
             # 在主對話視窗立即顯示「開始分析」訊息，避免長時間運算期間畫面看起來像沒有反應
             chat_history = chat_history + [_assistant_msg(_ANALYSIS_START_MSG)]
             yield (chat_history, log_history, state, gr.update(visible=False),
-                   _todo_update(state), _accordion_update(state, log_history), _computing_update(state))
+                   _todo_update(state), gr.update(), _computing_update(state))
             for ch, lh, st, todo, acc, comp in _run_computation(chat_history, log_history, state):
                 chat_history, log_history, state = ch, lh, st
                 yield chat_history, log_history, state, gr.update(visible=False), todo, acc, comp
@@ -4366,7 +4510,7 @@ def create_app():
                     meta_ngroups, meta_method, meta_group_df, meta_indiv_df,
                     chatbot, exec_log, session_state],
             outputs=[chatbot, exec_log, session_state, metadata_row, app_header_html,
-                     exec_log_accordion, computing_html],
+                     canvas_exec_col, computing_html],
         ).then(
             fn=_unlock_meta, inputs=None, outputs=[meta_confirm_btn, meta_cancel_btn],
         ).then(fn=_populate_tabs, inputs=[session_state], outputs=_TAB_OUTPUTS)
@@ -4379,7 +4523,7 @@ def create_app():
             log_history = _log_append(log_history, "⏭️ 已略過 Metadata，直接開始分析")
             chat_history = chat_history + [_assistant_msg(_ANALYSIS_START_MSG)]
             yield (chat_history, log_history, state, gr.update(visible=False),
-                   _todo_update(state), _accordion_update(state, log_history), _computing_update(state))
+                   _todo_update(state), gr.update(), _computing_update(state))
             for ch, lh, st, todo, acc, comp in _run_computation(chat_history, log_history, state):
                 chat_history, log_history, state = ch, lh, st
                 yield chat_history, log_history, state, gr.update(visible=False), todo, acc, comp
@@ -4390,7 +4534,7 @@ def create_app():
             fn=on_metadata_skip,
             inputs=[chatbot, exec_log, session_state],
             outputs=[chatbot, exec_log, session_state, metadata_row, app_header_html,
-                     exec_log_accordion, computing_html],
+                     canvas_exec_col, computing_html],
         ).then(
             fn=_unlock_meta, inputs=None, outputs=[meta_confirm_btn, meta_cancel_btn],
         ).then(fn=_populate_tabs, inputs=[session_state], outputs=_TAB_OUTPUTS)