feat: Header 倒计时数字滚动动画 — @number-flow/react 替换静态文本

DEVELOPMENT.md

@@ -543,6 +543,7 @@ CommandChecker.execute → 收集观测(exitCode/stdout/stderr/durationMs)
 | UI 库  | TDesign React + tdesign-icons-react                 | UI 组件与图标                |
 | 数据层 | TanStack Query (React Query) + React Query Devtools | 服务端状态管理与自动轮询     |
 | 图表   | Recharts                                            | 拨测趋势折线图               |
+| 动画   | @number-flow/react                                  | 倒计时数字滚动过渡           |
 | 路由   | 无（单页面 Dashboard）                              | 仅需 Drawer/Tab 做页面内导航 |
 
 **不引入的依赖**：React Router（单页面场景不需要）、状态管理库（TanStack Query 即服务端状态层，组件内用 `useState` 足够）、Vite（已由 Bun 原生 fullstack 替代）
@@ -702,6 +703,7 @@ export function TargetGroup({ name, targets, onTargetClick }: TargetGroupProps)
 | `TrendChart`         | `components/TrendChart.tsx`         | Recharts 趋势折线图（耗时+延迟范围）                                                                                          |
 | `StatusDot`          | `components/StatusDot.tsx`          | 圆形状态指示点（绿/红）                                                                                                       |
 | `StatusBar`          | `components/StatusBar.tsx`          | 最近采样状态条（多色块 + Tooltip 提示时间和状态）                                                                             |
+| `RefreshCountdown`   | `components/RefreshCountdown.tsx`   | Header 刷新倒计时（NumberFlow 数字滚动），手动刷新按钮，刷新中/等待首次刷新文本                                               |
 
 ### 2.5 新增功能开发步骤