fix(workspace): 创作工作台 - 修复线上样式层级并优化 Agent、菜单与素材密度

This commit is contained in:
ddCat
2026-09-20 05:29:52 +08:00
parent b9d60f9807
commit cfcc53a904
21 changed files with 671 additions and 110 deletions

View File

@@ -5,6 +5,33 @@ description: 当前项目已实现功能的手工验证清单与未确认边界
# 待测试
## 工作台菜单表面与素材显示密度
- [x] 根据焦点样式反馈,内容库筛选下拉取消鼠标 / 触屏点击后的粗外圈,聚焦和展开改用柔和底色;工具栏区分指针与键盘输入,键盘聚焦保留 1px 细轮廓,不主动移除焦点。离开工具栏后恢复键盘默认状态,相关复用筛选入口同步生效。本轮 12 项专项测试及类型检查通过;指针 / 键盘切换仍需真实页面验收。
- [x] 顶部和侧栏账户菜单共用无描边、无投影表面,去掉箭头、装饰分隔线和积分卡渐变;清理旧版 `ant-popover-inner` 覆盖,使用当前组件的 `ant-popover-container`。
- [x] 用户工作台 Select、Dropdown、Popover 通过显式组件类共用柔和表面和中性选中态;内容库工具栏的 Select 统一使用 filled 变体,保留禁用、危险操作和键盘焦点状态。后台、画布编辑器的通用浮层以及 Modal / 通知不纳入本次修改。
- [x] 修复素材密度状态被固定 224px 网格覆盖的问题:舒适 / 标准 / 紧凑分别采用 272 / 208 / 160px 卡片最小宽度,随容器自动换列,窄容器不会超宽;保持原有本地偏好值。密度入口补充无障碍名称,网格图标前置,恢复下拉箭头。
- [x] 13 项专项测试通过,覆盖偏好恢复、密度尺寸策略、真实工具栏静态渲染与浮层配置、主题 token、样式边界及 CSS 层顺序;前端类型检查、生产构建和 `git diff --check` 通过。构建仍提示部分 chunk 超过 500 kB,未在本次进行无关拆包。
- [ ] 本地真实 `/assets` 路由跳转登录页,尚未完成浏览器视觉与交互验收:登录后在明暗主题检查两个账户入口和列表菜单;切换三档密度、刷新恢复偏好,检查窄屏、长文案、禁用态和键盘导航。静态渲染及尺寸策略测试不等同于浏览器验收;未部署线上。
## Agent 磨砂面板与紧凑操作区
- [x] 根据视觉反馈增强磨砂:外壳底色混合比例由 88% 降至 68%,背景模糊调为 32px、饱和度调为 145%,加入轻微柔光而不增加描边;保留减少透明度偏好的不透明降级。模型选择框由 144px 加宽至 208px,保留最大宽度限制、操作区换行和完整名称悬停提示。
- [x] 真实 Agent 组件改为磨砂外壳、无分隔线头部、柔和消息与工具表面;新增空态技能入口和只填草稿的创作建议,保留审批与错误状态。
- [x] 执行权限入口只显示当前模式图标,点击打开原权限选择菜单;只读、请求审批、自动执行使用不同图标,悬停提示和无障碍名称保留当前权限。Skills 入口缩短为 `Skills(x)`。
- [x] 左上缩放手柄向面板内部偏移并改为对角缩放图标,保留拖动和方向键调整;欢迎语从品牌配置读取名称,显示「在这里,和{品牌名称}让灵感,慢慢成形」。
- [x] 发送按钮从 36px 缩小为 28px、箭头从 16px 缩小为 14px,去掉发光阴影;停止按钮同步缩小。发送、空草稿禁用、发送中禁用逻辑不变。
- [x] 27 项专项测试通过,覆盖空态品牌文本转义、空画布入口、三种权限图标、发送禁用状态、面板尺寸算法、工具消息和 CSS 层顺序;前端类型检查通过。
- [ ] 在已登录的真实画布复验明暗主题、窄屏及长品牌名称换行;确认左上缩放图标与键盘焦点不再被圆角裁切、权限菜单和 Skills 入口可用、发送按钮大小合适。本次本地浏览器停留在登录页,未完成这些视觉/交互验收;未调用生成任务或部署线上。临时预览网络拦截已撤销。
## 生产构建 CSS 层顺序
- [x] 本地产物确认:应用动态加载的依赖列表中,内置编辑器 CSS 先于全局 CSS;编辑器先声明 `utilities` 层,会使随后出现的 `base` reset 优先于工具类,影响画布和 Agent 等区域的间距、边框与布局。
- [x] HTML 最早内联样式固定 `theme, base, components, utilities` 顺序,不依赖生产拆包的 CSS 加载顺序;未调整画布业务逻辑或逐个组件添加覆盖。
- [x] 两项层顺序回归和一项相邻滚动条回归通过;前端类型检查与生产构建通过,并确认构建后的 HTML 在外部样式和脚本之前保留层顺序声明。
- [x] 登录线上真实画布确认同样的 CSS 加载顺序:Agent 内容区 `px-5 py-5` 计算内边距为 `0px`。仅在调试标签页头部临时声明层顺序后,内容区恢复 `20px`,头部恢复水平 `16px`,输入区外层恢复 `8px 12px 12px`;截图确认留白恢复。撤掉临时声明后内容区再次变为 `0px`,验证因果关系。未修改服务器、提交生成/审批或编辑画布内容,临时样式已移除。
- [ ] 发布后复验画布与 Agent 的消息内边距、待办间距、输入区和工具栏,覆盖冷启动直达、站内导航、明暗主题。本次浏览器验证为暗色空对话面板,未覆盖原截图的历史审批会话;线上尚未部署修复。
## 画布素材链路与工作条改造(2026-09-19)
已实现: