fix(reports): header 「生成报告」 joins the report disabled-button rule (BUG-1078)

The generate button renders in SecondaryPageShell's actions slot, outside the
report roots, so while submitting it still got the global 45% fade. A
report-owned `report-center-generate` class brings it into the disabled rule;
SecondaryPageShell and button.tsx unchanged.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_017eEAG8HD3mm8gsKXgk8uU8
This commit is contained in:
Jesse_Chen
2026-09-28 15:54:53 +08:00
co-authored by Claude Opus 5.5
parent 873fac8a5b
commit 36fae8fabf
6 changed files with 24 additions and 6 deletions
@@ -73,3 +73,8 @@
## 交给 Claude 的范围外发现
- 全站所有渲染为 `<button>` 的实心 `Button`(报告范围外)都有同一问题:浅色近黑字 on #a9583e(3.33:1)、深色浅字 on #d78064(2.57:1),禁用时再淡到 45%。根因是 `globals.css` 未分层的 `button { color: inherit; }` / `button:disabled { opacity: .45 }` 压过 Tailwind 工具类。需要产品决定是否另立单。
## 追加(Claude 复核后补漏)
- 页头「生成报告」渲染在 `SecondaryPageShell` 的 `actions` 槽(`personal-report-center.tsx`),在报告根类之外,提交中(禁用、「正在创建…」)仍被全局 `button:disabled { opacity: .45 }` 淡掉。给该按钮加报告自有类 `report-center-generate`,并入同一条禁用规则;`SecondaryPageShell`、`button.tsx` 未改。无头 Chrome 计算样式:opacity 1、底 225,222,214、字 106,105,99(浅色)。
- `report-buttons-scope-20260928.test.ts` +1 条(按钮带挂钩类、`disabled={submitting}` 仍在、`SecondaryPageShell` 不含 report 类),禁用规则断言改为含该选择器。复跑:tsc 0;lint 0 error / 127 warning;相关 6 个测试文件 45 / 45 通过、0 cancelled。