設計系統更新紀錄

工作台接上 V8 Vue 與版本化介面描述

• 本機 HTTP 已驗證設備借用表單、申請紀錄列表、日期追加、必填提示、篩選清除及分頁。服務失敗時保留上一版預覽。
• 已核對 1440×1000、390×844 深淺色，窄版列表在容器內捲動。Pages Functions 編譯通過，使用模擬上游回覆驗證 JWT、限流及描述驗證。Gemini 實際生成及行內測試群組存取待環境驗收。

建立玉山生成式UI平台

新增導覽列捷徑與獨立工作台。以虛構申請紀錄及本機規則模擬介面描述、篩選、分頁與追加日期區間。已通過語法及本機連結檢查，瀏覽器互動、Vue 元件與模型串接待驗證。

完成 Button 第一批 Token 套用與選擇元件短名相容

• V8 Button 的既有六種色彩變體、尺寸、Icon 間距與 disabled 改由 Token 控制；保留寬度 API、字體與操作語意。Dark 暫用由來源生成的 Light 控制項工程預覽，不列為正式 Figma Dark 驗收。
• Input、Checkbox、Radio、Switch 改用相容短名，保留既有局部覆寫；已確認四類元件 Dark 預覽的長短名值一致。
• 已驗證 Button 變體、尺寸、Icon、disabled、hover 透明度與鍵盤焦點，V8 建置通過。其他元件套用及完整互動驗收仍待逐批完成；站內 Storybook 靜態副本尚未同步，未部署。

提供 378 組內部 Token 開發短名

• 生成 --esi-* 與正式長名的對照及 CSS 別名；短名引用長名、不複製色值，保留 Figma 原名與正式長名相容。
• Token 對照表同欄顯示長短名，支援短名搜尋與下載對照；「命名與 collection」及「命名欄位對照」補入 esi 縮略規則、三層範例及 Namespace／相容說明。生成流程檢查命名碰撞及重複名稱。
• 瀏覽器驗證 378 組長短名在 Light／Dark、巢狀主題、動態切換、局部覆寫與子層繼承皆一致。任意局部長名覆寫需同元素加上 data-token-alias-scope；未加上者不保證短名重新解析。對照表已驗證 390px 深色搜尋及清除還原，未部署。

統一 Portal 與 V8 的 378 筆 Token 來源

• 生成流程共用離線匯出與已核對快照；V8 補入 Button 8 筆，Portal 與 V8 均補齊 Label 7 筆，Label 現為 21 筆。
• 依即時 Figma Variables 修正三筆 Reference 色彩的透明度，重新解析 alias，統一 hover overlay 的上游與元件解析值。
• 已通過資料一致性、alias 與透明度檢查，以及 V8 建置驗證；15 筆新增 Variable ID 與完整節點綁定仍待取得或驗收，Label Dark 值由既有 System alias 推導。

補入共用 Token 對應並區分收錄與驗收

• 記錄 Pagination／pager、Switch／switch-multi、Sheet／transfer 的前綴映射；補入側欄、麵包屑、下拉、日期、時間與穿梭框的共用 collection 關係。
• 資料對照與元件狀態檢核區分「已收錄」、「已有共用對應」與「工程／Figma 綁定待驗收」，不再因資料存在或 Legacy 入口就推定完成或缺少 Token。
• 已驗證桌面與 390px 窄版、搜尋、鍵盤分頁及深淺色切換。

完成逐筆引用與樣式控制位置追查

• 整理 378 筆 Token 引用位置與 selector、property、局部覆寫及固定色碼；瀏覽器抽查確認 Button 仍由固定色碼控制、Checkbox 有局部覆寫，Input 抽查值與 Token 一致。
• 本次完成資料同步與檢核；Vue 元件套用修正、esi 短名、站內 Storybook 靜態副本同步與完整 Figma Dark 驗收尚未完成，未部署 Cloudflare。

修正元件圖檔失效

• 版型、導覽列、頁籤圖標、彈窗及背景圖片改用 assets 固定路徑，解除對 Storybook 建置雜湊檔名的依賴。
• 已檢查元件頁全部 86 張圖片載入成功，以及共用 CSS 背景資產路徑；未部署。

新增 ICC 三個元件互動樣板

• 待處理案件列表、問題案件維護與結案狀態提供獨立入口，沿用信用卡樣板容器、字級與既有元件。
• 移除另加的品牌橫幅與大型圖示；操作使用虛構本機資料，重新整理還原。
• 已驗證查詢、分頁、編輯、頁籤、Escape 與桌面／窄版；未部署。

使用情境改為獨立詳情頁

• 信用卡與 ICC 卡片改連 pm_scenario.html，依 system 參數只顯示所選情境。
• 需求規劃首頁只保留四個共用章節，移除同頁展開內容；詳情頁提供返回入口及專屬畫面導覽，表頭共用需求規劃頁的字級、留白與深淺色橫幅背景。
• 已驗證卡片、返回、複製、重新整理、舊錨點轉址與窄版；未部署。

需求規劃共用章節與情境樣板分開

• 流程與畫面、設計系統選用、選用摘要移至頁面層級，初始即顯示並提供上方章節導覽。
• 信用卡樣板保留四個畫面及專屬導覽；ICC 三個畫面維持原結構，情境切換仍互斥。
• 已驗證共用章節、複製、情境切換、重新整理及桌面／窄版；未部署。

新增 ICC進件徵審系統情境線框

• 原櫃員交易管理系統入口更名，卡片沿用既有樣式；內容互斥顯示。
• 依三張參考畫面整理待處理案件列表、問題案件維護與結案狀態；共用信用卡樣板的版面與字級，並補齊導覽、表單、列表及操作元件指引。
• 已驗證展開／收合、Escape、章節錨點及桌面／窄版深淺色；未部署。

同步 03 文字輸入欄指南與狀態

• 依網站 Input 指南補齊用途、定位、Anatomy、型態、場景與 Do／Avoid；加入文字、搜尋、TextArea 互動與四種狀態矩陣。
• 補齊 label、錯誤訊息關聯、獨立 ID、鍵盤搜尋與停用行為，欄位引用既有 Input Token；修正深色搜尋圖示對比。
• 已建置、同步並驗證桌面／390px 窄版、深淺色、搜尋與章節切換，保留左側主選單。04–06、任務樣板及完整 Figma 綁定驗收另行處理；未部署。

更新 02 選擇元件與共用指南

• Radio／Checkbox 套用 24／16px 尺寸、10px 間距及四種狀態 Token，新增純控制項、互斥與多選範例。
• Switch 新增文字型態，三段切換補齊語意名稱與實例隔離；新增完整使用指南。
• 建置、站內同步及鍵盤互動驗證完成，章節切換保留主選單；Primary-delete 紅底白叉與三段配色已核對修正，中段為 #FF9900；同步修正鎖定態。Figma Dark 元件仍在規劃，工程預覽與正式規格範圍分開說明。

修正各文件頁右側章節目錄定位

• 共用程式補齊缺少的章節 ID，目錄點擊在預覽內捲動，保留左側主選單。
• 已建置、同步並驗證多個系統頁、Button、Color，以及鍵盤與側欄頁面切換。

統一 Storybook 右側章節目錄

• 全部 Docs 頁共用 200px 寬、左移 80px 的目錄規則，保留長文字換行及窄版隱藏。
• 已完成建置、站內同步與系統／元件文件頁抽驗。

同步系統 01 Color 色彩指南

• 依網站已核對的 Figma Color 定義，補齊 27 筆基礎色、38 個語意角色、Light／Dark 引用及四類色系用途。
• 完成 V8 建置並同步站內 Storybook，驗證桌面、窄版、深淺色及鍵盤章節導覽。
• 本次為 Color 文件更新；共用 Token 匯入、Button 深色差異與其他 Vue 元件套用仍另行追蹤。

依 Figma 更新 Color 並保留色系用途說明

• 整理 27 筆原始色票及 38 個語意角色，列出 Light／Dark 值與引用。
• 保留英文在前、中文在後，補充主要、次要、警示與輔助色系用途。
• Color 本頁依設計稿更新；全站 CSS、Variables 綁定與其他元件套用另行追蹤。

修正元件切換後重新整理回到總覽

• 統一保留所有元件入口的 view 與錨點，共用指南維持各自章節定位。
• 已驗證全部 32 個側欄入口重新整理、瀏覽紀錄前後切換、深層及既有錨點網址。

補齊 Icon Figma 使用指南

• 新增使用原則、元件定位、Anatomy、類型、狀態色彩、場景與 Do／Avoid，提供指南與正式圖庫來源連結。
• 保留 102 個 SVG 的搜尋、分類、尺寸、調色、複製及下載，修正白色圖標詳情預覽對比。
• 已驗證桌面、窄版、深淺色與互動；既有 SVG 與最新 Figma 的逐項比對及 Vue 同步仍待完成。

整合 Navigation 共用指南與元件來源

• 保留導覽列、側邊選單、麵包屑與分頁器入口，共用 Figma 使用原則、Anatomy、情境與狀態說明。
• 更新各元件 Figma 節點與 Vue 文件入口，補入公告及通知示範；完成桌面、窄版、深淺色與互動檢查。
• Navigation／Pager Token 標明舊快照已收錄，最新 Variables 綁定及 Vue 同步待核對。

補齊 12 進度條 Figma 使用指南

• 補入使用原則、元件定位、Anatomy、情境、型態與狀態說明，以及主／子流程與收合示範。
• 已驗證桌面、窄版、深淺色及鍵盤收合操作。
• Progress Token 的 Done／Current 色彩與指南圖例差異，待核對 Variables 綁定；Vue 尚待同步。

06 時間選單改用共用 Input 指南

舊網址與側欄入口均定位 TimePicker 章節，移除重複舊版說明，卡片加入 Figma Input 指南連結。已驗證 06 選取狀態、共用內容與時間輸入，未部署。

03／04／05 共用 Figma Input 指南

• 保留文字輸入欄、下拉與日期三個入口，整合為同一份指南，並定位對應功能範例；補入元件定位、Anatomy、功能、Status、場景與 Do／Avoid。
• 整理 Type、Search、TextArea、Select、DatePicker、TimePicker，提供 28 個狀態範例，保留原有搜尋與群組選單；三張卡新增已核對的 Figma Input 指南入口。
• 已驗證 1280×900 桌面、390×844 窄版深淺色、舊入口、搜尋送出／空結果、Select／日期輸入與焦點；Vue 四個 Docs ID 已核對。完整 Variables 與 Vue 同步驗收另行追蹤，未部署。

依 Figma 補齊選擇元件指南

• 閱讀 Radio Btn、Checkbox、Switch 三份 Designer guide，分別保留使用原則、元件定位、Anatomy、場景、Do／Avoid、變體及狀態；加入來源區與章節捷徑。
• 補齊大小尺寸、單選／多選與鎖定範例、Primary-delete 語意圖例、文字開關及三段切換；四個 Vue Docs 入口已與站內索引核對。
• 已驗證 1280×900 桌面、390×844 窄版、深淺色、方向鍵／空白鍵、文字與結果同步；無整頁水平溢出，主控台無警告錯誤。完整 Variables／深色對比與 Vue 同步仍待核對；未部署。

Token 列表完整顯示欄位

• 移除引用／型別欄；桌面取消固定最小寬度，依比例配置九欄並讓長名稱換行，760px 以下改為逐筆直式欄位。
• 已驗證 1280×900 桌面、390×844 窄版、按鈕與基礎分類及空搜尋結果；表格無水平溢出，主控台無警告或錯誤。未部署。

修正 Button Token 的共用狀態說明

• 重新確認 Figma Btn Variables 為 44 筆，Registry 與既有核對快照的名稱、Alias、Light／Dark 解析值一致。
• 17 筆尺寸與間距改標「共用（不分狀態）」；14 筆無狀態後綴色彩標為預設／共用，保留 11 筆 hovered 與 2 筆 disabled。未改動 Token 名稱或值。
• 已驗證分類、搜尋與清空還原、桌面及窄版顯示；其他元件及 System Dark 本次未重新逐筆核對。未部署。

補齊 Button 使用情境與狀態說明

• 依 Figma Designer guide 2383:421 補入使用原則、操作層級、元件結構、文案與七種色彩情境；新增 Fill／Outline、純文字／含 Icon 的 12 個狀態範例。
• 保留原始 Token 命名與已確認的 Icon 8px 間距，設計指南與工程套用待辦分開說明。
• 已檢查 1280×720 桌面、390×844 窄版深淺色、Tab 焦點及狀態表方向鍵捲動；無整頁水平溢出，主控台無警告或錯誤。未部署。

來源按鈕僅顯示實際對應入口

• 撤回未核對的共用 Figma 入口，只保留已核對的 Btn 1:35，按鈕顯示「Figma Btn」。Vue 僅使用站內索引精確對應的 26 個 Docs；沒有對應時不顯示按鈕或佔位。
• 按鈕改依圖示與文字自然寬度，保留 44px 高度；已核對索引 ID／標題與瀏覽器顯示數量，未部署。

卡片依內容收合並提供 Figma／Vue 入口

• 移除卡片 410px 最小高度及描述 68px 預留高度，圖例維持 158px；底部加入 44px 高、SVG 圖示加文字的 Figma／Vue 圓角入口。
• 28 張卡片均有兩個入口位置；26 個 Vue Docs ID 已與站內索引核對，標籤與右側標籤尚無文件，入口不可點擊。Figma 沿用現有來源，不宣告未核對節點已完成對應。
• 瀏覽器確認按鈕卡片於桌面由 410px 收合至約 364px；全部圖例高度未變，390×844 深淺色無水平溢出，鍵盤可聚焦來源入口，主控台無警告錯誤。未部署。

移除卡片不適用的 Token 待補標籤

• 依確認，組合頁面、標籤與選單不要求另外制定獨立 Token；卡片不再以 Token 筆數為零判定缺漏。
• 已於瀏覽器檢查全部 28 張卡片，Token 待補標籤為 0；保留既有 Token 資料與元件說明入口，未部署。

依現有元件說明修正 Guide 狀態

• 逐項核對 28 項：26 項已有站內元件說明，更新 manifest 的 Guide 狀態與實際區塊連結；標籤及右側標籤保留待補充。
• 修正 Registry 產生器固定覆蓋為 Guide 範本的問題，資料對照改連現有使用說明；卡片僅在真正缺少說明時顯示待補。
• 已核對 26 個本地頁面與區塊目標，瀏覽器確認卡片僅兩項待補 Guide、資料對照有 26 個使用說明連結。未部署。

釐清卡片狀態並移除重複連結

• 隱藏尚未填寫的「未定義」版本號與泛稱的整體治理標籤；狀態改為 Token 資料收錄、Storybook 索引對應及獨立 Guide 待補充，已完成的 Token 收錄、Storybook 索引對應及 Figma 核對不顯示標籤，卡片僅列缺少或待補充項目。
• 移除全部 28 張卡片底部的 Figma／Storybook／Token／Guide 等連結區；保留圖例與名稱導向元件說明，不變更原始治理資料。
• 已驗證 28 張卡片無底部連結區及佔位版本，桌面與 390×844 窄版淺深色、鍵盤進入 Button 說明與焦點移轉正常，主控台無警告錯誤。未部署。

元件卡片改為靜態圖例導覽

• 移除卡片內的真實互動元件與水平／垂直捲軸，改為完整容納的等比例靜態圖例；縮減留白、放大圖例，保留卡片高度。瀏覽器頁籤圖標直接使用元件頁的「基礎頁籤圖標樣式」截圖，等比例完整顯示，並修正用途文案；已驗證桌面與窄版。按鈕文字改為中心對齊，多選放大並並列勾選／未勾選狀態；輸入欄縮短，圖例文字由 14 調為 18。其餘圖例亦已檢查：單選補雙狀態，開關改為單一 Toggle 並將開／關文字分列左右，分頁、彈窗、表單頁籤與表單按鈕置中，輸入類及說明文字放大；桌面與窄版檢查所有已建立圖例的文字皆無超界，並驗證鍵盤進入元件區塊。
• 圖例與名稱可導向對應元件區塊；全部 28 項均有有效站內目標，標籤與右側標籤明確保留待補充狀態。
• 已驗證桌面、390×844 窄版、淺深色、點擊導向與焦點移轉，圖例內無表單控制項或捲動區，主控台無警告錯誤。未部署。

元件總覽預覽沿用實際分頁定義

• 檢查 28 張卡片，移除獨立簡化預覽樣式；26 項改取各元件分頁的實際範例與 class，Button 共用已核對的 Figma Token。標籤與右側標籤尚無站內視覺範例，明確標示待補充。
• 大型範例可於卡片內局部捲動，預覽設為 inert 並移除複製的識別碼及欄位群組名稱，避免影響原分頁操作。
• 已核對來源 selector 與計算樣式、搜尋重繪、桌面 1280×720／1440×1000、390×844 窄版與淺深色；窄版無整頁水平溢出，主控台無警告錯誤。未部署。

核對紀錄改為頁內閱讀

• 移除 Button 目錄直連維護用 Markdown 的入口，改為原生可展開核對摘要，保留完整 Token 對照入口；維護工作單仍保留於 md/。核對摘要統一為 14px 摘要標題、13px 內文與連結、1.7 倍行高，已於桌面及窄版確認。
• 已驗證桌面與 390×844 窄版展開、Space 鍵收合及無水平溢出。未部署。

修正來源入口按鈕文字垂直置中

• 共用 component-action 改為 Flex 置中，修正「44 筆 Token」與「Storybook（待同步）」同列被拉高時文字偏上的問題；保留既有字級、內距及 Figma 圖示。
• 已核對元件頁同類入口的計算樣式，並驗證桌面 1280×720／1440×900、窄版 390×844、鍵盤焦點與主題切換；三個來源入口的文字中心偏差為 0px，窄版無整頁水平溢出，主控台無警告錯誤。未部署。

依 Figma 核對 Button Token 與元件預覽

• Button Token 由 36 筆補齊為 44 筆，核對名稱、Alias 與 Light／Dark 解析值；補回 hover 色彩的 10% 透明度，Icon 與文字間距依確認採 8px。
• 按鈕目錄更新變體、尺寸、Icon 與狀態說明；樣式限定於 Button 目錄，其他元件 Token 維持原值。已驗證 1280×720、390×844、淺深色、Hover、鍵盤可見焦點與 Token 搜尋；主控台無警告錯誤。
• Figma 元件 gap 10px 與 Token 8px 的綁定差異、深色 Primary 文字對比、Focus／Loading／Error 工程驗收及 Storybook／任務樣板同步仍待補充。未部署。

移除基礎規範空泛入口

• 移除基礎規範頁及全站導覽、路由和專用樣式；版面系統搜尋改連元件／版型，Token 命名搜尋改連 Token 對照表。
• 尚未建立完整內容的內容設計、無障礙、名詞表及舊互動狀態搜尋入口移除；待補充項目保留於維護文件。
• 已核對 13 頁導覽與資產連結，驗證 1280×720、390×844 淺深色、搜尋結果實際跳轉、Enter 與 Escape；受測頁面主控台無警告錯誤。更新資產版本避免沿用舊搜尋程式，未部署。

調整 Token 入門閱讀與檢核分頁順序

• 通用命名規則移至頁籤上方，補入 Token、Alias、Collection 說明及實例；原元件與狀態對照更名為「Token元件命名與狀態檢核」，移至第一分頁並設為首次開啟預設。
• 已驗證桌面 1280×720、窄版 390×844、淺深色及方向鍵切換；按鈕分類維持 36 筆，窄版無整頁水平溢出，主控台無警告錯誤。未部署。

修正 Token 分類沿用搜尋導致空清單

• 點選分類時清除先前搜尋及 URL 條件；結果摘要顯示目前搜尋詞，另提供清除搜尋操作。
• 已重現並修正 /selected 切換按鈕分類顯示 0 筆的問題；逐項核對 14 個分類列數，按鈕恢復完整 36 筆。已驗證 1280×720 與 390×844、淺深色及清除操作，主控台無警告錯誤。未部署。

補充 Token 命名與元件狀態查找

• 新增命名欄位、狀態詞彙、28 個元件來源對照及待補充執行步驟；資料存在與完整性分開呈現，正式來源核對維持待補充。
• 支援跨分類中文多關鍵字搜尋、精確狀態連結、預設 alias 引用及解析後 Light／Dark 值；修正未明示狀態與既有部位解析。
• 已驗證 1280×720、390×844 淺深色、搜尋及空結果、方向鍵頁籤、狀態連結與表格局部鍵盤捲動；JavaScript 檢查通過，主控台無警告錯誤。未部署。

移除樣式頁面

• 移除獨立樣式頁及全站導覽入口，清理專用路由、示例 Token 清單、互動與樣式；Token 查閱與治理沿用 Token 對照表。
• 已檢查全站導覽連結與 JavaScript 語法，並以瀏覽器確認 1280×720 桌面及窄版導覽、頁面切換與淺深色主題；受測頁面主控台無警告或錯誤。未部署。

移除設計資源頁的畫面樣板列表

• 移除四筆畫面樣板列表與對應章節導覽；保留上方樣板資源卡，入口改連需求規劃。
• 已於瀏覽器確認區塊移除、沒有殘留失效錨點。

統一 Figma 連結圖示

• 設計資源頁的 Figma 章節與設計檔連結，以及元件目錄的 Figma 連結，統一使用 assets/component-icons/icons/Figma_icon.svg，保留文字名稱與原始色彩。設計資源的三個章節入口統一為 44px 高並置中對齊，已於瀏覽器確認三者中心線一致。修正內容容器與導覽上方間距疊加，桌面及窄版皆縮為 32px，沿用既有左右內容基準。
• 已驗證設計資源頁及 28 個元件 Figma 連結圖示載入、390px 窄版無水平溢出、深色模式不套用變色濾鏡；主控台無警告或錯誤。

新增設計資源分頁

• 以四張卡片集中設計基礎、UI 元件庫、畫面樣板與圖標；補充既有 Figma 來源、連結複製、權限說明、四個樣板入口與 SVG 圖標包下載。
• 15 個頁面同步新增主要導覽，首頁 UXUI Designer 卡片改連設計資源；沿用全站版面與主題，桌面四欄、窄版單欄。
• Figma 共用節點標示為待核對，精確元件／畫面、正式版本與 .fig 檔維持待補，沒有宣告設計來源已完成對應。
• 已驗證 1280×720 桌面、390×844 窄版與淺深色、導覽所在頁、章節連結、鍵盤複製回饋、四個樣板入口及圖標包實際下載；連結與 JavaScript 檢查通過，主控台無警告錯誤，未部署。

精簡 01–04 區塊與元件指引

• 各指引改為簡短用途與必要操作規則，刪除重複欄位及長篇說明；保留元件與權益核對文件連結。
• 統一指引標題，完整案件欄位保留於獨立樣板。已於瀏覽器確認四份指引結構及 01 桌面版面。

一般作業流程對齊經辦案件列表

• 移除 PM 04 的「流程待確認」灰色說明卡，以及「案件歸類與操作」標題與說明。
• 一般作業流程第 4、5 項整合為「04 經辦個人案件列表」，涵蓋分類、明細、歷程、退回補件、婉拒通知、送審進度及已完成結果；流程縮為四項。
• 已於本機瀏覽器確認指定區塊移除及四項流程文字。

新增 04 經辦個人案件列表互動樣板

• 新增獨立案件列表樣板，沿用既有表單頁籤、資訊列表、分頁器與單選元件；三類案件各提供完整欄位、分頁、唯讀明細與處理歷程。
• PM 04 增加右側開啟按鈕，Wireframe 仍維持簡化線框；返回連結自動展開並定位 04。同時移除 03 指定的「需補設計／確認」灰色說明卡。
• 已比對 components 表單類型的字型、14px 字級、20.3px 行高、儲存格內距與 48px 列高；驗證 1280×720 桌面、390×844 窄版及淺深色、頁籤鍵盤切換、分頁保留、明細／歷程與 Escape 還原焦點、無資料／失敗重試及局部鍵盤捲動。主控台無警告或錯誤。
• 使用虛構快照資料，未串接銀行案件系統；正式分類、通知結案及操作權限待專案確認，未部署。

04 改為經辦個人案件列表

• 保留左側 Wireframe／右側元件指引，改為待處理、送審中、已完成三個表單頁籤，分別補齊十個欄位及虛構案件示例；以簡化線框示意分類與列表，完整欄位列於右側指引。
• 補充退回補件、婉拒待通知及婉拒結案的分類與操作說明；實際結案時點、權限與期限規則仍待確認。頁籤、案件操作及分頁均為靜態 Wireframe 示意；真實元件與互動留待獨立樣板頁面。
• 已檢查 04 沿用與 01–03 相同的 Wireframe 容器、區域與表格示意樣式，移除真實元件 class 及頁籤切換程式；JavaScript 語法檢查通過，瀏覽器視覺驗證尚待完成。

移除確認／異動比對參考卡

• 移除 PM 需求規劃頁「04 確認／異動比對」的 Wireframe、元件指引及複製按鈕；原「05 作業結果與歷程」改為「04」。
• 已檢查頁面區塊與編號；瀏覽器預覽受本機檔案網址政策限制，尚未完成視覺驗證。

新增 03 權益方案編輯互動樣板

• 第 03 區塊新增右上入口，沿用 01／02 的按鈕排列；新增 plan-editor.html，少內容與多內容填寫表單直接沿用元件頁結構，保留 135px／105px 標題欄、34px 輸入欄與跨欄設定。
• 初始提供虛構方案，支援新增／異動、指定客群、必填與日期／數值檢查、清空與帶入、草稿還原、內容預覽及 Escape 返回編輯。未串接銀行系統或正式送審，草稿僅本次預覽有效。
• 表單按鈕依已確認規範使用 220px／320px、48px 高度、20px 間距及 16px 一般字重；元件頁與樣板共用已記載的 formBtnContainer twoSize class。新增元件對照文件。
• 已驗證 1440×1000 桌面、390×844 深淺色、表單區域水平捲動、實際 CSS 對照、各項檢查、草稿與預覽回程，以及 03 入口與返回錨點。無整頁水平溢出或主控台警告錯誤，JavaScript 語法檢查通過。Portal 修改未涉及 V8，未執行 npm run check 或發布。

顧客基本資料與權益列表統一文字層級

• 顧客基本資料改用與下方統計一致的圓角區塊與左側標題線，移除原本標題底部粗線。標題為 18px，內文字型、14px 字級、400 字重、20.3px 行高與正常字距均與資訊列表比對一致。
• 維持唯讀標籤／文字及緊密兩欄排列，不加入儲存格框線。瀏覽器已確認桌面及 390×844 深色窄版九項資料、無整頁水平溢出或主控台警告錯誤。

02 權益統計直接採用表單類型的資訊列表

• 依提供的元件截圖，改用相同的圓角規範區塊、左側標題線與直接子層資訊列結構；移除 02 原本的 table 轉接，沿用來源灰色標題列、48px 列高、留白及框線。
• 示例前兩列淺黃未讀、第三列淺綠選取並帶 5px 左線，其餘使用一般交錯列；點擊或 Enter／Space 切換選取。底色表示閱讀／選取狀態，消費達標仍依文字呈現。
• 已驗證六列五欄、鍵盤選取、無資料、失敗重試、390×844 窄版與深色及表格區域鍵盤捲動；無整頁水平溢出或主控台警告錯誤。JavaScript 語法檢查通過，未涉及 V8 建置或發布。

修正 01／02 資訊列表與元件頁的呈現差異

• 依 components.html 表單類型的資訊列表核對：標題欄改靠左，操作欄置中，保留來源粗體、48px 列高及 8px／11px 儲存格留白。統計說明移至表格外，灰色標題列直接接外框。
• 修正 tbody 分組造成的交錯底色偏移，第一筆資料白底、第二筆淺灰；保留 hover、未讀及淺綠選取列與 5px 左側標記。查詢列可點選，姓名／查看仍進入對應顧客資料，Escape 恢復原操作焦點。
• 瀏覽器已比對來源與樣板的實際列高、標題對齊、留白及選取狀態，檢查桌面、390×844 窄版深淺色與表格內捲動，無整頁水平溢出或主控台警告錯誤。僅完成 01／02 修正，未變更 03–05 流程。

查詢及權益互動樣板沿用站內元件樣式

• 逐項比對元件頁後，按鈕、Radio、輸入欄、麵包屑、資訊列表、分頁及 Loading 改用共用元件 class；移除樣板自訂外觀覆蓋，保留欄寬、緊密唯讀資料及窄版配置。按鈕及 Radio 的主要實際樣式值已與元件頁比對。
• 顧客摘要採表單標題與唯讀資訊排列，不套用員工資訊小卡；標籤目前缺少完整可重用樣式，先以文字呈現，不將目錄縮圖當成正式元件。新增樣板元件對照文件，同步修正指引連結。
• 元件頁與樣板共用麵包屑結構，更換失效的 Storybook 雜湊箭頭路徑；補齊 Radio 鍵盤焦點、深色線框按鈕及箭頭可讀性。既有元件頁已檢查。
• HTTP 已驗證 1440×1000 桌面、390×844 窄版深淺色、查詢空值、Enter 送出、處理中停用與 Loading、查無資料、失敗重試、權益三種結果、方向鍵切換、同 ID 不同顧客、第二頁返回與 Escape 焦點恢復；無整頁水平溢出或主控台警告錯誤。JavaScript 語法檢查通過。Portal 共用樣式沿用，未載入 Vue 套件；V8 原始碼未變更，未執行 npm run check。

新增顧客權益互動預覽與第 02 區塊入口

• 第 02 張卡片右上方新增與 01 同樣式的「開啟顧客權益列表樣板」按鈕，直接開啟 customer-query.html?preview=benefits#query-detail。
• 顧客姓名及查看操作均可帶入所選列的基本資料與示例額度，相同 ID 的顧客仍分開對應；權益列表沿用緊密的唯讀資料及五欄統計表。
• 提供載入、有資料、無權益資料、失敗及重試；返回或 Escape 保留查詢條件、頁碼及操作焦點。全部使用虛構資料，未串接銀行或實際資格計算。
• HTTP 已驗證按鈕直達、甲乙丙資料對應、第二頁返回、Enter 查詢與空值提示、權益三種狀態、方向鍵切換及原查詢重試流程；檢查 1440×1000 桌面、390×844 窄版深淺色、表格內鍵盤捲動，無整頁水平溢出或主控台警告錯誤。Portal 修改未涉及 V8，未執行 npm run check。

縮減顧客基本資料卡的行高與間距

• 限定第 02 張 Wireframe 的基本資料區：維持 13px 字級，行高由 23.4px 改為 19.5px，列上下 padding 由 4px 改為 2px、列間距由 4px 改為 2px，縮減標題及區塊留白。
• 1440×1000 桌面卡片高度由約 268px 降至 206px；390×844 窄版已確認九項資料與長文字正常換行，無整頁水平溢出。

消費門檻欄改為單一適用值

• 移除並列多組「或」條件及解釋，門檻／期間欄改為每項單一值，例如 NT$30,000／60 天；維持示例資料標示與左右雙欄。瀏覽器已逐列確認六項門檻欄的實際顯示。另移除右側「資料呈現待確認」整個說明區塊，已確認移除後的頁面。

權益額度改為單一可用結果

• 額度欄僅顯示可用次數、0 或未達消費門檻，移除年度上限、多種額度及條件說明；同步調整達標狀態與已用／剩餘示例，表格註明為介面示例資料。
• 桌面已確認五欄及左右對照，窄版保留表格內捲動。

精簡權益統計並恢復左右對照

• 顧客權益列表移除「目前實績」欄，消費門檻／期間與權益額度改為數字摘要；完整規則及來源保留於資料核對文件。維持五欄六項權益，不填入虛構顧客資格。
• 恢復與 01 相同的左側 Wireframe、右側元件指引；桌面表格可完整顯示，窄版單欄並於表格內橫向捲動。
• HTTP 已檢查 1440×1000 桌面及 390×844 窄版深淺色、五欄六列與鍵盤捲動，無整頁水平溢出或主控台警告錯誤。

顧客權益列表改為唯讀資料與世界卡權益表格

• 第 02 張 Wireframe 承接顧客查詢結果，更新麵包屑為「權益管理 / 顧客權益列表」，基本資料採標籤與文字，移除輸入框及編輯操作。
• 依玉山銀行世界卡公開條款整理六項權益，機場停車與市區停車分列；完整寬度表格呈現門檻／認列期間、實績、達標狀態、額度及使用情形，下方對應表格、標籤等元件。逐項附官方來源，另新增權益資料核對文件。
• 未取得會員等級、交易與使用紀錄時保留「待確認」及「—」，不代表實際未達或剩餘零次；道路救援與保險條件分別呈現。此次僅調整 Wireframe 與指引，未串接內部資料或修改獨立互動樣板。
• HTTP 已驗證 1440×1000 桌面、390×844 窄版深淺色、六列六欄與鍵盤橫向捲動，無整頁水平溢出或主控台警告錯誤。複製入口回報成功，實際剪貼簿貼上仍待人工確認。

第 04 區塊聚焦 PM／BA 設計選用

• 移除 Designer、RD、SA 的交付與驗收工作內容，改為 PM／BA 的設計選用摘要：畫面參考、元件選用、需調整或補設計、來源與參考連結；同步更新章節導覽、標題及複製按鈕文案。四項摘要改為圓角卡片，桌面一列四欄、1000px 以下兩欄、760px 以下單欄。移除第 05 情境差異與延伸需求整段及其導覽連結。
• HTTP 已確認錨點跳轉、1440px 桌面四欄同列、900px 兩欄及 390px 窄版深淺色閱讀，無整頁水平溢出或主控台警告錯誤。複製入口回報成功，實際剪貼簿貼上仍待人工確認。

設計系統選用檢查改為流程卡片

• 八項檢查改為圓角卡片，以編號、短標題及精簡說明呈現；桌面兩列四欄，箭頭由 01 向右至 04、向下接 05，再向左至 08。1000px 以下依 01–08 向下排列。
• 維持 16px 小標題與 14px 內文，淺深色均提供清楚箭頭；保留參考連結與複製入口，複製程式略過視覺編號以避免重複。
• HTTP 已檢查 1440×1000 桌面及 390×844 窄版、深淺色、八張卡片的閱讀順序與無整頁水平溢出，主控台無警告或錯誤。複製按鈕回報成功；工具剪貼簿未取得內容，實際貼上仍待人工確認。

新增顧客查詢／權益列表參考樣板

• 新增獨立樣板頁，提供顧客 ID／統編輸入、查詢、清除、列表分頁及原頁明細展開；使用虛構資料，不串接銀行系統。
• 示範結果改以 Radio button 選擇有結果、查無資料及查詢失敗，選取後按查詢套用；已驗證三種結果與方向鍵切換。體驗處理中、欄位未填、保留條件、重試與清除等回饋；頁面附區域與元件指引、互動規則及待確認範圍。
• 顧客查詢頁的元件指引與互動規則沿用需求規劃頁字級：內文、連結、條列 14px／1.8 倍行高，小標題 16px；說明卡內文維持 13px。已比對瀏覽器實際字級，檢查桌面及 390px 窄版深淺色，無整頁水平溢出。
• 查詢結果與 Wireframe 同步改為顧客姓名、顧客 ID、開戶分行、負責理專姓名、操作五欄；保留同 ID 不同姓名的示例資料，查看明細對應各列姓名、分行及理專。已驗證分頁、個別明細與窄版容器內橫向捲動，無整頁水平溢出。
• 六張使用情境卡片移除底部元件捷徑；信用卡卡片保留標題、查看樣板提示與情境簡介，移除重複的顧客查詢連結。獨立顧客查詢樣板入口保留於展開後的查詢列表參考區，改為右上方 14px 按鈕樣式，與「01 查詢列表」標題同列；桌面內距 24px、說明與下方內容間距 20px，窄版內距 16px 並將按鈕換至說明下方；移除該區重複的「互動與狀態」與「需補設計／確認」文本，保留區域與元件指引。已驗證桌面／窄版靠右排列、無水平溢出，以及按鈕連至顧客查詢頁。
• 樣板展開後的標題移除焦點外框，保留程式焦點與閱讀位置；已驗證滑鼠卡片跳轉及 Enter 展開，Tab 後的收合按鈕仍有可見焦點提示。
• 顧客查詢輸入欄桌面縮為 280px、高度維持 34px，清除與查詢按鈕接在欄位後方並排；窄版自動換行。查詢列表 Wireframe 同步將按鈕與輸入欄位排於同列，空間不足時換行；已確認桌面底部對齊及窄版無整頁水平溢出。已實測查詢、清除、空值提示及窄版深色畫面，無水平溢出。
• HTTP 本機預覽已驗證 Enter 查詢、分頁、明細與 Escape 焦點還原、無資料、失敗重試、修改條件及清除；檢查 1440×1000 桌面及 390×844 窄版深淺色，修正窄版欄位標籤裁切，無整頁水平溢出，主控台未見警告或錯誤。直接開檔驗證尚待人工確認；未修改 Storybook、未部署。

新增 PM 需求規劃任務入口

• 首頁 PM 卡片改連需求規劃頁；各頁主要導覽同步新增需求規劃入口。
• 提供六種銀行內部系統情境卡片：信用卡權益、櫃員交易、顧客關係、授信／貸款、客服與客訴、行銷活動與名單管理；桌面兩列三欄，窄版單欄。附典型任務與參考元件，可查看用途、限制及 Registry 的來源治理狀態；未確認資源維持待補標示。
• 信用卡權益管理／新增與異動方案已建立待討論的固定文本樣板。點擊信用卡卡片後於原頁展開 02 流程與畫面、03 設計系統選用、04 交付與驗收、05 情境差異；移除填寫表單及勾選進度，四段文本可直接複製，其他五種情境文本待建立。
• 02 新增查詢列表、方案明細、編輯表單、異動比對、作業結果與歷程五張畫面參考卡；以 A／B／C 區域對照站內元件與選用理由，列出互動狀態及需補設計事項。03 改為 PM／BA 的設計系統選用檢查；每張指引及完整文本均可複製。
• 01 查詢列表改為顧客 ID／統編輸入後查詢權益，頁面路徑對應麵包屑；查詢條件對應文字輸入欄與按鈕，結果列表對應表格／Sheet，分頁對應分頁器。複製文本與元件跳轉已確認。
• HTTP 預覽已實測入口跳轉、情境卡片展開、收合／Escape 與焦點還原、四段文本複製，以及 1440×1000 桌面／390×844 窄版的淺深色畫面，主控台無警告或錯誤。直接開檔驗證尚待人工確認；未部署。

首頁全站搜尋與精準跳轉

• 首頁搜尋改為直接輸入，結果於常用搜尋下方在原頁面展開；接通四個常用搜尋，支援中英文、別名、全半形正規化，以及元件、Token、規範與 Icon 類型篩選。
• 結果使用現行 Registry、站內規範與已發布 Icon；可切換元件分類、篩選 Token collection／資料列、定位規範章節及精確篩選 Icon。
• 已驗證即時查詢、類型篩選、清除查詢、方向鍵與 Enter 跳轉、Escape 收合結果；頁面可繼續捲動及操作，Tab 使用正常頁面順序。HTTP 預覽已檢查 1440×1000 桌面深色與 390×844 窄版淺色。
• 搜尋結果區寬度調整為 800px；搜尋專屬空狀態移除共用 60px 內距，桌面單筆結果與無結果整體高度同為 223.5px，390px 窄版無水平溢出。
• 直接以 file:// 開啟的瀏覽器驗證受工具 URL 安全政策限制，尚待人工確認；本次未部署。

完成元件與表單的 V8 Storybook 文件建置

• 完成元件 01 按鈕至 13 提示工具的 Story、Docs 與互動範例；新增快速撥號與穿梭框，並補齊進度條與提示工具的文件入口。
• 選擇元件已拆分單選、多選、切換與多元切換的獨立 Story Meta，Controls 與 Autodocs 會對應各元件自身 API；尺寸與狀態依既有規範調整。
• 按鈕、資訊小卡、Loading、Popup、圖標、CSS／JS 與 Design Token 頁面已完成本輪視覺與互動調整；系統文件與 Design Token 的 Light／Dark 切換、文字對比、欄位寬度與預覽外框已校正，工具列切換會即時同步至系統 Docs，系統頁右側目錄的位置亦已校正。
• 本次 V8 靜態建置及站內發布副本已成功完成；靜態索引共 35 個 Docs、93 個 Stories。遷移狀態頁的治理資料待來源更新後另行校正，未列為本次完成項目。

DS_Internal 入口與 Registry 對齊 V8 Storybook

• Registry 產生來源已改為 V8 靜態索引，元件與表單連結均使用實際 Docs ID 產生，不再使用舊版 元件總覽 ID。
• 28 個元件跨來源入口中，26 筆已驗證可開啟對應的 V8 Docs；尚無 V8 文件的標籤與右側標籤明確顯示為「待補 Story」。
• 元件目錄中的 01 至 13 元件及表單入口，已對應至 V8 Docs；選擇元件分別導向單選、多選與切換的獨立文件。
• 發布版不再直連未隨網站部署的舊版 Design Guideline；舊版規範僅標示為維護來源，避免 Cloudflare 出現無效連結。

元件前七項改為獨立視覺規範頁

• 元件側欄的 01 按鈕至 07 分頁器，已改用與系統項目相同的完整規範編排，不再顯示通用治理卡。
• 按鈕已呈現色彩、線框、尺寸、長度、圖示與不可操作狀態；選擇元件已呈現單選、多選、大小尺寸、切換與三段切換；文字輸入欄已呈現一般、disabled、帶搜尋按鈕與範圍輸入狀態。
• 下拉選單已呈現基本、搜尋、群組搜尋與 disabled 狀態；日期與時間選單已呈現可操作欄位與 disabled 狀態；分頁器已呈現多頁、少頁與輸入頁碼三種可切換範例。
• 各項均保留 Storybook 與舊版 Guideline 的來源入口；舊版使用的 Select2、jQuery UI 與 Kendo 僅標示為歷史實作，本頁改採無相依的原生互動示範。

元件目錄新增視覺預覽與 Icon 分類

• 依 Components Overview 架構，將圖標整合至元件頁側欄的 Icon 分類，不另設重複的設計資源頁。
• 側欄改為系統、元件、資料呈現與表單下的直接項目，順序對齊舊版 Guideline 與 Storybook。
• 系統的色彩與字體已視覺化呈現：色票與舊版規範數值均標示為盤點資料；字體則同步 Storybook 的 Noto Sans TC（思源黑體）Regular／Bold woff2。
• 系統的版型、導覽列與頁籤圖標已改用站內 Storybook 對應圖面與結構；導覽列包含固定元件、尺寸圖與五項功能元件，頁籤圖標包含基礎／特殊樣式與 head 設定。
• 系統的側邊選單、麵包屑、Popup 與阻擋頁已補齊 Storybook／舊版 Guideline 對應結構：側邊選單四種模式、麵包屑狀態色、三種可開啟的 Popup，以及維護情境阻擋頁。
• 側邊選單已補入舊版 Guideline 的所在頁面選取狀態與收合互動：點選選單呈現 #45B29D 左側直線；漢堡按鈕可展開為深藍 X 並收合。這兩組互動尚待同步至 Storybook。
• 28 個 UI Components 改以可辨識的操作、表單、導覽、資料呈現與回饋預覽卡呈現，並保留 Figma、Token、Storybook 與 Guide 治理入口。
• Icon 分類收錄 102 個 SVGicons 原檔，支援中文／英文搜尋、用途篩選、尺寸預覽、Guideline 七色色票、名稱複製與 SVG／ZIP 下載；選取白色時卡片以 #CECECE 顯示。
• Figma 待確認清單保留元件與 Icon 的正式來源、Component Set 與 Token 對應項目；`references/design-tokens` 目前只有 Guide 公版，個別 Guide 仍待建立。

移除重複的開始使用頁

• 刪除與首頁內容重疊的 start.html，入口網站統一由首頁提供角色導引。
• 全站導覽、路由對照與維護文件已移除「開始使用」入口與頁面參照。

入口網站完成多頁結構與共用版型整理

• 頁面文案、HTML 結構、共用 CSS 與資料驅動 JavaScript 的責任已拆分。
• 全站以共用內容寬度對齊；Navbar 順序更新為 Token 對照表、資料對照、更新。
• 淺色與暗色模式共用同一套入口網站版型規則。

建立 Token 對照表與治理閱讀頁

• 完成 363 個 Token 的 collection、階層、CSS variable 與 Light／Dark 值呈現。
• 元件 Token 依變體／情境、部位、視覺屬性與狀態整理，並提供色碼色塊。
• Token 對照與 Token 治理規範採同頁籤切換，維持網站一致的閱讀體驗。

建立入口網站、Storybook 與資料對照連結

• 站內保留可部署的 Storybook 靜態內容，並在 Navbar 提供 Storybook 圓形捷徑。
• 元件資料對照的 Storybook 連結改用靜態索引中的實際 Docs ID 產生。
• 此為當時的對照基準；目前 V8 對照數量與待補項目，請參閱 09.18 的 Registry 更新。

元件入口擴充為 28 個可檢索項目

• 保留 12 個已建立 Token collection 的元件資料。
• 盤點舊版規範後新增 16 個待遷移項目，例如下拉、日期、時間、Loading、提示工具與表單版型。
• 待遷移項目明確標示 Storybook 已驗證、待補 Token、待補 Figma 與待補 Guide，不誤列為正式版本。

建立 HTML 元件 Guide 範本頁

• 新增可直接閱讀的 HTML Guide，涵蓋內容結構、Anatomy、Variants、States、Token 與出稿檢查。
• Registry 與元件卡片預設開啟 HTML Guide；原始 Markdown 僅保留為維護來源。
• 舊版 Design Guideline 保留作為歷史規範與互動範例連結，不混入現行 Token 或版本狀態。