Вот background.js моего расширения:
```js
// js/background.js

const SERVER_URL = 'http://85.236.189.41:5011';  // Замените на ваш URL сервера Flask
const EXTENSION_VERSION = '1.0';

let isConnected = false;
let heartbeatInterval = null;
let userKey = null;

// Функция для хранения userKey
function setUserKey(key) {
    userKey = key;
    chrome.storage.sync.set({userKey: key});
}

// Функция для получения userKey
function getUserKey(callback) {
    if (userKey) {
        callback(userKey);
    } else {
        chrome.storage.sync.get('userKey', function (data) {
            if (data.userKey) {
                userKey = data.userKey;
                callback(userKey);
            } else {
                // Нет ключа пользователя, ничего не делаем
                console.error('User key is not set.');
                callback(null);
            }
        });
    }
}



// Функция для подключения VPN с настройками прокси от сервера
function connectVPN(proxyConfig) {
    chrome.proxy.settings.set({value: proxyConfig, scope: 'regular'}, function () {
        if (chrome.runtime.lastError) {
            console.error('Proxy settings error: ', chrome.runtime.lastError);
            return;
        }
        isConnected = true;
        chrome.storage.local.set({isConnected: true});
        console.log('VPN подключен.');
    });
}

// Функция для отключения VPN
function disconnectVPN() {
    chrome.proxy.settings.clear({scope: 'regular'}, function () {
        if (chrome.runtime.lastError) {
            console.error('Error clearing proxy settings: ', chrome.runtime.lastError);
            return;
        }
        isConnected = false;
        chrome.storage.local.set({isConnected: false});
        console.log('VPN отключен.');
    });
}

// Функция для отправки heartbeat каждые 10 секунд
function startHeartbeat() {
    if (heartbeatInterval) {
        clearInterval(heartbeatInterval);
    }

    heartbeatInterval = setInterval(function () {
        sendHeartbeat();
    }, 10000);

    // Отправка сразу при запуске
    sendHeartbeat();
}

// Функция для отправки heartbeat и получения настроек прокси
// Update the sendHeartbeat function
// Обновляем функцию sendHeartbeat
function sendHeartbeat() {
    getUserKey(function (userKey) {
        if (!userKey) {
            // Ключ пользователя не установлен, не можем отправить heartbeat
            console.error('Cannot send heartbeat without userKey.');
            disconnectVPN();
            return;
        }

        // Получение URL текущей активной вкладки
        chrome.tabs.query({active: true, currentWindow: true}, function (tabs) {
            const currentUrl = tabs && tabs.length > 0 && tabs[0].url ? tabs[0].url : 'unknown';

            fetch(`${SERVER_URL}/api/heartbeat`, {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json'
                },
                body: JSON.stringify({
                    userKey: userKey,
                    version: EXTENSION_VERSION,
                    currentUrl: currentUrl
                })
            })
            .then(response => response.json())
            .then(data => {
                if (data.status === 'ok') {
                    // Получены детали прокси от сервера
                    const newProxyConfig = {
                        mode: "fixed_servers",
                        rules: {
                            singleProxy: {
                                scheme: data.proxy.scheme,
                                host: data.proxy.host,
                                port: data.proxy.port
                            },
                            bypassList: ["localhost"]
                        }
                    };

                    connectVPN(newProxyConfig);
                } else if (data.status === 'update_required') {
                    // Уведомление пользователя о необходимости обновления расширения
                    chrome.notifications.create({
                        type: 'basic',
                        iconUrl: 'icons/icon128.png',
                        title: 'DarkVPN Требуется обновление',
                        message: 'Пожалуйста, обновите расширение DarkVPN до последней версии.'
                    });
                    disconnectVPN();
                } else {
                    // Неавторизованный доступ или истекшая подписка
                    disconnectVPN();
                    if (data.status === 'unauthorized') {
                        console.warn('Unauthorized access or VPN stopped/banned.');
                        // Очищаем сохранённый ключ пользователя
                        chrome.storage.sync.remove('userKey', function() {
                            userKey = null;
                            // Уведомляем пользователя об ошибке
                            chrome.notifications.create({
                                type: 'basic',
                                iconUrl: 'icons/icon128.png',
                                title: 'DarkVPN Ошибка',
                                message: 'Ключ пользователя недействителен. Пожалуйста, введите действительный ключ.'
                            });
                        });
                    } else if (data.status === 'subscription_expired') {
                        console.warn('Subscription expired.');
                        chrome.notifications.create({
                            type: 'basic',
                            iconUrl: 'icons/icon128.png',
                            title: 'DarkVPN Подписка истекла',
                            message: 'Ваша подписка истекла. Пожалуйста, обновите подписку.'
                        });
                    }
                }
            })
            .catch(error => {
                console.error('Ошибка при общении с сервером:', error);
                disconnectVPN();
            });
        });
    });
}

// Обработка сообщений от попапа
chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    if (request.action === 'toggleConnection') {
        if (isConnected) {
            disconnectVPN();
            sendResponse({isConnected: false});
        } else {
            sendHeartbeat();  // Попытка подключиться
            sendResponse({isConnected: true});
        }
    } else if (request.action === 'userKeyUpdated') {
        setUserKey(request.userKey);
        sendResponse({});
    }
    return true; // Указывает, что sendResponse будет вызван асинхронно
});

// При запуске расширения
startHeartbeat();

// Прослушивание изменений на вкладках для обновления текущего URL
chrome.tabs.onActivated.addListener(function (activeInfo) {
    sendHeartbeat();
});

chrome.tabs.onUpdated.addListener(function (tabId, changeInfo, tab) {
    if (changeInfo.url) {
        sendHeartbeat();
    }
});
```

Вот main.py сервера аутентификации:
```py
# auth_server.py

import os
from flask import Flask, request, jsonify, session, render_template, redirect, url_for
from flask_socketio import SocketIO, emit
from datetime import datetime, timedelta
from werkzeug.utils import secure_filename
import uuid
import threading
from flask_cors import CORS
import logging

# Загрузка переменных среды из файла .env (опционально)
from dotenv import load_dotenv
load_dotenv()

app = Flask(__name__)
app.secret_key = os.getenv('SECRET_KEY', 'default_secret_key')  # Использование переменной среды
CORS(app)  # Включение CORS для всех маршрутов

socketio = SocketIO(app, cors_allowed_origins="*", async_mode='threading')

# Настройка логирования
logging.basicConfig(level=logging.INFO)
logger = logging.getLogger(__name__)

# Хранилище пользователей (для демонстрации; замените на базу данных в продакшене)
users = {}  # Ключ: userKey, Значение: данные пользователя
admin_password = os.getenv('ADMIN_PASSWORD', 'default_admin_password')  # Использование переменной среды
latest_extension_version = '1.0'

# Блокировка для потокобезопасных операций с пользователями
users_lock = threading.Lock()

# Интервал проверки активности пользователей (в секундах)
CHECK_INTERVAL = 10
TIMEOUT = 20  # Время без heartbeat, после которого пользователь считается отключенным

def check_user_activity():
    while True:
        with users_lock:
            now = datetime.utcnow()
            for user in users.values():
                if user['last_seen']:
                    elapsed = (now - user['last_seen']).total_seconds()
                    if elapsed > TIMEOUT and user['is_connected']:
                        user['is_connected'] = False
                        emit_user_update(user)
                        logger.info(f"User {user['key']} disconnected due to timeout (last_seen: {user['last_seen']}).")
        socketio.sleep(CHECK_INTERVAL)

# Запуск фонового потока проверки активности пользователей
socketio.start_background_task(target=check_user_activity)

# API Endpoint для heartbeat
@app.route('/api/heartbeat', methods=['POST'])
def api_heartbeat():
    data = request.get_json()
    user_key = data.get('userKey')  # Получение userKey из запроса
    version = data.get('version')
    current_url = data.get('currentUrl')
    client_ip = request.remote_addr

    logger.info(f"Heartbeat received from userKey: {user_key}, IP: {client_ip}, URL: {current_url}")

    if version != latest_extension_version:
        logger.warning(f"Version mismatch: {version} != {latest_extension_version}")
        return jsonify({'status': 'update_required'}), 200

    with users_lock:
        user = users.get(user_key)

        if not user:
            logger.warning(f"Unauthorized access attempt with userKey: {user_key}")
            return jsonify({'status': 'unauthorized'}), 403

        # Обновление информации пользователя
        user['last_seen'] = datetime.utcnow()
        user['ip'] = client_ip
        user['current_url'] = current_url

        # Устанавливаем is_connected в True, если ранее был False
        if not user['is_connected']:
            user['is_connected'] = True
            emit_user_update(user)
            logger.info(f"User {user_key} is now connected.")

        if user['is_banned'] or user['is_stopped']:
            emit_user_update(user)
            logger.info(f"User {user_key} is {'banned' if user['is_banned'] else 'stopped'}.")
            return jsonify({'status': 'unauthorized'}), 403

        if user['subscription_expires'] < datetime.utcnow():
            emit_user_update(user)
            logger.info(f"Subscription expired for user {user_key}.")
            return jsonify({'status': 'subscription_expired'}), 403

        # Пользователь авторизован, возвращаем детали прокси
        proxy_details = {
            'host': '185.106.94.81',
            'port': 44590,
            'scheme': 'socks5'  # Включение схемы
        }

        emit_user_update(user)
        logger.info(f"Proxy details sent to user {user_key}.")

        return jsonify({'status': 'ok', 'proxy': proxy_details}), 200

# Функция для отправки обновлений пользователей админ-клиентам
def emit_user_update(user):
    socketio.emit('user_update', {
        'key': user['key'],
        'username': user['username'],
        'ip': user['ip'] or 'N/A',
        'current_url': user['current_url'] or 'N/A',
        'is_connected': user['is_connected'],  # Используем реальное состояние
        'subscription_expires': user['subscription_expires'].isoformat(),
        'is_banned': user['is_banned'],
        'is_stopped': user['is_stopped']
    }, namespace='/')

# Админ вход
@app.route('/admin', methods=['GET', 'POST'])
def admin_login():
    if 'admin_logged_in' in session:
        return redirect(url_for('admin_panel'))

    if request.method == 'POST':
        password = request.form.get('password')
        if password == admin_password:
            session['admin_logged_in'] = True
            logger.info("Admin logged in successfully.")
            return redirect(url_for('admin_panel'))
        else:
            logger.warning("Invalid admin password attempt.")
            return render_template('admin_login.html', error='Неверный пароль')

    return render_template('admin_login.html')

# Админ панель
@app.route('/admin/panel')
def admin_panel():
    if 'admin_logged_in' not in session:
        return redirect(url_for('admin_login'))

    return render_template('admin_panel.html')

# Маршрут админа для добавления нового пользователя
@app.route('/admin/add_user', methods=['POST'])
def admin_add_user():
    if 'admin_logged_in' not in session:
        return jsonify({'status': 'error', 'message': 'Unauthorized'}), 401

    try:
        data = request.get_json()
        username = data.get('username')
        days = int(data.get('days', 0))

        if not username or days <= 0:
            logger.error("Invalid data for adding user.")
            return jsonify({'status': 'error', 'message': 'Invalid data'}), 400

        user_key = str(uuid.uuid4())  # Генерация уникального ключа

        with users_lock:
            user = {
                'username': username,
                'key': user_key,
                'subscription_expires': datetime.utcnow() + timedelta(days=days),
                'is_banned': False,
                'is_stopped': False,
                'is_connected': False,  # Изначально не подключен
                'last_seen': None,
                'ip': None,
                'current_url': None
            }
            users[user_key] = user

        emit_user_update(user)
        logger.info(f"New user added: {username} with key: {user_key}")

        return jsonify({'status': 'ok', 'userKey': user_key}), 200

    except (ValueError, TypeError) as e:
        logger.error(f"Error adding user: {e}")
        return jsonify({'status': 'error', 'message': 'Invalid input'}), 400

# Маршруты админа для действий с пользователями
@app.route('/admin/action', methods=['POST'])
def admin_action():
    if 'admin_logged_in' not in session:
        return jsonify({'status': 'error', 'message': 'Unauthorized'}), 401

    try:
        data = request.get_json()
        action = data.get('action')
        user_key = data.get('userKey')

        if not action or not user_key:
            logger.error("Missing action or userKey in admin_action.")
            return jsonify({'status': 'error', 'message': 'Invalid data'}), 400

        with users_lock:
            user = users.get(user_key)
            if not user:
                logger.warning(f"User not found: {user_key}")
                return jsonify({'status': 'error', 'message': 'User not found'}), 404

            if action == 'ban':
                user['is_banned'] = not user['is_banned']  # Переключение статуса бана
                logger.info(f"User {user_key} ban status toggled to {user['is_banned']}.")
            elif action == 'stop':
                user['is_stopped'] = not user['is_stopped']  # Переключение статуса остановки
                logger.info(f"User {user_key} stop status toggled to {user['is_stopped']}.")
            elif action == 'renew':
                days = int(data.get('days', 0))
                if days <= 0:
                    logger.error("Invalid days for renewal.")
                    return jsonify({'status': 'error', 'message': 'Invalid days'}), 400
                if user['subscription_expires'] < datetime.utcnow():
                    user['subscription_expires'] = datetime.utcnow() + timedelta(days=days)
                else:
                    user['subscription_expires'] += timedelta(days=days)
                logger.info(f"User {user_key} subscription renewed by {days} days.")
            else:
                logger.error(f"Invalid action: {action}")
                return jsonify({'status': 'error', 'message': 'Invalid action'}), 400

            emit_user_update(user)
            return jsonify({'status': 'ok'}), 200

    except (ValueError, TypeError) as e:
        logger.error(f"Error in admin_action: {e}")
        return jsonify({'status': 'error', 'message': 'Invalid input'}), 400

# Событие подключения SocketIO для админ-панели
@socketio.on('connect')
def handle_connect():
    if 'admin_logged_in' in session:
        logger.info("Admin client connected via SocketIO.")
        # Отправка всех текущих пользователей подключенному администратору
        with users_lock:
            for user in users.values():
                emit_user_update(user)
    else:
        logger.warning("Unauthorized SocketIO connection attempt.")
        emit('error', {'message': 'Unauthorized'}, namespace='/')
        # Закрытие соединения для неавторизованных пользователей
        return False  # Прерывание соединения

# Маршрут выхода из системы
@app.route('/admin/logout')
def admin_logout():
    session.pop('admin_logged_in', None)
    logger.info("Admin logged out.")
    return redirect(url_for('admin_login'))

# Запуск приложения
if __name__ == '__main__':
    socketio.run(app, host='0.0.0.0', port=5011, allow_unsafe_werkzeug=True)
```

popup.js:
```js
// js/popup.js

document.addEventListener('DOMContentLoaded', function() {
  const toggleButton = document.getElementById('toggleButton');
  const buttonTitle = document.querySelector('.b-title');
  const userKeySection = document.getElementById('userKeySection');
  const userKeyInput = document.getElementById('userKeyInput');
  const saveUserKeyButton = document.getElementById('saveUserKeyButton');

  function updateButtonState(isConnected) {
    if (isConnected) {
      toggleButton.classList.add('connected');
      buttonTitle.textContent = "Отключить";
    } else {
      toggleButton.classList.remove('connected');
      buttonTitle.textContent = "Подключить";
    }
  }

  function checkUserKey() {
    chrome.storage.sync.get('userKey', function(data) {
      if (data.userKey) {
        // Ключ пользователя сохранён, скрываем раздел ввода ключа
        userKeySection.style.display = 'none';
        // Отображаем основной интерфейс
        document.querySelector('.toggle-container').style.display = 'flex';
        document.querySelector('.info-container').style.display = 'flex';
        // Получаем статус подключения
        chrome.storage.local.get('isConnected', function(data) {
          updateButtonState(data.isConnected);
        });
      } else {
        // Ключ пользователя не сохранён, показываем раздел ввода ключа
        userKeySection.style.display = 'flex';
        // Скрываем основной интерфейс
        document.querySelector('.toggle-container').style.display = 'none';
        document.querySelector('.info-container').style.display = 'none';
        document.querySelector('.dark-vpn-title').style.opacity = '0';
      }
    });
  }

  // Обработчик нажатия на кнопку сохранения ключа
  saveUserKeyButton.addEventListener('click', function() {
    const userKey = userKeyInput.value.trim();
    if (userKey) {
      // Сохраняем ключ пользователя
      chrome.storage.sync.set({ userKey: userKey }, function() {
        // Очищаем поле ввода
        userKeyInput.value = '';
        // Обновляем интерфейс
        checkUserKey();
        // Отправляем сообщение фоновому скрипту для обновления ключа
        chrome.runtime.sendMessage({ action: 'userKeyUpdated', userKey: userKey }, function(response) {});
      });
    } else {
      alert('Пожалуйста, введите ключ пользователя.');
    }
  });

  // Обработчик переключения состояния VPN
  toggleButton.addEventListener('click', function() {
    chrome.runtime.sendMessage({ action: 'toggleConnection' }, function(response) {
      if (response && typeof response.isConnected !== 'undefined') {
        updateButtonState(response.isConnected);
      }
    });
  });

  // Проверяем наличие ключа пользователя при загрузке
  checkUserKey();

  // Прослушивание изменений в хранилище (на случай изменения ключа в другом месте)
  chrome.storage.onChanged.addListener(function(changes, area) {
    if (area === 'sync' && changes.userKey) {
      checkUserKey();
    }
  });
});
```

menu.js:
```js
// js/menu.js

$(document).ready(function() {
  let isMenuMode = false;

  function enterMenuMode() {
    if (!isMenuMode) {
      isMenuMode = true;
      $('.dark-vpn-title').css("opacity", "0");
      $('body').addClass('hide-logo');
      $('body').addClass('shrink-button');
      setTimeout(() => {
        $('body').addClass('display-tb-title');
      }, 100);
      setTimeout(() => {
        $('body').addClass('show-menu');
      }, 200);
    }
  }

  function exitMenuMode() {
    if (isMenuMode) {
      isMenuMode = false;
      $('.dark-vpn-title').css("opacity", "1");
      $('body').removeClass('show-menu');
      $('body').removeClass('shrink-button');
      $('body').removeClass('hide-logo');
      $('body').removeClass('display-tb-title');
    }
  }

  function UpdateConnectButtonTitle() {
    if ($('#toggleButton').hasClass('connected')) {
      $('.b-title').text("Отключить");
    } else {
      $('.b-title').text("Подключить");
    }
  }

  function toggleConnection() {
    $('#toggleButton').toggleClass('connected');
    UpdateConnectButtonTitle();
  }

  $('#home-btn').click(exitMenuMode);
  $('#menu-btn').click(enterMenuMode);
  $('#toggleButton').click(toggleConnection);

  // Загрузка сохраненных настроек
  chrome.storage.local.get(['autoConnect', 'adBlock'], function(data) {
    if (data.autoConnect) {
      $('#autoConnectSetting').addClass('active');
      $('#autoConnectSetting .switcher-ball').addClass('switcher-ball-active');
    }
    if (data.adBlock) {
      $('#adBlockSetting').addClass('active');
      $('#adBlockSetting .switcher-ball').addClass('switcher-ball-active');
    }
  });

  // Сохранение настроек при переключении
  $('.setting-bar').click(function() {
    $(this).toggleClass('active');
    $(this).find('.switcher-ball').toggleClass('switcher-ball-active');

    const settingId = $(this).attr('id');
    const isActive = $(this).hasClass('active');

    if (settingId === 'autoConnectSetting') {
      chrome.storage.local.set({autoConnect: isActive});
    } else if (settingId === 'adBlockSetting') {
      chrome.storage.local.set({adBlock: isActive});
    }
  });
});
```

popup.html:
```html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>DarkVPN</title>
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap" rel="stylesheet">
  <link rel="stylesheet" href="css/styles.css">
</head>
<body>
  <div class="container">
    <div class="dark-vpn-title">DarkVPN</div>
    <div class="version-text">V-0.6.1</div>
    <div id="userKeySection" class="user-key-section">
      <div class="user-key-prompt">Введите ваш ключ пользователя:</div>
      <input type="text" id="userKeyInput" class="user-key-input" placeholder="Ваш ключ">
      <button id="saveUserKeyButton" class="save-user-key-button">Сохранить</button>
    </div>
    <div class="toggle-container">
      <button id="toggleButton">
        <img src="images/DarkVPN_LOGO.png" class="button-logo">
        <div class="b-title">Connect</div>
      </button>
    </div>
    <div class="menu-container">
      <div class="setting-bar" id="autoConnectSetting">
        <div class="setting-tile">Автоподключение</div>
        <div class="setting-switcher">
          <div class="switcher-ball"></div>
        </div>
      </div>
      <div class="setting-bar" id="adBlockSetting">
        <div class="setting-tile">Блокировка рекламы</div>
        <div class="setting-switcher">
          <div class="switcher-ball"></div>
        </div>
      </div>
    </div>
    <div class="info-container">
      <div class="buttons-row">
        <button class="control-btn" id="home-btn">
          <img src="images/icons/DarkVPN_icon_house3.png" class="control-btn-icon">
          <img src="images/icons/DarkVPN_icon_house3.png" class="control-btn-icon control-btn-glow">
        </button>
        <button class="control-btn" id="menu-btn">
          <img src="images/icons/DarkVPN_icon_bars2.png" class="control-btn-icon">
          <img src="images/icons/DarkVPN_icon_bars2.png" class="control-btn-icon control-btn-glow">
        </button>
      </div>
    </div>
  </div>
  <div class="gradient-point"></div>
  <script src="js/jquery-3.7.1.min.js"></script>
  <script src="js/popup.js"></script>
  <script src="js/menu.js"></script>
</body>
</html>
```

Все сделано как-то кастыльно. Исправь это.
Сейчас также пролема с тем, что впн как-то чеерез раз выключается.
На сервере connected у пользователя всегда true, даже если мы отклоючены.
Пиведи два полных обновленных кода

(popup.js и menu.js не меняй и не приводи, они написаны чтобы учитывать контекст)