social-media/docs/TASKS/product-feedback/005-frontend-my-feedback.md

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

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.