羽藏 FeatherVault 多網站樣稿

把紳士漫畫（wnacg）與 Hanime1 併進羽藏之後的 11 個畫面。每個畫面同時畫出手機寬（390px）與桌面寬（1240px），右上角可切換淺色／深色與只看手機或桌面。資料都是假的：X 的名稱取自假 X 網站（internal/fakex），新番、本子、系列、上傳者名稱全是虛構，封面與縮圖一律灰底佔位圖。

規格：#122（總覽）、#123（樣稿）；實作 #124–#134。設計依據是四輪 grilling 的共識與任務流程預覽；樣稿已於 2026-10-01 以 Artifact 確認。

日期：2026-10-01基準：origin/main 的 docs/mockups詞彙：網站、作品、版本、最佳版本、新番、別名、字典、待刪除、追溯

add_link1. 新增追蹤目標

分頁「X 網址」「Hanime1 網址」；貼影片網址預覽上傳者。新番不用手動加。

group2. 追蹤目標列表

依網站分段、網站徽章、網站篩選；紳士漫畫新番折疊成一段摘要。

auto_stories3. 新番總覽（紳士漫畫）

年份／季度篩選、搜尋、本子數與最後新增、排除、季度清單展開。

menu_book4. 新番詳細頁（紳士漫畫）

別名編輯、分類過濾、季度、作品分組卡與版本列、合併／拆開。

movie5. Hanime1 新番總覽與系列詳細

即將上市／已上架、集數、每集的版本與解析度、排除。

person6. 上傳者詳細頁

Hanime1 使用者（追蹤目標）：影片列表、解析度、每月再次解析。

task_alt7. 任務列表

多出網站層級的列：更新掃描、追溯、裏番掃描、升級檢查。

manage_search8. 任務詳細頁

追溯、系列初次解析、更新掃描完成：新子任務的步驟名稱與進度。

settings9. 設定頁

網站卡（存取方式、請求間隔、每月排程日、目標解析度、ffmpeg、追溯）、字典、清除待刪除。

dashboard10. 儀表板

各網站磚塊、待刪除 GB、網站狀態列、最新下載牆的本子封面與影片。

photo_library11. 媒體瀏覽器

網站與新番篩選、以作品為單位、本子封面牆、燈箱翻頁當閱讀器。

三個網站的徽章

alternate_emailXmenu_book紳士漫畫movieHanime1列表、任務、媒體瀏覽器、儀表板都用同一組徽章；只有圖示的小版本用在縮圖角落。

1. 新增追蹤目標/add

原本只有一個貼 X 網址的輸入框。現在分成兩個分頁：「X 網址」不變；「Hanime1 網址」貼任一影片或上傳者網址，系統用瀏覽器開觀看頁反查上傳者，顯示結果卡後「開始追蹤」。紳士漫畫沒有分頁，因為新番由字典自動建立，頁首用一句話說明並連到總覽。

2. 追蹤目標列表/targets

一列一個追蹤目標的格式不變，但依網站分段：X 一段（使用者、社群，分級等 #111 的欄位照舊）、Hanime1 一段（新番系列與使用者）、紳士漫畫一段只有一列摘要，點進去是新番總覽（5,000 多部不可能列在這裡）。頂端多「網站」篩選 chips。每個名稱旁有網站徽章，手機清單的頭像底色也跟網站走。

3. 新番總覽（紳士漫畫）/targets/wnacg

5,000 多部新番的瀏覽頁。頂端是摘要數字與字典狀態，下面是年份列與季度 chips、搜尋、排序。一列一部新番（系列），顯示季度數、本子數、最後新增日期與狀態；桌面可展開看它底下的季度。「排除」就在列上，排除後該部不再比對、已下載的本子全部變待刪除。

4. 新番詳細頁（紳士漫畫）/targets/{id}

一部新番（系列）的頁面。上方是名稱、網站徽章、季度清單、統計；接著三張卡：別名（可增刪，顯示每個別名命中幾本）、分類過濾（全域預設全收，這裡可以改）、作品分組。作品分組一組是一部漫畫，底下列出各版本（本子）：語言、頁數、狀態（最佳、待刪除、未下載、下載中）。選兩組可「合併」，一組裡勾選版本可「拆開」。別名或過濾一改，立刻觸發「重新比對」，只讀本地資料庫。

5. Hanime1 新番總覽與系列詳細/targets/hanime1 · /targets/{id}

Hanime1 的新番是系列播放清單，由每月裏番掃描與預告掃描自動建立，量不大，所以總覽是一般列表，依狀態分「即將上市」「追蹤中」「已排除」。系列詳細頁列出每一集；一集可能有多個版本（不同上傳者、不同解析度），最高解析度是最佳版本，其他待刪除。預告不下載，只在上市前顯示日期。

6. 上傳者詳細頁（Hanime1 使用者）/targets/{id}

和 X 使用者的詳細頁同一個版型，換成 Hanime1 的欄位：uid、已上傳數、初次解析狀態、每月再次解析。影片清單一列一部，顯示解析度與狀態；已被某個新番系列存過的影片標「出處」，不重複下載。

7. 任務列表/jobs

任務頁的左側清單原本依追蹤目標分組。現在最上面多一段「網站」：不屬於任何追蹤目標的總任務（更新掃描、追溯、裏番掃描、預告掃描、升級檢查、字典更新）列在這裡，頭像是網站色。每列顯示進度條與一句目前動作。追蹤目標的總任務照舊，但名稱前加網站徽章。

8. 任務詳細頁/jobs/{id}

版型沿用 #60 的總任務詳細卡（目前動作、數字格、步驟、可展開的細節、清單）。不同的是步驟名稱：紳士漫畫是「更新列表讀取 → 本子解析 → 比對與分組 → 頁下載」，Hanime1 是「清單讀取／播放清單讀取 → 影片解析 → 搜尋更高解析度 → 影片下載」。Hanime1 有即時畫面（網站的瀏覽器分頁）；紳士漫畫走 HTTP，沒有即時畫面，改顯示最近一個請求。追溯的詳細卡在第 7 節右側。

9. 設定頁/settings

新增「網站」區：三張網站卡（X 的卡只是既有區塊的入口），每張卡有存取方式、請求間隔、排程與追溯。追溯區塊可指定範圍、顯示預估請求數、天數與 NAS 剩餘空間，按下就開一個網站層級總任務。另外兩張新卡：「字典」（更新時間、別名數、立即更新）、「待刪除」（數量、容量、看清單、清除）。每月排程日是全域的一個數字，放在「每日排程」旁。

10. 儀表板/

指標從四格變成兩排：第一排是系統（進行中任務、失敗、媒體儲存剩餘、待刪除），第二排每個網站一格，各自用自己的單位（X 數媒體、紳士漫畫數本子、Hanime1 數影片）。「X 帳號池」卡之後多一張「網站狀態」卡，一列一個網站：上次與下次排程、進行中的網站層級總任務。最新下載牆的縮圖加網站角標，本子顯示封面與頁數，影片顯示時長與解析度。

11. 媒體瀏覽器/media

篩選列多「網站」與「新番」兩個 chip；新番 chip 在紳士漫畫底下同時當標籤篩選用。選了紳士漫畫時，清單以「作品」為單位：表格一列是一本（最佳版本），不是一頁；手機是封面牆，角落顯示頁數。打開一本進入閱讀器：燈箱左右翻頁，底部是頁縮圖條，右側是本子資料、語言版本清單、網站標籤、在紳士漫畫開啟、複製路徑。「顯示待刪除」把被取代的版本列出來，可單筆取消或在這裡直接清除。

待確認（畫圖時自己做的小決定）

給實作的人