premieroctet/openchakra ? reverse-engineered prompt

Build me a visual editor for React components using Chakra UI, where I can drag and drop UI pieces onto a canvas and quickly put together a page without writing much code.

I want a left panel with Chakra components and a few ready made presets, a main editor area where I can arrange and select things, and a right side inspector for editing props, spacing, colors, and other styling options. It should feel easy to use, with live updates as I change things, plus undo and redo, delete, duplicate, and keyboard shortcuts for common actions.

Please also show the generated React code in a code panel, and let me export it in a way that I can move it into a real project or send it to CodeSandbox. Save the work locally so it comes back when I refresh. Make it polished and responsive, and if you need to check current Chakra UI docs online, go for it.