feat: 重构 Dashboard 为卡片式分组布局

表格布局替换为按分组展示的卡片式布局，新增 group 字段配置和 TargetBoard/TargetCard 等组件。模态框详情页支持时间范围筛选和分页，SummaryCards 减为 3 个。API 端点变更：trend/history 改用 from/to 参数，history 支持分页。recentSampleCount 硬编码为 30。

README.md

@@ -25,8 +25,8 @@ src/
   shared/
     api.ts          前后端共享 TypeScript 类型
   web/              Vite + React 前端 Dashboard
-    components/     UI 组件
-    hooks/          数据轮询 hooks
+    components/     UI 组件（卡片、分组、模态框、状态条等）
+    hooks/          数据轮询和详情管理 hooks
 scripts/            开发、构建和 smoke test 脚本
 tests/              Bun test 测试
 openspec/           OpenSpec 变更与规格文档
@@ -137,6 +137,7 @@ targets:
 - **targets**: 拨测目标列表（必填）
   - `name`: 目标名称（必填，唯一）
   - `type`: 目标类型，`http` 或 `command`（必填）
+  - `group`: 分组名称（可选，默认 `"default"`）
   - `http`: HTTP 拨测配置（type 为 http 时必填）
     - `url`: 目标 URL
     - `method`、`headers`、`body`: 请求参数
@@ -164,28 +165,32 @@ targets:
 
 ## API 端点
 
-| 端点                                    | 说明                                                  |
-| --------------------------------------- | ----------------------------------------------------- |
-| `GET /health`                           | 健康检查                                              |
-| `GET /api/summary`                      | 总览统计（total/up/down/avgDurationMs/lastCheckTime） |
-| `GET /api/targets`                      | 目标列表及最新状态和统计摘要                          |
-| `GET /api/targets/:id/history?limit=20` | 指定目标的最近 N 条拨测记录                           |
-| `GET /api/targets/:id/trend?hours=24`   | 指定目标的按小时聚合趋势                              |
+| 端点                                                  | 说明                                    |
+| ----------------------------------------------------- | --------------------------------------- |
+| `GET /health`                                         | 健康检查                                |
+| `GET /api/summary`                                    | 总览统计（total/up/down/lastCheckTime） |
+| `GET /api/targets`                                    | 目标列表及最新状态、分组和采样数据      |
+| `GET /api/targets/:id/history?from=ISO&to=ISO&page=1` | 指定目标的拨测记录（时间范围 + 分页）   |
+| `GET /api/targets/:id/trend?from=ISO&to=ISO`          | 指定目标的按小时聚合趋势                |
 
 ### 响应字段
 
-**SummaryResponse**: `total`、`up`、`down`、`avgDurationMs`、`lastCheckTime`
+**SummaryResponse**: `total`、`up`、`down`、`lastCheckTime`
 
-**TargetStatus**: `id`、`name`、`type`（http/command）、`target`（URL 或命令摘要）、`interval`、`latestCheck`、`stats`、`sparkline`
+**TargetStatus**: `id`、`name`、`type`（http/command）、`target`（URL 或命令摘要）、`group`、`interval`、`latestCheck`、`stats`、`recentSamples`
+
+**RecentSample**: `timestamp`、`durationMs`、`up`
 
 **CheckResult**: `timestamp`、`success`、`matched`、`durationMs`、`statusDetail`、`failure`
 
 **CheckFailure**: `kind`（error/mismatch）、`phase`、`path`、`expected`、`actual`、`message`
 
-**TargetStats**: `totalChecks`、`availability`、`avgDurationMs`、`p99DurationMs`
+**TargetStats**: `totalChecks`、`availability`
 
 **TrendPoint**: `hour`、`avgDurationMs`、`availability`、`totalChecks`
 
+**HistoryResponse**: `items`（CheckResult[]）、`total`、`page`、`pageSize`
+
 ## 代码质量
 
 ```bash