文档
08_归档04_VOZEB任务卡

VOZEB-UI-MIGRATION-02-M30 — 账户与作品内层 Ocean Foundation 切片

Task ID: VOZEB-UI-MIGRATION-02-M30-ACCOUNT-INNER
目标用户结果: 用户在个人中心的安全/优惠券/邀请面板和作品发布编辑器中获得一致、克制的 Ocean Air / Abyss 液态玻璃视觉,同时保留原有账户与发布流程
Feature ID / Atomic Requirement IDs: HOME-P0-001;BILLING-P0-001;EXEC-P0-003(仅承载既有账户与作品发布能力的视觉)
Base SHA: d0dea44
必须阅读: VOZEB-UI-FOUNDATION-01.md;VOZEB-UI-MIGRATION-02.md;M12-PROFILE;M10-WORKS;现有账户安全、优惠券、邀请与发布编辑器契约测试
允许修改: 本任务包;web/src/app/(user)/profile/account-deletion-panel.tsx;web/src/app/(user)/profile/admin-mfa-panel.tsx;web/src/app/(user)/profile/login-security-panel.tsx;web/src/app/(user)/profile/profile-coupon-wallet.tsx;web/src/app/(user)/profile/profile-referral-center.tsx;web/src/app/(user)/profile/profile-page.module.css;web/src/app/(user)/profile/profile-account-inner-layout.test.ts;web/src/app/(user)/works/components/work-publication-editor.tsx;web/src/app/(user)/works/works-page.module.css;web/src/app/(user)/works/works-list-layout.test.ts
禁止修改: 共享 Ocean/UI 组件、API/server/auth/stores、Go、数据库、manifest、其它路由、背景/WebGL、业务文案和行为实现
范围: 账户安全(注销、MFA、登录记录)、优惠券、邀请中心和作品发布编辑器的内层 surface、控件、媒体选择卡、状态提示与可访问降级样式
非目标: 不改变鉴权/RBAC、密码/MFA/注销请求、分页、优惠券领取、邀请复制、作品来源查询、媒体选择、封面选择、草稿保存、审核/发布/删除流程或数据结构
已冻结契约与数据模型: 沿用现有 services/api 与组件 props;仅读取 Ocean Air / Liquid Glass CSS token,不引入 React runtime 或第二背景
安全与数据限制: 不新增凭据、持久化、真实上游调用或生产写入;完整 Key/密码/MFA 值仍由既有服务边界处理
验收命令: pnpm exec vitest run src/app/(user)/profile/profile-account-inner-layout.test.ts src/app/(user)/profile/profile-page-layout.test.ts src/app/(user)/profile/profile-account-security-layout.test.ts src/app/(user)/profile/profile-community-layout.test.ts src/app/(user)/profile/profile-coupon-pagination.test.ts src/app/(user)/works/works-list-layout.test.ts --reporter=dot;pnpm run typecheck;pnpm exec eslint src/app/(user)/profile/account-deletion-panel.tsx src/app/(user)/profile/admin-mfa-panel.tsx src/app/(user)/profile/login-security-panel.tsx src/app/(user)/profile/profile-coupon-wallet.tsx src/app/(user)/profile/profile-referral-center.tsx src/app/(user)/profile/profile-account-inner-layout.test.ts src/app/(user)/works/components/work-publication-editor.tsx src/app/(user)/works/works-list-layout.test.ts --quiet;pnpm exec prettier --check docs/oceanway/VOZEB-UI-MIGRATION-02-M30-ACCOUNT-INNER.md src/app/(user)/profile/account-deletion-panel.tsx src/app/(user)/profile/admin-mfa-panel.tsx src/app/(user)/profile/login-security-panel.tsx src/app/(user)/profile/profile-coupon-wallet.tsx src/app/(user)/profile/profile-referral-center.tsx src/app/(user)/profile/profile-page.module.css src/app/(user)/profile/profile-account-inner-layout.test.ts src/app/(user)/works/components/work-publication-editor.tsx src/app/(user)/works/works-page.module.css src/app/(user)/works/works-list-layout.test.ts;pnpm run build;git diff --check
状态: LOCAL_IMPLEMENTATION_CANDIDATE / CANDIDATE_EVIDENCE / NOT_FORMAL_TEST

行为保持与视觉边界

  • 账户安全、注销、MFA、登录记录、优惠券和邀请中心继续调用既有服务与状态;本切片只替换内层颜色、边框、圆角、模糊和状态承载。
  • 作品发布编辑器继续使用既有来源分页、媒体选择、封面选择、表单校验和草稿保存;Modal、表单与媒体卡只接入局部 Ocean Air token。
  • 外层页面背景和左侧工作区壳仍由 AppWorkspaceShell 提供,本切片不挂载新的背景、WebGL 或 canvas,也不引入 React/Vue 运行时变化。
  • 正文使用 --ocean-air-text* 中性色;成功、警告、危险仅用于对应状态提示,主操作保留既有可读的 action token。
  • 390/430 窄屏、prefers-reduced-motion、prefers-reduced-transparency、forced-colors 和无 backdrop-filter 均回退到不透明 Ocean surface,不产生横向滚动。

On this page