LFX Application Submission

[Ayush4958]

Summary

This PR introduces a new Assets page to the OpenCost UI, providing a structured and scannable view of infrastructure assets and their associated costs.

The page uses the Carbon Design System’s DataTable component to ensure visual consistency with the existing UI and to support future scalability through search and pagination.

---

Changes Introduced

• Added a new Assets page displaying:
  • Asset name
  • Asset type
  • Total cost
• Implemented pagination and search using Carbon DataTable
• Introduced a mock data layer for assets to enable UI development in the absence of a stable backend /assets API
• Scoped CSS overrides to keep the table background pure white for improved readability without affecting global styles

---

UX & Design Rationale

The tabular layout was chosen to align with existing OpenCost UI patterns and to allow users to quickly compare cost data across assets. A clean, white background was intentionally used to reduce visual noise and improve clarity when working with dense financial data.

Pagination and search were included to ensure the page remains usable as the number of assets grows.

---

Backend Integration Note

The assets service is structured to clearly separate:

• Real API integration (currently commented)
• Mock data (used for UI validation)

This allows the UI to be reviewed and tested independently, while making it straightforward to enable backend integration once a stable /assets endpoint is available.

---

Future Work

• Replace mock data with real backend integration once available

[netlify]

✅ Deploy Preview for opencost-ui ready!

Name	Link
🔨 Latest commit	24e64ef
🔍 Latest deploy log	https://app.netlify.com/projects/opencost-ui/deploys/698a2686ee1b880007603461
😎 Deploy Preview	https://deploy-preview-209--opencost-ui.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

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