2.0 KiB
2.0 KiB
Execution Plan: Premium Mega Menu
Step 1: E2E Testing Track (M1)
- Target: Spawn an E2E testing sub-orchestrator to write requirement-driven E2E tests for the 3-image layout Mega Menu.
- Verification: Tests cover:
- Root Image on the left.
- Column Image inside grid next to/above column title.
- Hovering links displaying the correct link image on the right.
- Lazy loading of hover images.
- Responsive layout (mobile drawer hides complex image layouts gracefully).
Step 2: Database & Backend Updates (M2)
- Target: Spawn database and backend lead agents to:
- Add optional
rootImagetoMenu, andcolumnImage,hoverImagetoMenuIteminapps/backend/prisma/schema.prisma. - Create and run migration.
- Update
packages/types/index.tsto include the three image fields. - Update Elysia route body validation schemas and database saving logic in
apps/backend/src/routes/menus.ts. - Update
apps/mcp-server/menu-tools.tsandmenu-toolkit.tsif needed.
- Add optional
- Verification: Monorepo compiles successfully (
npm run typecheckand builds pass).
Step 3: Storefront & Admin UI (M3)
- Target: Spawn frontend lead and Next.js SEO architect agents to:
- Update the admin builder
apps/admin/src/pages/MenuManagerPage.tsxto support configuringrootImage,columnImage, andhoverImageinside the tree node editor. - Update
apps/spa/src/store/menuStore.tsandapps/spa/src/components/DesktopMegaMenu.tsx/MobileDrawer.tsxto use the new fields. - Update
apps/website/src/components/navigation/menuTypes.tsandapps/website/src/components/navigation/DesktopMegaMenu.tsx/MobileDrawer.tsxto implement the 3-image layout usingnext/imagewith lazy loading and fade-in animations.
- Update the admin builder
- Verification: No typecheck errors and UI renders correctly based on configured values.
Step 4: E2E & Adversarial Hardening (M4)
- Target: Run E2E tests, add white-box/adversarial tests (Phase 2), and run the Forensic Auditor to audit code integrity.
- Verification: All tests pass, Forensic Auditor gives a CLEAN verdict.