Manoj - Enhance Material Usage Dashboard with Interactive and Informational Features(Backend)

[ManojPuttaswamy]

Description

Related PRS (if any):

To test this backend PR you need to checkout the PR#5162 frontend PR.
…

Main changes explained:

Frontend (UtilizationChart.jsx)

1. Enhanced tooltips — full name, utilization, downtime, count
2. Summary banner — total tools, avg utilization, top tool, total downtime
3. Comparison toggle — consistent with Apply button flow
4. Increased Only filter — visible only when comparison is ON
5. Download CSV/PDF — reflects current filters
6. 4-week trend line chart with linear regression trend line
7. Mock data commented out, real API calls active

Frontend (UtilizationChart.module.css)

1. Summary banner styles
2. Comparison toggle styles
3. Download dropdown styles
4. Trend section styles
5. Full dark mode support

Backend (toolUtilizationController.js)

1. count field added to per-tool response
2. groupBy=week support — single API call for trend data
3. computeUtilizationForRange extracted as shared helper
4. No breaking changes to existing behavior

How to test:

1. check into current branch
2. do npm install and npm run start to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to /UtilizationChart
6. verify above listed functionalities and also with dark mode.

Screenshots or videos of changes:

REC-20260416013413.mp4

[sonarqubecloud]

Quality Gate passed

Issues
0 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarQube Cloud