文档
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 任务基于固定构建执行。

On this page