# Task: Frontend My Feedback pages ## Goal Add reporter-facing pages for tracking submitted feedback. ## Feature Spec - `docs/FEATURES/product-feedback.md` ## Scope - Add routes: - `/app/my-feedback` - `/app/my-feedback/:id` - Add feature-owned views/stores/components under `frontend/src/features/feedback/`. - The list page is global across workspaces and shows only the authenticated user's own reports. - Default the list to active reports: - `New` - `Planned` - Support list filtering by: - status - type - Support sorting by: - newest - last activity - Show unread indicators for reports with unread developer comments or status changes. - Show visible tags. - Detail page should show: - report details - current URL/path link - screenshot preview - tags - comments - activity timeline - cancellation action with optional reason when the report is not final - Allow reporters to add follow-up comments. - Extend navigation/sidebar/user menu as appropriate so users can find My Feedback. - Add English and French locale strings. ## Likely Files - `frontend/src/router/router.js` - `frontend/src/layouts/main/**` - `frontend/src/features/feedback/**` - `frontend/src/locales/en.json` - `frontend/src/locales/fr.json` ## Notes - Reporters cannot edit or delete submitted feedback in v1. - Reporters cannot change status except cancelling their own non-final report. - `Cancelled` is final. ## Validation ```bash cd frontend npm run build ``` ## Done When - [ ] Authenticated users can open My Feedback. - [ ] My Feedback defaults to active reports. - [ ] Users can filter and sort their feedback. - [ ] Unread indicators are visible where applicable. - [ ] Users can open details, preview screenshots, read timeline, and comment. - [ ] Users can cancel their own non-final report with an optional reason. - [ ] UI strings exist in English and French. - [ ] Frontend build passes.