Реализовать древовидный анонимный P2P чат на react, синхронизирующийся в режиме реального времени по WebRTC, хранящий данные в localStorage

Этот чат должен использовать этот прототип визуализации дерева.
Командная строка будет превращена в строку вводу сообщений и будет размещения снизу.
Логотип предлагаю убрать полностью (для простоты), в будущем его можно будет обратно добавить в виде фонового изображения.

Механизм работы чата:

• Изначально, если все клиенты подключились к странице с чатом в первый раз, там всего лишь одно сообщение - "начало".
• Пользователь выбирает сообщение, оно помечается оранжевым цветом.
• Далее он начинает вводить сообщение (если при этом текстовое поле не в фокусе, оно автоматически фокусируется при нажатии любой из буквы/цифры без CTRL и ALT).
• После того как ввод сообщения окончен, пользователь нажимает Enter и сообщение тут же появляется в качестве вложенного в то сообщение, которое было выделено в самом конце находящихся там сообщений.
• Новое сообщение тут же выделяется после добавление и страница осуществляет перемещение к нему.
• При этом уведомление об изменениях отправляется всем клиентам подключенным по WebRTC.

Хранение данных:

• У сообщений в качестве идентификаторов используется время их создания, чтобы можно было определять их порядок относительно друг друга.
• Сообщения хранятся в виде пар значений время создания сообщения родителя - JSON объект, содержащий текст сообщения и массив временных меток сообщений-детей.
• Изначально удаление и обновление сообщений не предусмотрено, только добавление.

Реализацию этого чата желательно делать после того как прототип веб-интерфейса будет превращён в соответствующие React-пакеты (https://github.com/linksplatform/InfiniteDepthTreeWebUIPrototype/issues/13).
Реализация должна размещаться в отдельном для этого репозитории, и возможно быть доступна в виде React пакета.

Inizia esaminando la visualizzazione del prototipo referenziata e l’issue #13, poiché questo lavoro è destinato a seguire la conversione del package React. Definisci quindi l’ambito del repository separato o del package React intorno alla tree chat descritta, alla sincronizzazione WebRTC, alla persistenza in localStorage, al comportamento dell’input e al flusso di inserimento dei messaggi; il lavoro è completato quando questi requisiti funzionano insieme.