76 lines
2.0 KiB
Markdown
76 lines
2.0 KiB
Markdown
# Task: Frontend developer feedback review
|
|
|
|
## Goal
|
|
|
|
Add the developer-facing global feedback review area.
|
|
|
|
## Feature Spec
|
|
|
|
- `docs/FEATURES/product-feedback.md`
|
|
|
|
## Scope
|
|
|
|
- Add routes restricted to the `Developer` role:
|
|
- `/app/feedback`
|
|
- `/app/feedback/:id`
|
|
- Add feature-owned views/stores/components under `frontend/src/features/feedback/`.
|
|
- Add a discoverable navigation entry for users with the `Developer` role.
|
|
- The list page is global and shows all reports by default, including final statuses.
|
|
- Support list filters:
|
|
- type
|
|
- status
|
|
- tag
|
|
- reporter
|
|
- workspace context
|
|
- date range
|
|
- text search
|
|
- Support sorting by:
|
|
- newest
|
|
- oldest
|
|
- last activity
|
|
- Detail page should show:
|
|
- report details and captured metadata
|
|
- reporter name/email
|
|
- current URL/path link
|
|
- screenshot preview
|
|
- developer download/open-original screenshot action
|
|
- comments
|
|
- activity timeline
|
|
- status updates
|
|
- type updates
|
|
- tag management with suggestions from previously used tags
|
|
- Allow developers to comment on any feedback report.
|
|
- 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
|
|
|
|
- Do not add assignment, priority, severity, duplicate linking, or private comments.
|
|
- Keep the review page operational and dense, not a Jira-style board.
|
|
|
|
## Validation
|
|
|
|
```bash
|
|
cd frontend
|
|
npm run build
|
|
```
|
|
|
|
## Done When
|
|
|
|
- [ ] Only users with the `Developer` role can access `/app/feedback`.
|
|
- [ ] Developers can list all feedback with required filters and sorting.
|
|
- [ ] Developers can open details and inspect metadata.
|
|
- [ ] Developers can preview and download/open screenshots.
|
|
- [ ] Developers can update type, status, and tags.
|
|
- [ ] Tag suggestions use previously used tags.
|
|
- [ ] Developers can comment.
|
|
- [ ] UI strings exist in English and French.
|
|
- [ ] Frontend build passes.
|