[Shopping List] Task 7 – Manager Web UI & Admin Controls

[akisma]

Epic

• Parent: EPIC Task 1: AI-powered Mobile Shopping List Experience for Chefs #57

Goal

Create a lightweight front end app in NextJS, TypeScript. Expose shopping list management capabilities within the desktop interface so managers can review and delete lists from the web app. Pursue the SIMPLEST PATH, this is a POC.

Deliverables

• New web route/page listing shopping lists with filters and status indicators
• Detail view or modal for inspecting list contents and reminder metadata
• Delete/complete controls with confirmation dialogs and role-based access checks
• Reuse backend APIs from Task 2; ensure optimistic UI updates with error handling
• Component/unit tests for the new UI and updated Redux/query logic

Acceptance Criteria

• UI matches existing design system for CostFX (this repo) and remains responsive
• Documentation updated to describe manager workflows and permissions

Notes

• Coordinate with product/design on layout and information hierarchy
• Integrate notification/toast system for success/error messaging
• Include manual QA checklist for final acceptance