Interactive Dust-Collection Configurator

I need an in-browser configurator that lets woodworkers drag-and-drop straight pipe, 90°, 45°, 22.5° and other fittings to lay out a complete dust-collection system. While they build, the tool must keep an accurate bill of materials: SKU, description, quantity and current price pulled from my WooCommerce shop.

When the layout is done the user should be able to
• send the item list directly to me as a quote request, and
• save the design with a unique link they can share with any dealer.

The builder has to run both on my own WordPress site and, via an embeddable snippet or white-label sub-domain, on partner dealer sites for a small monthly licence. A lightweight admin panel where I can add or suspend dealers and set their monthly fee will cover that side.

Core expectations
• Responsive drag-and-drop canvas (2D or simple 3D) built with modern JS—React, Vue, Three.js or similar.
• Real-time BOM and pricing pulled from the existing product database.
• Export design as JSON/PDF, plus shareable URL.
• Clean, branded UI that matches my current site.
• Documentation so I can maintain pipe parts, prices and dealer accounts myself.

I have no fixed deadline, so you can propose a realistic schedule and milestone breakdown that fits the scope.
It don´t need a high resoultion rendering, cause its on a website, live.