# 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.
