Custom PCF Visualization Control

I’m building a model-driven app in Microsoft Dynamics 365 CE and need a single Power Apps Component Framework (PCF) control that combines rich data visualisation with direct data entry.

The control should
• render live charts, graphs, tables and dashboard-style summaries drawn from a bound view, FetchXML or a configurable dataset;
• let users add or edit records through embedded forms and interactive elements;
• support secure file uploads tied to the same record context.

I’d like it written in TypeScript, following Microsoft’s PCF CLI conventions, and styled with Fluent UI so it stays responsive across browsers and devices. Performance matters: the visual layer should stay fluid even with several thousand rows, and background data calls must be handled asynchronously.

Deliverables
- Complete source code with comments and a README outlining build, deployment and extension points
- A managed solution (or unmanaged plus build script) ready for import into a Dynamics 365 online environment
- Short walkthrough showing configuration of the visual and its data-input elements

Acceptance criteria
- All four visualisation modes (charts, graphs, tables, dashboards) load correctly from a selected view or FetchXML query
- Forms, interactive controls and file uploads create or update records without page refresh
- No console errors and CLS compliant packaging (Solution Checker passes)

If this aligns with your skills in PCF, React/Fluent UI and Dynamics 365 CE, let’s talk timing and milestones.