Требуется разработать универсальный редактор параметров виджетов для существующего React-приложения. Это модальное окно, которое по декларативной схеме конкретного виджета автоматически строит интерфейс его настройки: вкладки и секции, стандартные поля, списки, привязку к источникам данных и более сложные структуры. Ключевое требование — никаких отдельных редакторов под каждый тип виджета: новый виджет должен подключаться через описание его параметров без изменений кода редактора.

Стек — React 19 + TypeScript, результат оформляется как npm-пакет и интегрируется с уже существующим визуальным редактором. Нужно реализовать набор простых и составных контролов, включая вложенные reorderable-списки, редактор условий AND/OR/NOT, Source/binding editor, структурную валидацию, светлую/тёмную тему и RU/EN. Также предусмотрена YAML-вкладка с двусторонней синхронизацией Visual ↔ YAML; готовый YAML editor и необходимые контракты/справочники со стороны Core предоставим. Backend, загрузка данных и runtime-логика виджетов в задачу не входят.

Для первичного отбора просьба в отклике написать кратко, как вы бы архитектурно реализовали schema-driven editor, какие React/TypeScript библиотеки использовали бы для drag-and-drop и YAML, привести 1–2 примера похожих реализованных интерфейсов и дать предварительную оценку трудоёмкости. Предоставим полное техническое задание и текущий код существующего редактора.

В аттаче clickable react demo. Аналогичная реализация - Home Assistant, widget property editor.