08_归档04_VOZEB任务卡
VOZEB UI Migration M34 · Admin generation operations inner surfaces
Task packet
- Task ID:
M34-ADMIN-OPERATIONS-INNER - Base SHA:
163523eebf0f01ff06561c4c2bebf7947e4c7ba8 - User result: 管理后台“生成运维”中的任务队列、执行诊断和渠道状态使用统一 Ocean Air/Liquid Glass 内层材质,在浅色、深色及窄屏下保持可读、可操作。
- Feature / Atomic IDs: 既有
generationOperations管理分区;本切片仅处理已实现页面的视觉层,不新增产品语义。 - Status:
LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST
Scope
本切片仅调整以下既有组件的呈现契约:
- 运行概览与 Agent 分阶段性能指标:使用 Ocean Air surface/divider token、轻量阴影和内层模糊。
- 任务队列表格与移动端任务卡:统一圆角、表头/分隔线、空/加载状态和操作控件的中性层级。
- 执行诊断、规划审计与渠道运行状态:使用语义浅底细边状态标签,避免过程状态使用深色实心标签。
- 接管任务弹层:三种既有动作、文本输入和确认/取消行为保持原 API 与状态语义。
实现通过 data-ocean-section="generation-operations" 和 generation-operation-* 语义钩子,在现有 admin-page.module.css 中复用 Ocean Air/Liquid Glass token。未新增背景渲染器、React runtime、业务状态或 API。
Non-goals and boundaries
- 不修改任务查询、分页、筛选、取消、重试、接管、轮询、Worker 租约、审计或错误处理逻辑。
- 不修改 billing、works、共享组件、manifest、后端、数据库、渠道配置或其它路由。
- 不将生成运维过程状态改成黑色或深灰实心标签;警告/失败/成功仅使用语义浅底与细描边。
- 不宣称正式 Testing、Operations、发布或 Gate 通过。
Accessibility and fallback
- 维持现有按钮、输入框、Tooltip、表格和移动端卡片的语义与键盘入口。
prefers-reduced-motion禁止操作控件位移动效。prefers-reduced-transparency、forced-colors: active与不支持backdrop-filter的浏览器使用不透明 token/系统 Canvas fallback。- 正文使用
--ocean-air-text*;primary 仅用于焦点/操作强调,状态颜色只用于语义提示。
Verification
在候选分支完成后记录:
pnpm --dir web exec vitest run \
'src/app/admin/generation-operations/components/generation-operations-theme.test.ts' \
'src/app/admin/generation-operations/components/generation-operations-foundation.test.ts'
pnpm --dir web run typecheck
pnpm --dir web exec eslint \
'src/app/admin/generation-operations/components/generation-operations-client.tsx' \
'src/app/admin/generation-operations/components/generation-channel-status.tsx' \
'src/app/admin/generation-operations/components/generation-operation-task-details.tsx' \
'src/app/admin/generation-operations/components/generation-operations-theme.ts' \
'src/app/admin/generation-operations/components/generation-operations-theme.test.ts' \
'src/app/admin/generation-operations/components/generation-operations-foundation.test.ts' --quiet
pnpm --dir web exec prettier --check \
'src/app/admin/admin-page.module.css' \
'src/app/admin/generation-operations/components/generation-operations-client.tsx' \
'src/app/admin/generation-operations/components/generation-channel-status.tsx' \
'src/app/admin/generation-operations/components/generation-operation-task-details.tsx' \
'src/app/admin/generation-operations/components/generation-operations-theme.ts' \
'src/app/admin/generation-operations/components/generation-operations-theme.test.ts' \
'src/app/admin/generation-operations/components/generation-operations-foundation.test.ts'
git diff --check正式验收仍需由独立 Testing/Operations 任务基于固定构建执行。