suzmii
41c59a37a0
style(agc): 「生成任务」侧栏做视觉与信息层级收口（行为与语义一个不动）
- 新增 `resourceCanvasAssetGenerationTasksSidebar.css`：侧栏样式独立成文件，取值全部走平台设计 token
（`--platform-subpanel-fill/-border`、`--platform-panel-shadow`、`--platform-text-muted`、`--platform-line-soft`、
`--platform-neutral-*`、`--platform-accent`、`--platform-success-*`、`--platform-button-danger-*`、
`--platform-input-focus-ring`），不硬编码任何颜色，也不新增第二套色板
- 条目卡片化：素材名为主信息（加粗、单行省略）、阶段文案为次要信息（muted、小一号）、
已耗时 `font-variant-numeric: tabular-nums` + 右对齐（秒数跳动不抖）、失败原因 `overflow-wrap: anywhere`
折行不截断、「定位到素材」轻量下划线按钮 + hover 换色
- 状态徽标成体系：`data-tone` 四档——排队中 `--platform-neutral-*`（中性）、生成中 `--platform-accent`
（品牌色 + 呼吸感圆点，**不做百分比**）、已完成 `--platform-success-*`、失败 `--platform-button-danger-*`；
tone 映射提到模型层 `resourceCanvasAssetGenerationTaskTone`（组件只导出组件与常量，保住 react-refresh 边界）
- 分栏标题小字 + 条数胶囊，两栏之间用 `--platform-line-soft` 分隔；空态只给一句简短文案
- 侧栏容器圆角 + 边框 + `--platform-panel-shadow` + `backdrop-filter: blur(10px)`；展开/折叠各有进场动画
（位移 + 淡入，不做宽度 reflow 抖动）；折叠把手是竖向标签 + 在途数量胶囊；列表滚动条细样式
- 无障碍与降级：`:focus-visible` 用 `--platform-accent` 焦点环 + `--platform-input-focus-ring`；
`@media (prefers-reduced-motion: reduce)` 关掉全部 animation / transition 与 hover 位移；
`@media (max-width: 480px)` 下侧栏撑满可用宽度、把手收窄，不挡画布操作
- 测试：新增 `resourceCanvasAssetGenerationTasksSidebarStyle.test.ts`（用仓库既有 `tests/styleCascade.ts`
按真实层叠断言：四档 tone 互不相同且只引平台 token、tabular-nums + 右对齐、卡片圆角与 hover、
过渡与把手、细滚动条、360px 降级、reduced-motion 关动效、焦点环）；
侧栏行为用例补「四种状态各自输出对应 data-tone」，并把原先断言 Tailwind 类名的部分交还给样式用例
- 未改任何行为：分栏、条数、已完成封顶 20、折叠不清列表、提交后自动展开、入口在途计数、
定位终局化、非模态（无遮罩 / 无焦点陷阱 / 不进模态遮挡判据）全部保持原样
2026-09-14 19:11:21 +08:00
..
2026-09-05 19:48:27 +08:00
2026-09-14 19:11:21 +08:00
2026-09-01 17:00:44 +08:00
2026-09-01 17:00:44 +08:00
2026-08-22 13:17:26 +08:00