document.addEventListener('DOMContentLoaded', () => {
    // Сохраним исходное состояние mainchatPanel
    const mainchatPanel = document.getElementById('mainchatPanel');
    const mainchatArea = document.querySelector('.mainchatarea');
    const originalHTML = mainchatPanel.outerHTML; // Сохраняем исходный HTML
    const parent = mainchatPanel.parentNode; // Сохраняем родительский элемент сразу после загрузки
        
    // Сохраняем начальные стили в момент загрузки
    const defaultComputedStyle = {
        background: getComputedStyle(mainchatPanel).background,
        width: getComputedStyle(mainchatPanel).width,
        minWidth: getComputedStyle(mainchatPanel).minWidth,
        height: getComputedStyle(mainchatPanel).height,
        display: getComputedStyle(mainchatPanel).display
    };
    
    // Сохраняем начальные стили для mainchatarea
    const defaultMainchatAreaStyle = {
        display: getComputedStyle(mainchatArea).display,
        flexDirection: getComputedStyle(mainchatArea).flexDirection,
        marginTop: getComputedStyle(mainchatArea).marginTop,
        marginRight: getComputedStyle(mainchatArea).marginRight,
        marginLeft: getComputedStyle(mainchatArea).marginLeft
    };
    
    // Функция для восстановления mainchatPanel
    const restoreMainchatPanel = () => {
        // Убедимся, что родитель существует
        if (parent) {
            // Удаляем третий дочерний элемент родителя, если он существует
            parent.innerHTML = '';

            // Восстанавливаем исходный HTML
            //parent.innerHTML += originalHTML;
            parent.innerHTML = '<div id="mainchatPanel">Пожалуйста, обновите страницу</div>';
            //location.reload();
        }
    };

    // Функция обратного вызова для наблюдателя
    const callback = (mutationsList) => {
        for (const mutation of mutationsList) {
            if (mutation.type === 'childList' || mutation.type === 'attributes') {
                // Если произошли изменения, восстанавливаем блок
                console.log('Обнаружены изменения в mainchatPanel. Восстанавливаем состояние.');
                restoreMainchatPanel();
                break; // Восстановим только один раз после обнаружения изменений
            }
        }
    };

    // Создаем экземпляр MutationObserver
    const observer = new MutationObserver(callback);

    // Конфигурация наблюдателя
    const config = {
        childList: true, // Наблюдаем за добавлением/удалением дочерних элементов
        attributes: true, // Наблюдаем за изменениями атрибутов
        subtree: true // Наблюдаем за изменениями в поддеревьях
    };

    // Начинаем наблюдение за mainchatPanel
    observer.observe(mainchatPanel, config);
    
    // Проверяем, был ли удален mainchatPanel
    const checkMainChatPanel = setInterval(() => {
        const currentMainchatPanel = document.getElementById('mainchatPanel');
        if (!currentMainchatPanel) {
            console.log('mainchatPanel был удален. Восстанавливаем его.');
            restoreMainchatPanel();
        }
    }, 1000); // Проверяем каждую секунду
});

Почему restoreMainchatPanel(); срабатывает если развернуть окно браузера полностью или потянуть развернутое полностью окно чтобы оно стало маленьким