synergycodes/workflowbuilder — reverse-engineered prompt

Build me a reusable React workflow builder that I can embed inside another product. I want people to open a visual canvas, drag steps onto it, connect them, configure each step, and save or load workflows later.

Please include a simple demo app that opens in the browser with a starter workflow template so I can test the editor right away. Also include a fuller sample product for AI automations where a user can pick a template like a sales inquiry flow, press Play, and see the workflow execute with logs. It should work with fake AI responses by default, but let me plug in a real model key later.

Keep the editor flexible so the back end and execution system can be swapped out. Use Temporal for the reference execution example if that fits. Make it clean enough to be used as an SDK, with docs or examples showing how to embed the component in another React app. Look up the current docs online if you need to.