User: <div class="button-container">
						<button class="del-message" id="rewrite-message" title="Переписать последний ответ">
							<img src="icons8-reload.svg">
						</button>
						<button class="del-message" id="del-message" title="Удалить последний ответ/вопрос">
							<img src="icons8-delete.svg">
						</button>
					</div>

как сделать кнопки не кликабельными. напиши функцию на js
Assistant: Чтобы сделать кнопки не кликабельными, можно использовать JavaScript для отключения событий на них. Вот пример функции, которая отключает кнопки, добавляя атрибут `disabled`, а также изменяет стиль их отображения, чтобы пользователь увидел, что они не активны:

```javascript
function disableButtons() {
    const buttons = document.querySelectorAll('.del-message');
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });
}

// Пример вызова функции
disableButtons();
```

### Объяснение:
- `querySelectorAll('.del-message')` получает все кнопки с классом `del-message`.
- `button.disabled = true` отключает каждую кнопку, предотвращая нажатие на неё.
- Дополнительно меняется стиль (прозрачность и курсор) для визуального отображения, что кнопки не доступны.

Если вы хотите сделать кнопки снова активными, вы можете создать дополнительную функцию, которая будет снимать `disabled` и восстанавливать стили:

```javascript
function enableButtons() {
    const buttons = document.querySelectorAll('.del-message');
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });
}

// Пример вызова функции
// enableButtons(); // Включить кнопки снова
```

Теперь у вас есть две функции: одна для отключения и одна для включения кнопок.
User: В этих же функциях надо заблокировать кнопку
<button class="send-button">
					  <img src="icons8-sent-30.svg" alt="Отправить">
					</button>
Assistant: Чтобы заблокировать кнопку с классом `send-button` в тех же функциях, вы можете внести небольшие изменения в предыдущие функции `disableButtons` и `enableButtons`. Вот обновленные версии этих функций, которые теперь также обрабатывают кнопку `send-button`:

```javascript
function disableButtons() {
    const buttons = document.querySelectorAll('.del-message, .send-button'); // Получаем кнопки del-message и send-button
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });
}

// Пример вызова функции
disableButtons();

function enableButtons() {
    const buttons = document.querySelectorAll('.del-message, .send-button'); // Получаем кнопки del-message и send-button
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });
}

// Пример вызова функции
// enableButtons(); // Включить кнопки снова
```

### Объяснение изменений:
1. В функции `disableButtons` и `enableButtons` мы изменили селектор в `querySelectorAll`, добавив выборку кнопки с классом `.send-button` вместе с кнопками `.del-message`. Теперь обе группы кнопок будут обрабатываться в одной функции.
2. Все остальные действия остались прежними.

С помощью этих функций вы сможете отключить и снова включить как кнопки удаления, так и кнопку отправки.
User: В этих же функциях надо заблокировать селект

<section class="dropdowncontainer">
					  <div class="dropdown dropdown-dark">
						<select name="two" class="dropdown-select" id="selects">
						  <option value="gpt-4o" selected>GPT 4o</option>
						  <option value="gpt-4">GPT 4</option>
						  <option value="gpt-4-0613">GPT 4 0613</option>
						  <option value="gpt-4-32k">GPT 4 32k</option>
						  <option value="gpt-4-0314">GPT 4 0314</option>
						  <option value="gemini-pro">Gemini PRO</option>
						  <option value="llama-3.1">LLaMA 3.1</option>
						  <option value="blackbox">Blackbox</option>
						  <option value="Bing">Copilot</option>
						  <option value="gpt-4-32k-0314">GPT 4 32k 0314</option>
						  <option value="gpt-web">GPT Web</option>
						  <option value="gpt-3.5-turbo">GPT 3.5 turbo</option>
						  <option value="gpt-3.5-turbo-16k">GPT 3.5 turbo 16k</option>
						  <option value="gpt-3.5-turbo-0613">GPT 3.5 turbo 0613</option>
						  <!--<option value="gpt-3.5-turbo-16k-0613">GPT 3.5 turbo 16k 0613</option>-->
						  <option value="gpt-3.5-turbo-0301">GPT 3.5 turbo 0301</option>
						  <option value="text-davinci-003">Text Davinci 003</option>
						  <option value="text-davinci-002">Text Davinci 002</option>
						  <option value="code-davinci-002">Code Davinci 003</option>
						  <option value="gpt-3">GPT 3</option>
						  <option value="text-curie-001">Text Curie 001</option>
						  <option value="text-babbage-001">Text Babbage 001</option>
						  <option value="text-ada-001">Text Ada 001</option>
						  <option value="davinci">Davinci</option>
						  <option value="curie">Curie</option>
						  <option value="babbage">Babbageb</option>
						  <option value="ada">Ada</option>
						  <option value="babbage-002">Babbage 002</option>
						  <option value="davinci-002">Davinci 002</option>
						</select>
					  </div>
					</section>
Assistant:  добавить возможность отключения селекта в ваших функциях, вы можете модифицировать код, чтобы он также обрабатывал элемент `<select>`. Вот как могут выглядеть обновленные функции:

```javascript
function disableButtonsAndSelect() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    
    // Отключаем кнопки
    buttons.forEach(button => {
        button.disabled = true; // Отключаем кнопку
        button.style.opacity = '0.5'; // Меняем прозрачность для визуального эффекта отключения
        button.style.cursor = 'not-allowed'; // Изменяем курсор на 'not-allowed'
    });

    // Отключаем селект
    select.disabled = true; // Отключаем селект
    select.style.opacity = '0.5'; // Меняем прозрачность
    select.style.cursor = 'not-allowed'; // Изменяем курсор
}

// Пример вызова функции
disableButtonsAndSelect();

function enableButtonsAndSelect() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    
    // Включаем кнопки
    buttons.forEach(button => {
        button.disabled = false; // Включаем кнопку
        button.style.opacity = '1'; // Восстанавливаем прозрачность
        button.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
    });

    // Включаем селект
    select.disabled = false; // Включаем селект
    select.style.opacity = '1'; // Восстанавливаем прозрачность
    select.style.cursor = 'pointer'; // Устанавливаем курсор на 'pointer'
}

// Пример вызова функции
// enableButtonsAndSelect(); // Включить кнопки и селект снова
```

### Объяснение изменений:
1. Мы добавили получение элемента `<select>` с использованием `document.getElementById('selects')`.
2. В функции `disableButtonsAndSelect` после обработки кнопок мы также отключаем селект, добавляя атрибут `disabled` и меняя стиль для визуального отображения.
3. В функции `enableButtonsAndSelect` мы аналогично включаем селект.

Теперь, когда вы вызываете `disableButtonsAndSelect()`, кнопки и селект будут отключаться, а при вызове `enableButtonsAndSelect()` они будут снова доступны.
User: В этих же функциях надо заблокировать ссылки

<div class="tabsButtonspanel-container"> <!-- Контейнер для кнопок -->
				<div data-v-927731f4="" class="tabsButtonspanel open">
					<input type="file" id="file-upload" style="display: none;" onchange="uploadfile(this)"/>
					<div data-v-f807152d="" class="button">
						<i class="fas fa-upload"></i>&nbsp&nbsp
						<a onclick="document.getElementById('file-upload').click()">Импорт чата</a>
					</div>
					<div data-v-f807152d="" class="button">
						<i class="fas fa-download"></i>&nbsp&nbsp
						<a id="download">Экспорт чата</a>
					</div>
					<div data-v-f807152d="" class="button">
						<i class="fas fa-trash"></i>&nbsp&nbsp
						<a id="clear">Очистить чат</a>
					</div>
				</div>
			</div>
Assistant:  заблокировать ссылки в вашем контейнере с кнопками, можно внести дополнительные изменения в функции `disableButtonsAndSelect` и `enableButtonsAndSelect`. Мы будем использовать селектор для получения всех ссылок внутри контейнера и будем отключать их, добавляя обработчик события, который предотвращает любое действие по клику.

Вот как это можно реализовать:

```javascript
function disableButtonsSelectAndLinks() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    // Получаем все ссылки в контейнере
    const links = document.querySelectorAll('.tabsButtonspanel a');
    
    // Отключаем кнопки
    buttons.forEach(button => {
        button.disabled = true;
        button.style.opacity = '0.5';
        button.style.cursor = 'not-allowed';
    });

    // Отключаем селект
    select.disabled = true;
    select.style.opacity = '0.5';
    select.style.cursor = 'not-allowed';

    // Отключаем ссылки
    links.forEach(link => {
        link.style.pointerEvents = 'none'; // Отключаем клики
        link.style.color = 'gray'; // Меняем цвет, чтобы визуально указать, что ссылка неактивна
    });
}

// Пример вызова функции
disableButtonsSelectAndLinks();

function enableButtonsSelectAndLinks() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    // Получаем все ссылки в контейнере
    const links = document.querySelectorAll('.tabsButtonspanel a');
    
    // Включаем кнопки
    buttons.forEach(button => {
        button.disabled = false;
        button.style.opacity = '1';
        button.style.cursor = 'pointer';
    });

    // Включаем селект
    select.disabled = false;
    select.style.opacity = '1';
    select.style.cursor = 'pointer';

    // Включаем ссылки
    links.forEach(link => {
        link.style.pointerEvents = 'auto'; // Включаем клики
        link.style.color = ''; // Восстанавливаем цвет
    });
}

// Пример вызова функции
// enableButtonsSelectAndLinks(); // Включить кнопки, селект и ссылки снова
```

### Объяснение изменений:
1. Мы добавили получение всех ссылок внутри контейнера `.tabsButtonspanel` с помощью `document.querySelectorAll('.tabsButtonspanel a')`.
2. В функции `disableButtonsSelectAndLinks` для каждой ссылки мы изменили стиль `pointer-events` на `'none'`, что предотвратит любые действия по клику на них. Также мы изменили цвет ссылки на серый, чтобы визуально указать на её неактивность.
3. В функции `enableButtonsSelectAndLinks` мы восстанавливаем `pointer-events` на `'auto'`, чтобы ссылки снова стали кликабельными, и убираем измененный цвет ссылок.

Так, теперь при вызове `disableButtonsSelectAndLinks()` будут отключены кнопки, селект и ссылки, а при вызове `enableButtonsSelectAndLinks()` все они будут снова активны.
User: Надо чтобы иконки перед ссылками (например, <i class="fas fa-upload"></i>) тоже меняли цвет
Assistant:  изменить цвет иконок перед ссылками в процессе отключения и включения, вы можете дополнительно изменить стиль элементов `<i>` внутри контейнера с кнопками. Для этого можно добавить соответствующие изменения в функции `disableButtonsSelectAndLinks` и `enableButtonsSelectAndLinks`.

Вот обновленный код:

```javascript
function disableButtonsSelectLinksAndIcons() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    // Получаем все ссылки и их иконки в контейнере
    const links = document.querySelectorAll('.tabsButtonspanel a');
    
    // Отключаем кнопки
    buttons.forEach(button => {
        button.disabled = true;
        button.style.opacity = '0.5';
        button.style.cursor = 'not-allowed';
    });

    // Отключаем селект
    select.disabled = true;
    select.style.opacity = '0.5';
    select.style.cursor = 'not-allowed';

    // Отключаем ссылки и изменяем цвет иконок
    links.forEach(link => {
        link.style.pointerEvents = 'none'; // Отключаем клики
        link.style.color = 'gray'; // Меняем цвет ссылки на серый

        // Получаем иконку перед ссылкой и меняем её цвет
        const icon = link.previousElementSibling; // Предполагаем, что иконка предшествует ссылке
        if (icon) {
            icon.style.color = 'gray'; // Меняем цвет иконки на серый
        }
    });
}

// Пример вызова функции
disableButtonsSelectLinksAndIcons();

function enableButtonsSelectLinksAndIcons() {
    // Получаем кнопки del-message и send-button
    const buttons = document.querySelectorAll('.del-message, .send-button');
    // Получаем селект с id "selects"
    const select = document.getElementById('selects');
    // Получаем все ссылки и их иконки в контейнере
    const links = document.querySelectorAll('.tabsButtonspanel a');
    
    // Включаем кнопки
    buttons.forEach(button => {
        button.disabled = false;
        button.style.opacity = '1';
        button.style.cursor = 'pointer';
    });

    // Включаем селект
    select.disabled = false;
    select.style.opacity = '1';
    select.style.cursor = 'pointer';

    // Включаем ссылки и восстанавливаем цвет иконок
    links.forEach(link => {
        link.style.pointerEvents = 'auto'; // Включаем клики
        link.style.color = ''; // Восстанавливаем цвет ссылки

        // Получаем иконку перед ссылкой и восстанавливаем её цвет
        const icon = link.previousElementSibling; // Предполагаем, что иконка предшествует ссылке
        if (icon) {
            icon.style.color = ''; // Восстанавливаем цвет иконки
        }
    });
}

// Пример вызова функции
// enableButtonsSelectLinksAndIcons(); // Включить кнопки, селект и ссылки и иконки снова
```

### Объяснение изменений:
1. В функции `disableButtonsSelectLinksAndIcons` мы добавили код для получения иконки перед ссылкой с помощью `link.previousElementSibling`.
2. Затем, изменили цвет этой иконки на серый.
3. В функции `enableButtonsSelectLinksAndIcons` мы восстанавливаем цвет иконки, используя тот же метод.

Теперь при отключении кнопок и селекта цвет иконок также будет меняться, а при включении — восстанавливаться. Это улучшит визуальную обратную связь для пользователей.
User: В этих же функциях надо заблокировать кнопку

<div data-v-f807152d="" class="button" id="newchat">
					<svg data-v-f807152d="" xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" class="icon"><path data-v-f807152d="" d="M15.673 3.913a3.121 3.121 0 1 1 4.414 4.414l-5.937 5.937a5 5 0 0 1-2.828 1.415l-2.18.31a1 1 0 0 1-1.132-1.13l.311-2.18A5 5 0 0 1 9.736 9.85zm3 1.414a1.12 1.12 0 0 0-1.586 0l-5.937 5.937a3 3 0 0 0-.849 1.697l-.123.86.86-.122a3 3 0 0 0 1.698-.849l5.937-5.937a1.12 1.12 0 0 0 0-1.586M11 4A1 1 0 0 1 10 5c-.998 0-1.702.008-2.253.06-.54.052-.862.141-1.109.267a3 3 0 0 0-1.311 1.311c-.134.263-.226.611-.276 1.216C5.001 8.471 5 9.264 5 10.4v3.2c0 1.137 0 1.929.051 2.546.05.605.142.953.276 1.216a3 3 0 0 0 1.311 1.311c.263.134.611.226 1.216.276.617.05 1.41.051 2.546.051h3.2c1.137 0 1.929 0 2.546-.051.605-.05.953-.142 1.216-.276a3 3 0 0 0 1.311-1.311c.126-.247.215-.569.266-1.108.053-.552.06-1.256.06-2.255a1 1 0 1 1 2 .002c0 .978-.006 1.78-.069 2.442-.064.673-.192 1.27-.475 1.827a5 5 0 0 1-2.185 2.185c-.592.302-1.232.428-1.961.487C15.6 21 14.727 21 13.643 21h-3.286c-1.084 0-1.958 0-2.666-.058-.728-.06-1.369-.185-1.96-.487a5 5 0 0 1-2.186-2.185c-.302-.592-.428-1.233-.487-1.961C3 15.6 3 14.727 3 13.643v-3.286c0-1.084 0-1.958.058-2.666.06-.729.185-1.369.487-1.961A5 5 0 0 1 5.73 3.545c.556-.284 1.154-.411 1.827-.475C8.22 3.007 9.021 3 10 3A1 1 0 0 1 11 4"></path></svg>
				</div>
Assistant: