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

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

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

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

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

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

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

Comienza revisando la visualización del prototipo referenciada y el issue #13, ya que este trabajo está destinado a seguir a la conversión del paquete React. Después, delimita el repositorio separado o el paquete React en torno al tree chat descrito, la sincronización mediante WebRTC, la persistencia en localStorage, el comportamiento de entrada y el flujo de inserción de mensajes; estará terminado cuando esos requisitos funcionen conjuntamente.