# T553 — fe-sidebar-ia-and-today-summary > Status: `done` > Milestone: `M3` > Kind: `feat` > Est. change: `~150 lines` ## Goal 完成後系統應:側欄新增「商機」分組(`radar`、`crm`),手機底欄以 `radar` 進主要四格、`scout` 移入「更多」,`/app/today` 多一張今日商機摘要卡。 ## Depends on - T551 ## Inputs - Spec:`../spec.md` §5.3、§10 開放問題 6 - 既有:`apps/web/src/lib/nav.ts`、`src/components/layout/SidebarNav.tsx`、`src/pages/TodayPage.tsx` ## Outputs ### 程式變更(預期路徑) | 路徑 | 動作 | 說明 | |------|------|------| | `apps/web/src/lib/nav.ts` | edit | 新增「商機」分組與兩個項目;重排手機底欄四格 | | `apps/web/src/components/layout/SidebarNav.tsx` | edit | 支援新分組渲染(若既有結構已支援則只加資料) | | `apps/web/src/pages/TodayPage.tsx` | edit | 今日商機摘要卡(N 筆/高中低)連向 `/app/radar` | | `apps/web/src/lib/i18n/messages.ts` | edit | 新增導覽與摘要卡文案 | ### 行為變更 - `crm` 項目在 M4 前指向的頁面若尚未存在,顯示「即將推出」佔位而非 404;M4 完成後替換。 - 摘要卡在無資料時顯示引導(連向服務檔案或雷達訂閱),不顯示 0 的空殼。 - 不用 emoji 當 icon,沿用 `AppIcons`。 ### 決策(收斂 spec §10 問題 6) - 不做全站資訊架構重整,**以分組+手機底欄調整緩解**;側欄項目總數維持可接受範圍。 ## Out of scope - CRM 頁實作(T574) - 統計頁入口(T591) ## Acceptance - [x] 桌機側欄可見「商機」分組;手機底欄四格含 `radar`、`scout` 在「更多」 - [x] `/app/today` 摘要卡可連到 `/app/radar` - [x] 指令: ```bash cd apps/web && npm run build && npm run test && npm run lint ```