hyb-oa/.trellis/tasks/05-28-frontend-ux-redesign/implement.md

Implementation Notes

Scope Implemented

• Wave 0: wrote research/ux-audit-matrix.md with global findings, Wave 2 page audit and Wave 3-5 follow-up grouping.
• Wave 1: updated global shell, sidebar, topbar, page headers and shared layout classes.
• Wave 2: refined login, forgot password, portal, workflow tasks, reimbursements, reimbursement detail and notifications with clearer hierarchy and next-step language.

UX Decisions

• Visual direction: precise, restrained OA operations console.
• Navigation groups now reflect user tasks: 工作、业务、财务、管理、更多.
• Search is presented as a command entry in the Topbar.
• Notifications now behave as an inbox and return to the workbench, not the legacy dashboard.
• Login and password reset retain the generic “如账号可用” copy to avoid account enumeration.
• Wave 3-5 stay as follow-up tasks because they require different validation surfaces.

Validation

• cd client && npm run typecheck — PASS.
• cd client && npm run build — PASS.
• cd client && npx playwright test tests/e2e/pc-core-workflow-visual-wave2.spec.ts tests/e2e/login-portal-ux.spec.ts --workers=1 --reporter=list — PASS, 11 tests.
• cd client && npx playwright test tests/e2e/r89-mobile-login-navigation.spec.ts --workers=1 --reporter=list — PASS, 3 tests.
• python3 ./.trellis/scripts/task.py validate 05-28-frontend-ux-redesign — PASS.
• node scripts/qa/check-trellis-governance.mjs — PASS.
• git diff --check — PASS.

Not Done In This Task

• No backend permission, workflow, status-machine or data model changes.
• No deployment or public smoke yet.
• Wave 3-5 pages are recorded for follow-up tasks, not completed here.