blob: 3df5fcccaa818fcc17e4b451da8b830f57e7f7e1 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
|
# UI Redesign Round6 — 用户旅程重排
依据 `docs/ui-user-journey-round6.md`（§0–§4）逐屏落实。Round5 的「全量重来 shadcn-svelte 化」已交付；本轮在其上重排信息层级，不动主题与口径。
## §1 旅程主线落点
| 屏 | 改动 |
| --- | --- |
| 登录 | 仅卡片 + 页题（text-lg）+ 辅文 text-xs；无 invite 时不再展出注册/恢复链接噪音 |
| 项目列表（首页） | 去掉 4 张大指标卡；改为问候页题 + 一行小字指标摘要（`data-testid="metrics-summary"`：N 个项目 / N 个数据集 / N 次回测 / AI 请求 N）+ 唯一主 CTA「新建项目」；项目卡两列栅格（md:grid-cols-2 gap-4 md:gap-6），名称 text-lg，状态 Badge（运行中 N / 最近 收益% / 未回测），sparkline 内联保留 |
| 项目·数据 | 主 CTA 更名「接入数据」；busy/error+重试/空态/列表 四态，间距 gap-4 md:gap-6 |
| 项目·策略 | 重排为：策略代码主视图 → AI 助手卡（主 CTA「AI 改进」置于卡头右侧）→ 版本历史 Table；加载三态（Skeleton/重试/空） |
| 项目·回测 | 去重 needAck 重复 Alert；参数表单置顶 + 卡头右侧大按钮「开始回测」；最终 CTA = 大按钮；空数据集态新增「去接入数据」CTA |
| 项目·结果 | 首屏仅 `data-testid="capital-reporting"` 三卡（投入/现在值/赚亏，text-2xl 大字）——口径不变（12029.09 / 10846.00 / −9.84%）；第二屏图表（净利曲线/权益曲线 Tabs）；第三屏交易明细 Table **真分页**（每页 20 条，上一页/下一页，替代旧的"仅显示前 80 条"）；策略日志改展开按钮；页面骨架 gap-4 md:gap-6 |
| 实验记录 | gap/字级合规；busy/error+重试/空 三态 |
| 管理页 | 间距 gap-4；后台 Table 卡内间距合规 |
## §2 Token 白名单执行
- `src/pages/**` 禁止 `gap-2 / gap-3`（顶级容器 gap-4 md:gap-6；紧凑行内 gap-1/gap-4）。
- 字号只允许 `text-xs / text-sm / text-lg / text-2xl`（禁 text-base；结果页三卡大字 text-2xl）。
- 语义色只允许 `text-primary / text-destructive / text-muted-foreground / bg-background / bg-card`；原色调（slate/blue/green/emerald/red 等）页面内清零。
- 页面不再写 `rounded-*`（textarea 自定义圆角移除，改用 shadcn `Textarea` 组件；Card/Alert 由组件层带圆角）。
- `--radius 0.625rem` 按 preset b6t6C6CTw 原样保留（§4 禁改）。
## 三态模板
`Status.svelte` 扩为 round6 模板：busy → `Skeleton` 行（`data-testid="busy-skeleton"`，行数可配）；error → `Alert` destructive + `errorCta` snippet 反作用按钮；empty → Card 提示 + `emptyCta` snippet。所有数据区（Projects/Runs/Datasets/Usage/Results/Backtest 各 tab）跑同模板。
## 验证
- `svelte-check` 0 errors / 0 warnings；`vitest` 85/85（新增/重写：round2 → round6 旅程断言 2 例、mobileCss 守门 5 例 token 白名单）。
- build OK（index chunk 与 round5 同水位）。
- probe（`scripts/ui-auth-shots.mjs`，默认 outDir `artifacts/ui-round6/`）扩展全旅程步进：login → projects → 数据/策略/回测/结果（每步等待 busy skeleton 清空后读点，逐屏 pageErrors 断言），375/768/1440 三档 **21/21 OK，bad=0**；结果页 capital-reporting 三卡 + radiusOk 三档全 true。
- 截图与 `auth-shots.json` 落 `artifacts/ui-round6/`。
## 不做清单（§4）
未改 capitalMetrics 口径、未改 `--radius` preset 值、未引入新依赖与自定义 CSS。
|
