WooCommerce Dust Collection Configurator

I need a complete, responsive Interactive Dust-Collection Configurator integrated with WooCommerce and WordPress. The application should allow users to build custom dust-collection pipe layouts using a drag-and-drop interface. It should support straight pipes, 90°, 45°, 22.5° elbows, reducers, connectors, and other fittings. The configurator should include: 1. Interactive Builder: A lightweight 2D or simple 3D canvas where users can add, move, rotate, connect, and remove pipe components. 2. Automatic Bill of Materials: Dynamically calculate the required products, SKUs, descriptions, quantities, and total prices based on the selected components. 3. WooCommerce Integration: Fetch current product information and pricing directly from the existing WooCommerce store. 4. Quote Requests: Allow users to submit their completed configurations and BOM directly to the business owner. 5. Save and Share: Generate unique URLs for saved configurations so users and dealers can reopen and share designs. 6. Export Options: Allow configurations to be exported as JSON and PDF. 7. Dealer Management: Provide an admin dashboard to add, manage, and suspend dealers and configure monthly licensing fees. 8. Multi-site Support: Make the configurator available on the main WordPress website and partner dealer websites through an embeddable snippet or white-label subdomain. 9. Responsive Design: Ensure the interface works smoothly on desktop, tablet, and mobile devices. 10. Documentation: Provide clear instructions for managing products, updating pricing, maintaining the configurator, and managing dealer accounts. Suggested technology includes Vue.js or React, Three.js if needed, PHP, WordPress REST API, WooCommerce API, and MySQL. The priority is accurate pipe connections, reliable BOM calculations, live pricing, and smooth browser performance rather than high-resolution 3D rendering. The final solution should be scalable, secure, easy to maintain, and visually consistent with the existing website.