Vinay K Costs Graph

[Vinay944924]

Description

Related PRS (if any):

This frontend PR is related to the development backend PR.

Main changes explained:

• Enhanced Planned vs Actual Cost Visibility with variance and budget indicators

How to test:

1. check into current branch
2. do npm install and ... to run this PR locally
3. Clear site data/cache
4. log as admin user
5. go to http://localhost:5173/bmdashboard/totalconstructionsummary -> Financials Tracking → Planned vs Actual Costs
6. Verify the budget indicators and variance for Planned vs Actual Cost

Screenshots or videos of changes:

Task.mov

Note:

Include the information the reviewers need to know.

[netlify]

✅ Deploy Preview for highestgoodnetwork-dev ready!

Name	Link
🔨 Latest commit	d1680ea
🔍 Latest deploy log	https://app.netlify.com/projects/highestgoodnetwork-dev/deploys/6a1bccf20c29980008a01bc3
😎 Deploy Preview	https://deploy-preview-5276--highestgoodnetwork-dev.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.
🤖 Make changes	Run an agent on this branch

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[kunchalasireesha]

Hi Vinay,

Tested Financials Tracking → Planned vs Actual Costs for budget indicators and variance.

Currently blocked by an API issue — the page shows:
“Error: Failed to load project cost data”

From the logs, the predictions API request appears to be malformed due to URL construction:
http://localhost:4500/api//project/1/predictions
(double / before project).

It looks like APIEndpoint already includes /api, and the request path may be adding an extra /. Because of this, I’m unable to verify the Planned vs Actual Cost calculations/variance until the API issue is resolved

[DeepighaJ]

Getting npm error while npm install

[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

[DeepighaJ]

• Checked out to current branch and test PR locally.
• The variance and budget indicators are displayed as expected in both light and dark modes.
• However when filtering the categories the Variance & budget indicator displays Total Variance instead of filtered category variance. If this is the expected behavior then good to go.

[HemanthNidamanuru]

Hi Vinay,

I tested this locally following the steps provided and found 1 issue:

The graph is not loading in the Financials Tracking > Planned vs Actual Costs section.
I can see from the backend logs that the API is being called with the Project ID but "No tools found for project" and Total tools cost: 0, which seems to be causing the graph to not render.

[amaresh2001]

Tested locally on vinay_k_costs_graph.

Testing:

• Variance and Budget Indicators section displays correctly, showing Total Variance, Planned/Actual/Variance breakdown, and "OVER BUDGET" and "UNDER BUDGET" labels.
• Project dropdown updates the bar chart and variance indicators correctly.
• Category dropdown (Overall, Labor, Materials, Equipment) updates the numbers correctly.
• Dark mode is fully supported, variance table and indicators remain readable.

Issues:
"Planned Vs Actual Costs Tracking" line chart fails to load. The left side of the section displays "Error: Failed to load project cost data" instead of rendering the line chart (with Planned Cost, Actual Cost, and Predicted Cost lines).