昨天已經將圖譜區基礎建置完成
今天就是要把 Dashboard整個完成
內容需要包含了

1. 量化圖表網格
2. 結論摘要卡
3. 資料基準期對照列

今天這項工作的最後成品
也將會在之後匯出PDF工具製作完成後
呈現出來
因此今天定稿主要是搞定版面。

一、今日目標

完成 Dashboard 下半部與整頁版面，

• 六格圖表網格（依所選模型動態載入）
• 模型5的的結論摘要置頂
• 基準期對照列與匯出按鈕壓陣

二、版面設計

整體來說今天的設計，係以閱讀順序為基礎，由上而下三層：

1. 結論摘要卡（置頂）：模型5的模型結果生成、具可溯源性
2. 圖表網格（證據層）：三情境區間、營收趨勢、對標落點、龍捲風、知識圖譜、市占×產值
3. 基準期對照列（結果層）：產業產值、財務、關聯表三種資料的基準期並陳

三、我下的 Prompt

完成 Dashboard 版面

1. ChartGrid 依 draft.models[] 動態載入圖表元件（每模型一個，吃統一 JSON），三欄網格、手機單欄
2. SummaryCard 置頂，接模型⑤引擎輸出
3. 每張圖表元件底部固定 InsightLine（templates 一句解讀）
4. 底部 BasePeriodBar 列三種資料基準期＋匯出按鈕

四、驗收

Claude給我的打包檔如下:

lib/records.ts 新增 removeRecord(單筆刪除)← 覆蓋
app/records/page.tsx ★ 新頁:評估紀錄(列表/刪除/清除/JSON 備份)
app/dashboard/page.tsx 「儲存本次評估」按鈕 + 儲存回饋訊息 ← 覆蓋
components/Nav.tsx 導覽列加「紀錄」連結 ← 覆蓋
scripts/test-records.ts 紀錄層驗證(7 斷言,含 50 筆上限與無痕情境)
package.json test:models 納入 records ← 覆蓋

今天主要的工作就是

• 儲存的是「結論快照」:一筆紀錄 = 產業 + 評估對象 + 勾選的模型 + 全部假設清單 (含各模型的使用者輸入)+ 綜合摘要 + 估計區間。之後翻紀錄,不只看到數字, 還看得到「當時是基於什麼假設算的」——假設透明的原則延伸到歷史紀錄
• localStorage 的誠實三句話,直接寫在紀錄頁上:「紀錄存在你的瀏覽器」 「換裝置或清除瀏覽資料會消失」「重要結果請匯出備份」——零後端架構的代價 不藏著,備份按鈕就在旁邊
• 無痕模式明確告知:偵測到無法儲存時,儀表板與紀錄頁都顯示原因, 而不是按鈕按了沒反應

進到localhost後
完成一次評估(勾 2 個以上模型、輸入參數)→ 儀表板點「儲存本次評估」 → 綠色訊息「已儲存(共 N 筆,上限 50)
確認了「儲存」按鈕可用

同時也確定可以記錄與匯出
導覽列點「紀錄」→ 看到剛存的紀錄卡:產業、時間、摘要、估計區間
點「匯出 JSON 備份」→ 下載檔案,打開確認含 exported_at 與完整假設清單

點單筆「刪除」→ 即時消失;「清除全部」→ 有確認對話框才執行

五、今日小結

整體來說，今天已經完成了整個工具的無痕儲存與紀錄回報等工項
也確定了可以有效匯出結果

整體來說
今天已經將這份工具的宗旨達成
版面即論證結構
意即結論、證據、資料聲明由上而下，這一頁的排版順序就是一份評估報告該有的說理順序
差別只在它是互動的