Feature request: first-class code components (custom React/JS components with editable props)

[brahmastudio]

Problem
Right now custom interactive functionality can only live in HTML Embeds. Embeds work, but they are black boxes: no visual props, and configuration means editing code inside the embed.

Proposed solution (incremental)

1. Registered components: let users register an external JS bundle (URL) exposing a mount function, plus a JSON schema of its props.
2. The component then appears in the Add panel like any element, renders live on the canvas, and its props render as fields in the right sidebar (text/number/select/color).
3. (Later) In-editor compilation of pasted React/TSX à la Framer.

Why it matters
Step 1–2 alone would make Ycode the first open-source builder where agencies can ship reusable interactive components (stores, booking widgets, dashboards) that non-technical editors can configure visually. This is currently the gap between open-source builders and Framer, and even the registered-bundle version (no in-browser compilation) covers most real-world use.

Context
I'm running self-hosted Ycode with compiled React components (e-commerce storefront) mounted via embeds — works great, but props must be edited in the embed code (see my Show and tell post). CMS variables inside embeds would be a workaround, but they're currently not substituted (bug reported separately). Happy to beta-test or share the use case in detail.