проблема с отсутсвеем CORS   не ожидать его
<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <title>Чат-Бот на JavaScript</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f2f2f2;
            display: flex;
            flex-direction: column;
            align-items: center;
            padding: 20px;
        }
        #chat-container {
            width: 100%;
            max-width: 600px;
            background-color: #fff;
            border: 1px solid #ddd;
            border-radius: 5px;
            padding: 20px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            height: 500px;
            overflow-y: auto;
            margin-bottom: 20px;
        }
        .message {
            margin-bottom: 15px;
        }
        .user {
            text-align: right;
        }
        .user .text {
            display: inline-block;
            background-color: #daf1da;
            padding: 10px;
            border-radius: 10px;
        }
        .bot .text {
            display: inline-block;
            background-color: #f1f0f0;
            padding: 10px;
            border-radius: 10px;
        }
        #input-container {
            width: 100%;
            max-width: 600px;
            display: flex;
        }
        #user-input {
            flex: 1;
            padding: 10px;
            font-size: 16px;
        }
        #send-button {
            padding: 10px 20px;
            font-size: 16px;
            margin-left: 10px;
            cursor: pointer;
        }
    </style>
</head>
<body>

    <h1>Чат-Бот</h1>
    <div id="chat-container"></div>
    <div id="input-container">
        <input type="text" id="user-input" placeholder="Введите сообщение..." />
        <button id="send-button">Отправить</button>
    </div>

    <script>
        const chatContainer = document.getElementById('chat-container');
        const userInput = document.getElementById('user-input');
        const sendButton = document.getElementById('send-button');

        // История чата
        let chatbotHistory = [];

        // URL API Gradio модели "yuntian-deng/ChatGPT4"
        const API_URL = 'https://hf.space/embed/yuntian-deng/ChatGPT4/api/predict/';

        // Функция для добавления сообщения в чат
        function addMessage(content, sender) {
            const messageDiv = document.createElement('div');
            messageDiv.classList.add('message', sender);

            const textDiv = document.createElement('div');
            textDiv.classList.add('text');
            textDiv.textContent = content;

            messageDiv.appendChild(textDiv);
            chatContainer.appendChild(messageDiv);
            chatContainer.scrollTop = chatContainer.scrollHeight;
        }

        // Функция для отправки сообщения и получения ответа
        async function sendMessage(userInputValue) {
            if (!userInputValue.trim()) return;

            // Добавляем сообщение пользователя в чат
            addMessage(userInputValue, 'user');

            // Формируем текст с инструкциями для бота
            const userText = `Строго отвечай на вопрос в виде JSON, status TRUE и False. 
Если вопрос отходит от темы здоровье или спорта, то status: False, если нет, то status: true. 
Ответ на задаваемый вопрос содержится в поле content. Если человек спрашивает про препараты лекарственные, дать перечень лекарств, давать инструкции подробно описанные и рекомендации с перечнями ответ должен быть развернутым.

Пример:
{
  "status": true,
  "content": "Вам нужно пройти диагностику в медицинском центре"
}

Вопрос: ${userInputValue}`;

            // Обновляем историю чата
            chatbotHistory.push(['user', userText]);

            try {
                const payload = {
                    inputs: userText,
                    top_p: 1,
                    temperature: 1,
                    chat_counter: 0,
                    chatbot: chatbotHistory
                };

                const response = await fetch(API_URL, {
                    method: 'POST',
                    headers: {
                        'Content-Type': 'application/json'
                    },
                    body: JSON.stringify(payload)
                });

                if (!response.ok) {
                    throw new Error(`Ошибка сети: ${response.status}`);
                }

                const data = await response.json();

                // Проверяем структуру ответа
                if (data && Array.isArray(data)) {
                    const updatedChatbot = data[0];
                    const additionalResponse = data[3]; // Возможно, это дополнительный ответ

                    // Обновляем историю чата
                    chatbotHistory = updatedChatbot || chatbotHistory;

                    // Получаем последний ответ бота
                    if (chatbotHistory && chatbotHistory.length > 0) {
                        const lastPair = chatbotHistory[chatbotHistory.length - 1];
                        if (Array.isArray(lastPair) && lastPair.length >= 2) {
                            const botResponse = lastPair[1];
                            addMessage(botResponse, 'bot');
                        } else {
                            addMessage("Извините, я не смог ответить.", 'bot');
                        }
                    } else {
                        addMessage("Извините, я не смог ответить.", 'bot');
                    }
                } else {
                    addMessage("Извините, я не смог получить корректный ответ от API.", 'bot');
                }
            } catch (error) {
                console.error('Ошибка при отправке сообщения:', error);
                addMessage("Произошла ошибка при общении с ботом.", 'bot');
            }
        }

        // Обработчик кнопки отправки
        sendButton.addEventListener('click', () => {
            const input = userInput.value;
            sendMessage(input);
            userInput.value = '';
        });

        // Обработчик нажатия Enter
        userInput.addEventListener('keypress', (e) => {
            if (e.key === 'Enter') {
                sendButton.click();
            }
        });

        // Инициализация чата
        addMessage("Бот запущен. Введите ваше сообщение ниже.", 'bot');
    </script>

</body>
</html>