Delegate Next.js web dashboard tasks to the frontend-engineer agent. Use for React components, pages, custom hooks, Zustand stores, TanStack Query, Tailwind CSS, shadcn/ui, HR module UI (leave, payroll, employees, onboarding, performance, org chart), reusable component architecture, or any work in the /web directory.
Delegate this task to the frontend-engineer agent using the Agent tool with subagent_type: "frontend-engineer".
web/src/app/(dashboard)/*/page.tsx)web/src/components/)web/src/hooks/) — business logic out of componentsweb/src/stores/) — UI state onlyweb/src/lib/api.ts)useQuery / useMutation — never raw useEffect+fetchweb/src/lib/validations/)gap-*, size-*, cn()useEffect + fetch)typeof window !== 'undefined' guards/frontend <describe the frontend task>