Change PostgreSQL volume mapping in install.sh and docker-compose.yml

Updated the pg_data volume mount point from /var/lib/postgresql/data to /var/lib/postgresql to match the user's request for both the installer script and the default docker-compose configuration. Co-authored-by: denpiligrim <89912505+denpiligrim@users.noreply.github.com>
Merge pull request #42 from denpiligrim/dp-fix
2026-04-23 07:11:24 +00:00 · 2026-04-14 15:46:00 +03:00 · 2026-04-14 15:45:25 +03:00 · 2026-04-08 02:07:37 +03:00 · 2026-04-08 02:06:16 +03:00 · 2026-04-08 01:18:42 +03:00
202 changed files with 41193 additions and 3016 deletions
@@ -0,0 +1,62 @@
+# Принудительно LF для всех текстовых файлов (кроссплатформенность)
+# https://docs.github.com/en/get-started/getting-started-with-git/configuring-git-to-handle-line-endings
+
+# По умолчанию - LF для всех файлов
+* text=auto eol=lf
+
+# Явно бинарные файлы (без обработки)
+*.png binary
+*.jpg binary
+*.jpeg binary
+*.gif binary
+*.ico binary
+*.svg binary
+*.woff binary
+*.woff2 binary
+*.ttf binary
+*.eot binary
+*.pdf binary
+*.zip binary
+*.tar.gz binary
+
+# Shell-скрипты - LF
+*.sh text eol=lf
+
+# Markdown - LF
+*.md text eol=lf
+
+# TypeScript/JavaScript/TSX/JSX - LF
+*.ts text eol=lf
+*.tsx text eol=lf
+*.js text eol=lf
+*.jsx text eol=lf
+
+# CSS/SCSS/JSON/YAML - LF
+*.css text eol=lf
+*.scss text eol=lf
+*.json text eol=lf
+*.yml text eol=lf
+*.yaml text eol=lf
+
+# HTML/XML - LF
+*.html text eol=lf
+*.xml text eol=lf
+
+# Docker - LF
+Dockerfile text eol=lf
+docker-compose*.yml text eol=lf
+
+# Конфиги - LF
+.eslintrc* text eol=lf
+.prettierrc* text eol=lf
+.editorconfig text eol=lf
+.gitignore text eol=lf
+.env* text eol=lf
+tsconfig*.json text eol=lf
+package*.json text eol=lf
+vite.config.* text eol=lf
+nest-cli.json text eol=lf
+nginx.conf text eol=lf
+
+# Go - LF
+*.go text eol=lf
@@ -0,0 +1 @@
+patreon: DenPiligrim
@@ -0,0 +1,47 @@
+name: Docker Build & Publish
+
+on:
+  push:
+    branches: [ "main" ]
+  workflow_dispatch:
+
+env:
+  REGISTRY: ghcr.io
+  IMAGE_NAME: ${{ github.repository }}
+
+jobs:
+  build-and-push:
+    runs-on: ubuntu-latest
+
+    environment:
+      name: production
+      url: https://github.com/denpiligrim/3dp-manager/pkgs/container/3dp-manager-server
+      
+    permissions:
+      contents: read
+      packages: write
+
+    steps:
+      - name: Checkout repository
+        uses: actions/checkout@v4
+
+      - name: Log in to the Container registry
+        uses: docker/login-action@v3
+        with:
+          registry: ${{ env.REGISTRY }}
+          username: ${{ github.actor }}
+          password: ${{ secrets.GITHUB_TOKEN }}
+
+      - name: Build and push Server image
+        uses: docker/build-push-action@v5
+        with:
+          context: ./server
+          push: true
+          tags: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}-server:${{ github.ref_name }}
+
+      - name: Build and push Client image
+        uses: docker/build-push-action@v5
+        with:
+          context: ./client
+          push: true
+          tags: ${{ env.REGISTRY }}/${{ env.IMAGE_NAME }}-client:${{ github.ref_name }}
@@ -0,0 +1,3 @@
+checker/
+client/.env
+client/coverage/
@@ -0,0 +1,11 @@
+# Внести вклад
+
+Буду рад любому вкладу в разработку проекта! Простой процесс для контрибьюторов:
+
+1. Форкните репозиторий на GitHub.
+2. Создайте ветку с осмысленным именем, например `feature/add-README` или `fix/whitelist-load`.
+3. Внесите изменения и добавьте короткое описание в коммите.
+4. Запустите локально базовые проверки (если есть).
+5. Отправьте ветку в ваш форк и создайте Pull Request в основной репозиторий.
+
+<sup>Советы: описывайте изменения в PR, указывайте цель и тестовые шаги. Если изменения большие — разделяйте на маленькие коммиты.</sup>
@@ -2,32 +2,32 @@

 <p><img src="https://denpiligrim.ru/storage/images/3dp-manager.png" alt="3dp-manager preview"></p>

-![Version](https://img.shields.io/badge/version-1.0.1-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)
+![Version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)

 # 3DP-MANAGER

-Утилита для автогенерации инбаундов к панели [3x-ui](https://github.com/MHSanaei/3x-ui), формирования единой подписки и настройки перенаправления трафика с промежуточного сервера на основной.
+Утилита для автогенерации инбаундов к панели [3x-ui](https://github.com/MHSanaei/3x-ui), формирования единой подписки и настройки перенаправления трафика с промежуточного сервера на основной. Утилита, начиная с версии 2.0.0 имеет графический интерфейс и простые пользовательские настройки.

 **Поддержать проект**

 - Банковским переводом:
-	- Карта МИР: `2204320436318077`
-	- Карта MasterCard: `5395452209474530`
+	- :credit_card: Карта МИР: `2204320436318077`
+	- :credit_card: Карта MasterCard: `5395452209474530`
 - На электронный кошелек:
-	- ЮМоney: `4100116897060652`
-	- PayPal: `vasiljevdenisx@gmail.com`
+	- :moneybag: ЮМоney: `4100116897060652`
+	- :moneybag: PayPal: `vasiljevdenisx@gmail.com`
 - Криптовалютой:
-	- USDT | ETH (ERC20 | BEP20): `0x6fe140040f6Cdc1E1Ff2136cd1d60C0165809463`
-	- USDT | TRX (TRC20): `TEWxXmJxvkAmhshp7E61XJGHB3VyM9hNAb`
-	- Bitcoin: `bc1qctntwncsv2yn02x2vgnkrqm00c4h04c0afkgpl`
-	- TON: `UQCZ3MiwyYHXftPItMMzJRYRiKHugr16jFMq2nfOQOOoemLy`
-	- Bybit ID: `165292278`
+	- :coin: USDT | ETH (ERC20 | BEP20): `0x6fe140040f6Cdc1E1Ff2136cd1d60C0165809463`
+	- :coin: USDT | TRX (TRC20): `TEWxXmJxvkAmhshp7E61XJGHB3VyM9hNAb`
+	- :coin: Bitcoin: `bc1qctntwncsv2yn02x2vgnkrqm00c4h04c0afkgpl`
+	- :coin: TON: `UQCZ3MiwyYHXftPItMMzJRYRiKHugr16jFMq2nfOQOOoemLy`
+	- :coin: Bybit ID: `165292278`

 ## Описание

 Главная цель утилиты — сделать так, чтобы ваш трафик не выглядел одинаковым. Бот генерирует по заданному интервалу 10 подключений с разными параметрами:

- протоколы: `vless`, `vmess`, `shadowsocks`, `trojan`;
+- протоколы: `vless`, `vmess`, `shadowsocks`, `hysteria2`, `trojan`;
 - порты: `443`, `8443` (фиксированные) и случайные из диапазона `10000-60000`;
 - транспорт: `tcp`, `websocket`, `grpc`, `xhttp`;
 - SNI берутся из белого списка доменов (whitelist); можно использовать свой список.
@@ -61,14 +61,14 @@

 ## Установка

-У вас должны быть установлены пакеты на сервере `curl`, `jq` командой: `apt install curl jq` и панель управления `3x-ui`, которую можно установить командой: `bash <(curl -Ls https://raw.githubusercontent.com/mhsanaei/3x-ui/master/install.sh)`
+У вас должна быть установлена панель управления `3x-ui`, которую можно поставить командой: `bash <(curl -Ls https://raw.githubusercontent.com/mhsanaei/3x-ui/master/install.sh)`
 Установите проект на сервер командой:

 ```bash
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)
 ```

-<small>Краткое описание: запускает скрипт установки и разворачивает контейнеры и сервисы.</small>
+<sup>Краткое описание: запускает скрипт установки и разворачивает контейнеры и сервисы.</sup>

 ## Обновление

@@ -78,7 +78,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/update.sh)
 ```

-<small>Краткое описание: подтягивает последние изменения и перезапускает контейнеры.</small>
+<sup>Краткое описание: подтягивает последние изменения и перезапускает контейнеры.</sup>

 ## Удаление

@@ -88,22 +88,22 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/delete.sh)
 ```

-<small>Краткое описание: удаляет контейнеры и файлы конфигурации, возвращая систему к состоянию до установки.</small>
+<sup>Краткое описание: удаляет контейнеры и файлы конфигурации, возвращая систему к состоянию до установки.</sup>

 ---

 ## Установка сервиса перенаправления (forwarding)

 > [!WARNING]  
-> Сервис перенаправления работает на промежуточном сервере.
+> Сервис перенаправления работает на промежуточном сервере

-Сервис перенаправления позволяет проксировать входящие порты с промежуточного сервера на основной.
+Сервис перенаправления позволяет проксировать входящие порты с промежуточного сервера на основной. IP адрес замените на IP адрес основного сервера (не домен! только IP адрес):

 ```bash
-bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_install.sh)
+sudo ORIGIN_IP="IP_ADDRESS" bash -c "$(curl -sSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_install.sh)"
 ```

-<small>Краткое описание: добавляет правила перенаправления и создает сервис для обновления подписки.</small>
+<sup>Краткое описание: добавляет правила перенаправления.</sup>

 ## Удаление перенаправления

@@ -111,19 +111,19 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_delete.sh)
 ```

-<small>Краткое описание: удаляет правила и отключает сервис перенаправления.</small>
+<sup>Краткое описание: удаляет правила перенаправления. После удаления, чтобы изменения вступили в силу, перезапустите фаервол `ufw reload` и перезапустите систему `reboot`</sup>

 ---

-## Показать URL подписки
+## Посмотреть логин и пароль в терминале

-Команда для вывода текущего URL подписки из среды контейнера:
+Команда позволяет посмотреть логин и пароль от личного кабинета 3DP-MANAGER.

 ```bash
-cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -f2
+grep -E "ADMIN_LOGIN|ADMIN_PASSWORD" /opt/3dp-manager/docker-compose.yml | sed 's/^[ \t]*//; s/^- //'
 ```

-<small>Краткое описание: выводит статичный URL подписки, который можно использовать в клиентах. Работает как на основном, так и на промежуточном сервере.</small>
+---

 ## Сбор доменов из мульти-подписок

@@ -133,18 +133,7 @@ cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -
 node get_domains.js
 ```

-<small>Краткое описание: добавьте ссылку на мульти-подписку в скрипт и запустите команду — на выходе получите список доменов. Необходим `Node.js` для работы скрипта.</small>
-
-## Использование собственного белого списка
-
-1. Подготовьте файл в формате `whitelist.txt`.
-2. Переименуйте на `my_whitelist.txt` и скопируйте в папку `/opt/3dp-manager/app`.
-
-```bash
-cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.txt
-```
-
-<small>Краткое описание: добавляет ваш файл доменов в контейнер приложения. Чтобы сразу же сгенерировать инбаунды с новым списком, выполните `docker exec -it node sh` и затем `node index.js`.</small>
+<sup>Краткое описание: добавьте ссылку на мульти-подписку в скрипт и запустите команду — на выходе получите список доменов. Необходим `Node.js` для работы скрипта.</sup>

 ---

@@ -164,7 +153,7 @@ cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.t
 4. Запустите локально базовые проверки (если есть).
 5. Отправьте ветку в ваш форк и создайте Pull Request в основной репозиторий.

-<small>Советы: описывайте изменения в PR, указывайте цель и тестовые шаги. Если изменения большие — разделяйте на маленькие коммиты.</small>
+<sup>Советы: описывайте изменения в PR, указывайте цель и тестовые шаги. Если изменения большие — разделяйте на маленькие коммиты.</sup>

 ---

@@ -2,7 +2,7 @@

 <p><img src="https://denpiligrim.ru/storage/images/3dp-manager.png" alt="3dp-manager preview"></p>

-![Version](https://img.shields.io/badge/version-1.0.1.1-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)
+![Version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)

 # 3DP-MANAGER

@@ -64,7 +64,7 @@
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)
 ```

-<small>简要说明：运行安装脚本并部署容器和服务。</small>
+<sup>简要说明：运行安装脚本并部署容器和服务。</sup>

 ## 更新

@@ -74,7 +74,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/update.sh)
 ```

-<small>简要说明：拉取最新更改并重启容器。</small>
+<sup>简要说明：拉取最新更改并重启容器。</sup>

 ## 删除

@@ -84,7 +84,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/delete.sh)
 ```

-<small>简要说明：删除容器和配置文件，恢复到安装前状态。</small>
+<sup>简要说明：删除容器和配置文件，恢复到安装前状态。</sup>

 ---

@@ -96,7 +96,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_install.sh)
 ```

-<small>简要说明：添加转发规则并创建用于更新订阅的服务。</small>
+<sup>简要说明：添加转发规则并创建用于更新订阅的服务。</sup>

 ## 删除转发

@@ -104,7 +104,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_delete.sh)
 ```

-<small>简要说明：删除规则并禁用转发服务。</small>
+<sup>简要说明：删除规则并禁用转发服务。</sup>

 ---

@@ -116,7 +116,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -f2
 ```

-<small>简要说明：打印可在客户端使用的静态订阅 URL，适用于主服务器和中继服务器。</small>
+<sup>简要说明：打印可在客户端使用的静态订阅 URL，适用于主服务器和中继服务器。</sup>

 ## 从多订阅收集域名

@@ -126,7 +126,7 @@ cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -
 node get_domains.js
 ```

-<small>简要说明：在脚本中添加多订阅链接并运行命令 — 输出为域名列表。运行脚本需要 `Node.js`。</small>
+<sup>简要说明：在脚本中添加多订阅链接并运行命令 — 输出为域名列表。运行脚本需要 `Node.js`。</sup>

 ## 使用自定义白名单

@@ -137,7 +137,7 @@ node get_domains.js
 cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.txt
 ```

-<small>简要说明：将您的域名文件添加到应用容器中。</small>
+<sup>简要说明：将您的域名文件添加到应用容器中。</sup>

 ---

@@ -157,7 +157,7 @@ cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.t
 4. 在本地运行检查（如有）。
 5. 推送分支到您的 fork 并创建 Pull Request。

-<small>建议：在 PR 中说明更改和测试步骤；较大更改请拆成小提交。</small>
+<sup>建议：在 PR 中说明更改和测试步骤；较大更改请拆成小提交。</sup>

 ---

@@ -2,7 +2,7 @@

 <p><img src="https://denpiligrim.ru/storage/images/3dp-manager.png" alt="3dp-manager preview"></p>

-![Version](https://img.shields.io/badge/version-1.0.1-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)
+![Version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)

 # 3DP-MANAGER

@@ -64,7 +64,7 @@ Install the project on your server with:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)
 ```

-<small>Short description: runs the installer script and deploys containers and services.</small>
+<sup>Short description: runs the installer script and deploys containers and services.</sup>

 ## Update

@@ -74,7 +74,7 @@ Update to the latest version:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/update.sh)
 ```

-<small>Short description: pulls the latest changes and restarts containers.</small>
+<sup>Short description: pulls the latest changes and restarts containers.</sup>

 ## Removal

@@ -84,7 +84,7 @@ Remove the service completely:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/delete.sh)
 ```

-<small>Short description: removes containers and configuration files, restoring the system to the pre-install state.</small>
+<sup>Short description: removes containers and configuration files, restoring the system to the pre-install state.</sup>

 ---

@@ -96,7 +96,7 @@ The forwarding service allows proxying incoming ports from the intermediate serv
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_install.sh)
 ```

-<small>Short description: adds forwarding rules and creates a service to update the subscription.</small>
+<sup>Short description: adds forwarding rules and creates a service to update the subscription.</sup>

 ## Remove forwarding

@@ -104,7 +104,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_delete.sh)
 ```

-<small>Short description: removes rules and disables the forwarding service.</small>
+<sup>Short description: removes rules and disables the forwarding service.</sup>

 ---

@@ -116,7 +116,7 @@ Command to print the current subscription URL from the container environment:
 cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -f2
 ```

-<small>Short description: prints the static subscription URL that can be used in clients. Works on both main and intermediate servers.</small>
+<sup>Short description: prints the static subscription URL that can be used in clients. Works on both main and intermediate servers.</sup>

 ## Collect domains from multi-subscriptions

@@ -126,7 +126,7 @@ The utility extracts domains from subscriptions and builds a `whitelist` for the
 node get_domains.js
 ```

-<small>Short description: add a multi-subscription link to the script and run the command — the output will be a list of domains. `Node.js` is required to run the script.</small>
+<sup>Short description: add a multi-subscription link to the script and run the command — the output will be a list of domains. `Node.js` is required to run the script.</sup>

 ## Use your own whitelist

@@ -137,7 +137,7 @@ node get_domains.js
 cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.txt
 ```

-<small>Short description: adds your domain file into the application container.</small>
+<sup>Short description: adds your domain file into the application container.</sup>

 ---

@@ -157,7 +157,7 @@ Contributions are welcome! Simple contributor workflow:
 4. Run local checks if available.
 5. Push the branch to your fork and create a Pull Request to the main repository.

-<small>Tips: describe changes and testing steps in the PR. For large changes, split into smaller commits.</small>
+<sup>Tips: describe changes and testing steps in the PR. For large changes, split into smaller commits.</sup>

 ---

@@ -2,7 +2,7 @@

 <p><img src="https://denpiligrim.ru/storage/images/3dp-manager.png" alt="3dp-manager preview"></p>

-![Version](https://img.shields.io/badge/version-1.0.1-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)
+![Version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)

 # 3DP-MANAGER

@@ -64,7 +64,7 @@
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)
 ```

-<small>توضیح کوتاه: اسکریپت نصب را اجرا کرده و کانتینرها و سرویس‌ها را راه‌اندازی می‌کند.</small>
+<sup>توضیح کوتاه: اسکریپت نصب را اجرا کرده و کانتینرها و سرویس‌ها را راه‌اندازی می‌کند.</sup>

 ## به‌روزرسانی

@@ -74,7 +74,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/update.sh)
 ```

-<small>توضیح کوتاه: تغییرات جدید را می‌کشد و کانتینرها را ری‌استارت می‌کند.</small>
+<sup>توضیح کوتاه: تغییرات جدید را می‌کشد و کانتینرها را ری‌استارت می‌کند.</sup>

 ## حذف

@@ -84,7 +84,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/delete.sh)
 ```

-<small>توضیح کوتاه: کانتینرها و فایل‌های پیکربندی را حذف می‌کند و سیستم را به وضعیت پیش از نصب برمی‌گرداند.</small>
+<sup>توضیح کوتاه: کانتینرها و فایل‌های پیکربندی را حذف می‌کند و سیستم را به وضعیت پیش از نصب برمی‌گرداند.</sup>

 ---

@@ -96,7 +96,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_install.sh)
 ```

-<small>توضیح کوتاه: قوانین فورواردینگ را اضافه کرده و سرویسی برای به‌روزرسانی اشتراک ایجاد می‌کند.</small>
+<sup>توضیح کوتاه: قوانین فورواردینگ را اضافه کرده و سرویسی برای به‌روزرسانی اشتراک ایجاد می‌کند.</sup>

 ## حذف فورواردینگ

@@ -104,7 +104,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/forwarding_delete.sh)
 ```

-<small>توضیح کوتاه: قوانین را حذف کرده و سرویس فورواردینگ را غیرفعال می‌کند.</small>
+<sup>توضیح کوتاه: قوانین را حذف کرده و سرویس فورواردینگ را غیرفعال می‌کند.</sup>

 ---

@@ -116,7 +116,7 @@ bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main
 cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -f2
 ```

-<small>توضیح کوتاه: URL ثابت اشتراک را نمایش می‌دهد که می‌توان در کلاینت‌ها استفاده کرد. هم در سرور اصلی و هم در سرور واسط کار می‌کند.</small>
+<sup>توضیح کوتاه: URL ثابت اشتراک را نمایش می‌دهد که می‌توان در کلاینت‌ها استفاده کرد. هم در سرور اصلی و هم در سرور واسط کار می‌کند.</sup>

 ## جمع‌آوری دامنه‌ها از چندین اشتراک

@@ -126,7 +126,7 @@ cd /opt/3dp-manager && docker compose exec node env | grep SUB_URL | cut -d'=' -
 node get_domains.js
 ```

-<small>توضیح کوتاه: لینک چندین اشتراک را در اسکریپت قرار داده و فرمان را اجرا کنید — خروجی فهرست دامنه‌ها خواهد بود. نیازمند `Node.js` است.</small>
+<sup>توضیح کوتاه: لینک چندین اشتراک را در اسکریپت قرار داده و فرمان را اجرا کنید — خروجی فهرست دامنه‌ها خواهد بود. نیازمند `Node.js` است.</sup>

 ## استفاده از whitelist شخصی

@@ -137,7 +137,7 @@ node get_domains.js
 cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.txt
 ```

-<small>توضیح کوتاه: فایل دامنه شما را به کانتینر برنامه اضافه می‌کند.</small>
+<sup>توضیح کوتاه: فایل دامنه شما را به کانتینر برنامه اضافه می‌کند.</sup>

 ---

@@ -157,7 +157,7 @@ cd /opt/3dp-manager && docker cp ./app/my_whitelist.txt node:/app/my_whitelist.t
 4. در صورت وجود، بررسی‌های محلی را اجرا کنید.
 5. شاخه را به fork خود پوش کرده و Pull Request ایجاد کنید.

-<small>نکات: تغییرات را در PR شرح دهید و مراحل تست را بنویسید. در صورت تغییرات بزرگ، آنها را به کامیت‌های کوچک تقسیم کنید.</small>
+<sup>نکات: تغییرات را در PR شرح دهید و مراحل تست را بنویسید. در صورت تغییرات بزرگ، آنها را به کامیت‌های کوچک تقسیم کنید.</sup>

 ---

@@ -2,7 +2,7 @@

 <p><img src="https://denpiligrim.ru/storage/images/3dp-manager.png" alt="3dp-manager preview"></p>

-![Version](https://img.shields.io/badge/version-1.0.1-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)
+![Version](https://img.shields.io/badge/version-2.1.0-blue.svg) [![License](https://img.shields.io/badge/license-GPL%20V3-blue.svg?longCache=true)](https://www.gnu.org/licenses/gpl-3.0) [![Telegram](https://img.shields.io/badge/Telegram-26A5E4?style=flat&logo=telegram&logoColor=white)](https://t.me/denpiligrim_web) [![YouTube Channel Subscribers](https://img.shields.io/youtube/channel/subscribers/UCOv2tFFYDY4mXOM60PVz8zw)](https://www.youtube.com/@denpiligrim)

 # 3DP-MANAGER

@@ -64,7 +64,7 @@ Taslamany serwera gurnamak üçin şu komandany ýerine ýetiriň:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)
 ```

-<small>Gysgaça: gurnama skripti işledilýär we konteýnerler we hyzmatlar döredilýär.</small>
+<sup>Gysgaça: gurnama skripti işledilýär we konteýnerler we hyzmatlar döredilýär.</sup>

 ## Täzelik

@@ -74,7 +74,7 @@ Soňky wersiýa çenli täzeläň:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/update.sh)
 ```

-<small>Gysgaça: iň soňky üýtgeşmeleri çekýär we konteýnerleri gaýtadan işledýär.</small>
+<sup>Gysgaça: iň soňky üýtgeşmeleri çekýär we konteýnerleri gaýtadan işledýär.</sup>

 ## Pozmak

@@ -84,7 +84,7 @@ Hyzmaty doly pozmak üçin:
 bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/delete.sh)
 ```

-<small>Gysgaça: konteýnerleri we konfigurasiýa faýllaryny pozup, systemany gurnamadan öňki ýagdaýyna getirer.</small>
+<sup>Gysgaça: konteýnerleri we konfigurasiýa faýllaryny pozup, systemany gurnamadan öňki ýagdaýyna getirer.</sup>

 ---

@@ -0,0 +1,878 @@
+# API документация 3dp-manager
+
+**Версия API:** v1  
+**Базовый URL:** `http://<host>:3100/api`  
+**Префикс:** Все endpoints начинаются с `/api`, кроме публичных подписок (`/bus/:uuid`)
+
+---
+
+## Содержание
+
+1. [Аутентификация](#аутентификация)
+2. [Подписки](#подписки)
+3. [Домены](#домены)
+4. [Туннели (перенаправление)](#туннели-перенаправление)
+5. [Настройки](#настройки)
+6. [Ротация](#ротация)
+7. [Клиентские endpoints (публичные)](#клиентские-endpoints-публичные)
+
+---
+
+## Аутентификация
+
+Все endpoints требуют JWT-аутентификации, кроме помеченных как **Public**.
+
+### POST `/api/auth/login`
+
+Получение JWT-токена.
+
+**Body:**
+```json
+{
+  "login": "admin",
+  "password": "your_password"
+}
+```
+
+**Response:**
+```json
+{
+  "access_token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9..."
+}
+```
+
+---
+
+### POST `/api/auth/change-password`
+
+Смена пароля администратора.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "password": "newSecurePassword"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+### POST `/api/auth/update-profile`
+
+Обновление профиля администратора (логин + опционально пароль).
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "login": "newAdmin",
+  "password": "newPassword" 
+}
+```
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+## Подписки
+
+### GET `/api/subscriptions`
+
+Получить все подписки.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+[
+  {
+    "id": 1,
+    "uuid": "abc-123-def",
+    "name": "My Subscription",
+    "isEnabled": true,
+    "isAutoRotationEnabled": true,
+    "inbounds": [...],
+    "createdAt": "2024-01-01T00:00:00Z",
+    "updatedAt": "2024-01-01T00:00:00Z"
+  }
+]
+```
+
+---
+
+### POST `/api/subscriptions`
+
+Создать новую подписку.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "name": "My Subscription",
+  "inboundsConfig": [
+    {
+      "type": "vless",
+      "port": 443,
+      "sni": "example.com"
+    },
+    {
+      "type": "vmess",
+      "port": 8443,
+      "transport": "websocket"
+    }
+  ],
+  "isAutoRotationEnabled": true
+}
+```
+
+**Response:**
+```json
+{
+  "id": 1,
+  "uuid": "abc-123-def",
+  "name": "My Subscription",
+  ...
+}
+```
+
+---
+
+### PUT `/api/subscriptions/:id`
+
+Обновить подписку.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "name": "Updated Name",
+  "isEnabled": false,
+  "isAutoRotationEnabled": true
+}
+```
+
+**Response:**
+```json
+{
+  "id": 1,
+  "name": "Updated Name",
+  ...
+}
+```
+
+---
+
+### PUT `/api/subscriptions/bulk-auto-rotation`
+
+Массовое включение/отключение авто-ротации.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "subscriptionIds": ["1", "2", "3"],
+  "enabled": true
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "message": "Обновлено 3 подписок",
+  "updatedCount": 3,
+  "notFound": []
+}
+```
+
+---
+
+### DELETE `/api/subscriptions/:id`
+
+Удалить подписку.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+## Домены
+
+### GET `/api/domains/all`
+
+Получить все домены без пагинации.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+[
+  { "id": 1, "name": "ya.ru" },
+  { "id": 2, "name": "vk.com" }
+]
+```
+
+---
+
+### GET `/api/domains?page=1&limit=10`
+
+Получить домены с пагинацией.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Query Parameters:**
+- `page` (default: 1)
+- `limit` (default: 10)
+
+**Response:**
+```json
+{
+  "data": [
+    { "id": 1, "name": "ya.ru" }
+  ],
+  "total": 100
+}
+```
+
+---
+
+### GET `/api/domains/:id`
+
+Получить домен по ID.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "id": 1,
+  "name": "ya.ru"
+}
+```
+
+---
+
+### POST `/api/domains`
+
+Создать один домен.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "name": "example.com"
+}
+```
+
+**Response:**
+```json
+{
+  "id": 1,
+  "name": "example.com"
+}
+```
+
+---
+
+### POST `/api/domains/upload`
+
+Загрузить несколько доменов сразу.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "domains": ["ya.ru", "vk.com", "example.com"]
+}
+```
+
+**Response:**
+```json
+{
+  "count": 3
+}
+```
+
+---
+
+### DELETE `/api/domains/:id`
+
+Удалить домен по ID.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+### DELETE `/api/domains/all`
+
+Удалить все домены.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+### GET `/api/domains/scan/capabilities`
+
+Получить возможности сканера доменов (наличие бинарника, timeout).
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "scannerAvailable": true,
+  "scannerPath": "/usr/bin/RealiTLScanner-linux-64",
+  "timeoutAvailable": true,
+  "timeoutPath": "/usr/bin/timeout"
+}
+```
+
+---
+
+### GET `/api/domains/scan/status`
+
+Получить статус текущего сканирования.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "running": false,
+  "runId": null,
+  "lastRunId": "scan-123"
+}
+```
+
+---
+
+### GET `/api/domains/scan/last-result`
+
+Получить результат последнего сканирования.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "runId": "scan-123",
+  "foundCount": 10,
+  "domains": ["ya.ru", "vk.com", ...]
+}
+```
+
+---
+
+### POST `/api/domains/scan/start`
+
+Запустить сканирование IP на наличие SNI.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "addr": "192.168.1.1",
+  "scanSeconds": 60,
+  "thread": 100,
+  "timeout": 30
+}
+```
+
+**Response:**
+```json
+{
+  "success": true,
+  "runId": "scan-456"
+}
+```
+
+---
+
+## Туннели (перенаправление)
+
+### GET `/api/tunnels`
+
+Получить все туннели.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+[
+  {
+    "id": 1,
+    "name": "Relay Server 1",
+    "ip": "192.168.1.100",
+    "sshPort": 22,
+    "username": "root",
+    "domain": "relay.example.com",
+    "isInstalled": true
+  }
+]
+```
+
+---
+
+### POST `/api/tunnels`
+
+Создать новый туннель.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "name": "Relay Server 1",
+  "ip": "192.168.1.100",
+  "sshPort": 22,
+  "username": "root",
+  "password": "ssh_password",
+  "domain": "relay.example.com"
+}
+```
+
+**Response:**
+```json
+{
+  "id": 1,
+  "name": "Relay Server 1",
+  ...
+}
+```
+
+---
+
+### POST `/api/tunnels/:id/install`
+
+Установить скрипт перенаправления на удалённый сервер.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true,
+  "script": "#!/bin/bash ...",
+  "message": "Скрипт сгенерирован. Выполните его на целевом сервере."
+}
+```
+
+---
+
+### DELETE `/api/tunnels/:id`
+
+Удалить туннель.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+## Настройки
+
+### GET `/api/settings`
+
+Получить все настройки.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "xui_url": "http://192.168.1.1:54321",
+  "xui_login": "admin",
+  "rotationIntervalMinutes": "1440",
+  "xui_geo_country": "Germany",
+  "xui_geo_flag": "🇩🇪"
+}
+```
+
+---
+
+### POST `/api/settings`
+
+Обновить настройки.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "xui_url": "http://192.168.1.1:54321",
+  "xui_login": "admin",
+  "xui_password": "password",
+  "rotationIntervalMinutes": "1440"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+*Автоматически извлекает host, IP, определяет страну по GeoIP.*
+
+---
+
+### POST `/api/settings/check`
+
+Проверить подключение к 3x-ui панели.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Body:**
+```json
+{
+  "xui_url": "http://192.168.1.1:54321",
+  "xui_login": "admin",
+  "xui_password": "password"
+}
+```
+
+**Response:**
+```json
+{
+  "success": true
+}
+```
+
+---
+
+## Ротация
+
+### POST `/api/rotation/rotate-all`
+
+Выполнить ротацию всех подписок.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true,
+  "rotatedCount": 5
+}
+```
+
+---
+
+### POST `/api/rotation/rotate-one/:id`
+
+Выполнить ротацию одной подписки.
+
+**Headers:** `Authorization: Bearer <token>`
+
+**Response:**
+```json
+{
+  "success": true,
+  "subscriptionId": "1"
+}
+```
+
+---
+
+## Клиентские endpoints (публичные)
+
+Эти endpoints **не требуют аутентификации**.
+
+### GET `/bus/:uuid`
+
+Получить подписку в формате Base64 или HTML-страницу с QR-кодом.
+
+**Public** — без токена.
+
+**URL:**
+```
+GET /bus/abc-123-def
+```
+
+**Headers:**
+- `User-Agent: Mozilla/...` → возвращает HTML с QR
+- `User-Agent: v2rayN/...` → возвращает plain text Base64
+
+**Response (Base64):**
+```
+vless://abc123...
+vmess://xyz789...
+...
+```
+
+**Response (HTML):**
+```html
+<!DOCTYPE html>
+<html>
+  <body>
+    <h1>Subscription: My Subscription</h1>
+    <img src="data:image/png;base64,..." />
+    <a href="/bus/abc-123-def">Скачать подписку</a>
+  </body>
+</html>
+```
+
+---
+
+### GET `/bus/:uuid/:tunnelId`
+
+Получить подписку с заменой хоста на релей-сервер.
+
+**Public** — без токена.
+
+**Query Parameters:**
+- `format` (опционально): `base64` | `html`
+
+**URL:**
+```
+GET /bus/abc-123-def/1
+```
+
+**Response:**
+- Автоматически заменяет IP/домен в ссылках на `tunnel.domain` или `tunnel.ip`
+- Возвращает Base64 или HTML с QR
+
+---
+
+## Сущности
+
+### Subscription
+```typescript
+{
+  id: number;
+  uuid: string;
+  name: string;
+  isEnabled: boolean;
+  isAutoRotationEnabled: boolean;
+  inbounds: Inbound[];
+  createdAt: Date;
+  updatedAt: Date;
+}
+```
+
+### Inbound
+```typescript
+{
+  id: number;
+  type: 'vless' | 'vmess' | 'shadowsocks' | 'hysteria2' | 'trojan' | 'custom';
+  port: number | string;
+  sni?: string;
+  link: string;
+  transport?: 'tcp' | 'websocket' | 'grpc' | 'xhttp';
+}
+```
+
+### Domain
+```typescript
+{
+  id: number;
+  name: string;
+}
+```
+
+### Tunnel
+```typescript
+{
+  id: number;
+  name: string;
+  ip: string;
+  sshPort: number;
+  username: string;
+  domain?: string;
+  isInstalled: boolean;
+}
+```
+
+### Setting
+```typescript
+{
+  key: string;
+  value: string;
+}
+```
+
+---
+
+## Коды ошибок
+
+| Код | Описание |
+|-----|----------|
+| 200 | Успех |
+| 400 | Неверный запрос |
+| 401 | Неавторизован (нет токена или неверный) |
+| 403 | Доступ запрещён |
+| 404 | Ресурс не найден |
+| 500 | Внутренняя ошибка сервера |
+
+---
+
+## Примеры использования
+
+### JavaScript (Fetch API)
+
+```javascript
+// Логин
+const loginResponse = await fetch('http://localhost:3100/api/auth/login', {
+  method: 'POST',
+  headers: { 'Content-Type': 'application/json' },
+  body: JSON.stringify({ login: 'admin', password: 'admin' })
+});
+const { access_token } = await loginResponse.json();
+
+// Получить все подписки
+const subsResponse = await fetch('http://localhost:3100/api/subscriptions', {
+  headers: { 'Authorization': `Bearer ${access_token}` }
+});
+const subscriptions = await subsResponse.json();
+
+// Создать подписку
+const createResponse = await fetch('http://localhost:3100/api/subscriptions', {
+  method: 'POST',
+  headers: {
+    'Content-Type': 'application/json',
+    'Authorization': `Bearer ${access_token}`
+  },
+  body: JSON.stringify({
+    name: 'My Subscription',
+    inboundsConfig: [
+      { type: 'vless', port: 443, sni: 'example.com' }
+    ],
+    isAutoRotationEnabled: true
+  })
+});
+const subscription = await createResponse.json();
+```
+
+### Python (requests)
+
+```python
+import requests
+
+# Логин
+response = requests.post('http://localhost:3100/api/auth/login', json={
+    'login': 'admin',
+    'password': 'admin'
+})
+token = response.json()['access_token']
+
+# Получить все домены
+headers = {'Authorization': f'Bearer {token}'}
+response = requests.get('http://localhost:3100/api/domains/all', headers=headers)
+domains = response.json()
+
+# Запустить сканирование
+response = requests.post('http://localhost:3100/api/domains/scan/start', 
+    headers=headers,
+    json={
+        'addr': '192.168.1.1',
+        'scanSeconds': 60,
+        'thread': 100,
+        'timeout': 30
+    }
+)
+```
+
+### cURL
+
+```bash
+# Логин
+curl -X POST http://localhost:3100/api/auth/login \
+  -H "Content-Type: application/json" \
+  -d '{"login":"admin","password":"admin"}'
+
+# Получить подписку (Base64)
+curl http://localhost:3100/bus/abc-123-def
+
+# Получить подписку (HTML с QR)
+curl -H "User-Agent: Mozilla/5.0" \
+  http://localhost:3100/bus/abc-123-def
+```
+
+---
+
+## Интеграция
+
+### Ссылка на подписку в клиенте
+
+Формат:
+```
+http://<host>:<port>/bus/<uuid>
+```
+
+Пример для v2rayN, Clash, Surge:
+```
+http://192.168.1.100:3100/bus/abc-123-def
+```
+
+### QR-код
+
+Откройте в браузере:
+```
+http://<host>:<port>/bus/<uuid>
+```
+
+Сканируйте QR-код приложением.
+
+---
+
+## Примечания
+
+- **JWT-токен** передаётся в заголовке `Authorization: Bearer <token>`
+- **Публичные endpoints** (`/bus/*`) не требуют токена
+- **Base64-кодировка** используется для подписок (стандарт v2ray)
+- **Авто-ротация** выполняется по интервалу из настроек (`rotationIntervalMinutes`)
+- **Scanner** (RealiTLScanner) — Go-бинарник, встраивается в backend-контейнер
+
+---
+
+## Контакты
+
+- Telegram: [@denpiligrim_web](https://t.me/denpiligrim_web)
+- YouTube: [DenPiligrim](https://www.youtube.com/@denpiligrim)
+- GitHub: [denpiligrim/3dp-manager](https://github.com/denpiligrim/3dp-manager)
@@ -1,10 +0,0 @@
-SUB_TOKEN=$SUB_TOKEN
-UI_URL=$UI_URL
-UI_LOGIN=$UI_LOGIN
-UI_PASSWORD=$UI_PASSWORD
-COUNTRY_FLAG=$COUNTRY_FLAG
-NGINX_PORT=$NGINX_PORT
-UI_HOST=$UI_HOST
-UI_PROTO=$UI_PROTO
-ROTATE_INTERVAL=$ROTATE_INTERVAL
-SUB_URL=$SUB_URL
@@ -1,11 +0,0 @@
-FROM node:20-alpine
-
-WORKDIR /app
-COPY package.json ./
-
-RUN npm install --production
-
-COPY index.js .
-COPY builders ./builders
-
-CMD ["node", "index.js"]
@@ -1,162 +0,0 @@
-const flag = process.env.COUNTRY_FLAG ?? '%F0%9F%92%AF';
-
-export function buildInboundLink(inbound, domain, idOrPass) {
-  let link = "";
-
-  switch (inbound.protocol) {
-    case "vless": {
-      link = buildVlessLink(inbound, domain, idOrPass);
-      break;
-    }
-
-    case "vmess": {
-      link = buildVmessLink(inbound, domain, idOrPass);
-      break;
-    }
-
-    case "shadowsocks":
-      link = buildSsLink(inbound, domain, idOrPass);
-      break;
-
-    case "trojan":
-      link = buildTrojanLink(inbound, domain, idOrPass);
-      break;
-  }
-
-  return link;
-}
-
-function buildVlessLink(inbound, domain, uuid) {
-  const stream = JSON.parse(inbound.streamSettings);
-  const settings = JSON.parse(inbound.settings);
-
-  const network = stream.network;
-  const security = stream.security || "none";
-
-  const params = new URLSearchParams();
-
-  // Базовые параметры
-  params.set("type", network);
-  params.set("encryption", "none");
-  params.set("security", security);
-
-  /**
-   * ===== REALITY =====
-   */
-  if (security === "reality") {
-    const r = stream.realitySettings;
-
-    params.set("pbk", r.settings.publicKey);
-    params.set("fp", r.settings.fingerprint || "random");
-    params.set("sni", r.serverNames?.[0] || "");
-    params.set("sid", r.shortIds?.[0] || "");
-    params.set("spx", '/');
-
-    // TCP Reality flow
-    if (network === "tcp") {
-      const client = settings.clients?.[0];
-      if (client?.flow) {
-        params.set("flow", client.flow);
-      }
-    }
-
-    // XHTTP Reality
-    if (network === "xhttp") {
-      const x = stream.xhttpSettings || {};
-      params.set("path", x.path || "/");
-      params.set("host", x.host || r.serverNames?.[0]);
-      params.set("mode", x.mode || "auto");
-    }
-
-    // gRPC Reality
-    if (network === "grpc") {
-      const g = stream.grpcSettings || {};
-      params.set("serviceName", g.serviceName || "grpc");
-      params.set("authority", g.authority || r.serverNames?.[0]);
-    }
-  }
-
-  /**
-   * ===== WS NONE =====
-   */
-  if (network === "ws") {
-    const ws = stream.wsSettings || {};
-    params.set("path", ws.path || "/");
-    if (ws.headers?.Host) {
-      params.set("host", ws.headers.Host);
-    }
-  }
-
-  return (
-    `vless://${uuid}@${domain}:${inbound.port}` +
-    `?${params.toString()}` +
-    `#${flag}%20${encodeURIComponent(inbound.remark)}`
-  );
-}
-
-function buildVmessLink(inbound, domain, uuid) {
-  const stream = JSON.parse(inbound.streamSettings);
-
-  const vmessObj = {
-    add: domain,
-    aid: '',
-    alpn: "",
-    fp: "",
-    host: "",
-    id: uuid,
-    net: stream.network || "tcp",
-    path: "/",
-    port: inbound.port,
-    ps: decodeURIComponent(flag) + ' ' + inbound.remark,
-    scy: "",
-    sni: "",
-    tls: stream.security || "none",
-    type: "none",
-    v: "2"
-  };
-
-  const base64 = Buffer
-    .from(JSON.stringify(vmessObj), "utf8")
-    .toString("base64");
-
-  return `vmess://${base64}`;
-}
-
-function buildSsLink(inbound, domain) {
-  const settings = JSON.parse(inbound.settings);
-
-  const method = settings.method;
-  const serverPassword = settings.password;
-  const clientPassword = settings.clients[0].password;
-
-  // method:serverPassword:clientPassword
-  const userInfo = `${method}:${serverPassword}:${clientPassword}`;
-
-  const base64 = Buffer
-    .from(userInfo, "utf8")
-    .toString("base64");
-
-  return `ss://${base64}@${domain}:${inbound.port}?type=tcp#${flag}%20${inbound.remark}`;
-}
-
-function buildTrojanLink(inbound, domain, password) {
-  const stream = JSON.parse(inbound.streamSettings);
-  const reality = stream.realitySettings;
-
-  const pbk = reality.settings.publicKey;
-  const sni = reality.serverNames?.[0] || domain;
-  const sid = reality.shortIds?.[0] || "";
-  const spx = '%2F';
-
-  return (
-    `trojan://${password}@${domain}:${inbound.port}` +
-    `?type=tcp` +
-    `&security=reality` +
-    `&pbk=${pbk}` +
-    `&fp=random` +
-    `&sni=${sni}` +
-    `&sid=${sid}` +
-    `&spx=${spx}` +
-    `#${flag}%20${inbound.remark}`
-  );
-}
@@ -1,43 +0,0 @@
-import crypto from "crypto";
-
-export function buildShadowsocksTcp({ port, uuid }) {
-  return {
-    enable: true,
-    port,
-    protocol: "shadowsocks",
-    remark: "shadowsocks-tcp",
-    settings: JSON.stringify({
-      clients: [{
-        id: "",
-        flow: "",
-        email: uuid,
-        password: crypto.randomBytes(32).toString("base64"),
-        enable: true,
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      ivCheck: false,
-      method: "2022-blake3-aes-256-gcm",
-      network: "tcp",
-      password: crypto.randomBytes(32).toString("base64")
-    }),
-    streamSettings: JSON.stringify({
-      network: "tcp",
-      security: "none",
-      tcpSettings: {
-        acceptProxyProtocol: false,
-        header: { type: "none" }
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,65 +0,0 @@
-import crypto from "crypto";
-
-export function buildTrojanRealityTcp({ port, uuid, domain, keys }) {
-  return {
-    enable: true,
-    port,
-    protocol: "trojan",
-    remark: "trojan-reality-tcp",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        email: uuid,
-        password: crypto.randomBytes(8).toString("hex"),
-        enable: true,
-        flow: "",
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      fallbacks: []
-    }),
-    streamSettings: JSON.stringify({
-      network: "tcp",
-      security: "reality",
-      externalProxy: [],
-      realitySettings: {
-        show: false,
-        xver: 0,
-        target: `${domain}:443`,
-        dest: `${domain}:443`,
-        serverNames: [domain],
-        privateKey: keys.privateKey,
-        shortIds: [
-          crypto.randomBytes(4).toString("hex"),
-          crypto.randomBytes(3).toString("hex"),
-          crypto.randomBytes(8).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(4).toString("hex")
-        ],
-        settings: {
-          publicKey: keys.publicKey,
-          fingerprint: "random",
-          serverName: "",
-          spiderX: "/"
-        }
-      },
-      tcpSettings: {
-        acceptProxyProtocol: false,
-        header: { type: "none" }
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,67 +0,0 @@
-import crypto from "crypto";
-
-export function buildVlessRealityGrpc({ port, uuid, domain, keys }) {
-  return {
-    enable: true,
-    port,
-    protocol: "vless",
-    remark: "vless-reality-grpc",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        email: uuid,        
-        enable: true,
-        flow: "",
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      decryption: "none",
-      encryption: "none",
-      fallbacks: []
-    }),
-    streamSettings: JSON.stringify({
-      network: "grpc",
-      security: "reality",
-      externalProxy: [],
-      realitySettings: {
-        show: false,
-        xver: 0,
-        target: `${domain}:443`,
-        dest: `${domain}:443`,
-        serverNames: [domain],
-        privateKey: keys.privateKey,
-        shortIds: [
-          crypto.randomBytes(4).toString("hex"),
-          crypto.randomBytes(3).toString("hex"),
-          crypto.randomBytes(8).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(4).toString("hex")
-        ],
-        settings: {
-          publicKey: keys.publicKey,
-          fingerprint: "random",
-          serverName: "",
-          spiderX: "/"
-        }
-      },
-      grpcSettings: {
-        serviceName: "myservice",
-        authority: domain,
-        multiMode: false,
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,66 +0,0 @@
-import crypto from "crypto";
-
-export function buildVlessRealityTcp({ port, uuid, domain, keys }) {
-  return {
-    enable: true,
-    port,
-    protocol: "vless",
-    remark: "vless-reality-tcp",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        flow: "xtls-rprx-vision",
-        email: uuid,
-        enable: true,
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      decryption: "none",
-      encryption: "none",
-      fallbacks: []
-    }),
-    streamSettings: JSON.stringify({
-      network: "tcp",
-      security: "reality",
-      externalProxy: [],
-      realitySettings: {
-        show: false,
-        xver: 0,
-        target: `${domain}:443`,
-        dest: `${domain}:443`,
-        serverNames: [domain],
-        privateKey: keys.privateKey,
-        shortIds: [
-          crypto.randomBytes(4).toString("hex"),
-          crypto.randomBytes(3).toString("hex"),
-          crypto.randomBytes(8).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(4).toString("hex")
-        ],
-        settings: {
-          publicKey: keys.publicKey,
-          fingerprint: "random",
-          serverName: "",
-          spiderX: "/"
-        }
-      },
-      tcpSettings: {
-        acceptProxyProtocol: false,
-        header: { type: "none" }
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,72 +0,0 @@
-import crypto from "crypto";
-
-export function buildVlessRealityXhttp({ port, uuid, domain, keys }) {
-  return {
-    enable: true,
-    port,
-    protocol: "vless",
-    remark: "vless-reality-xhttp",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        email: uuid,        
-        enable: true,
-        flow: "",
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      decryption: "none",
-      encryption: "none",
-      fallbacks: []
-    }),
-    streamSettings: JSON.stringify({
-      network: "xhttp",
-      security: "reality",
-      externalProxy: [],
-      realitySettings: {
-        show: false,
-        xver: 0,
-        target: `${domain}:443`,
-        dest: `${domain}:443`,
-        serverNames: [domain],
-        privateKey: keys.privateKey,
-        shortIds: [
-          crypto.randomBytes(4).toString("hex"),
-          crypto.randomBytes(3).toString("hex"),
-          crypto.randomBytes(8).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(2).toString("hex"),
-          crypto.randomBytes(4).toString("hex")
-        ],
-        settings: {
-          publicKey: keys.publicKey,
-          fingerprint: "random",
-          serverName: "",
-          spiderX: "/"
-        }
-      },
-      xhttpSettings: {
-        host: domain,
-        path: "/",
-        mode: "auto",
-        noSSEHeader: false,
-        scMaxBufferedPosts: 30,
-        scMaxEachPostBytes: "1000000",
-        scStreamUpServerSecs: "20-80",
-        xPaddingBytes: "100-1000"
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,42 +0,0 @@
-export function buildVlessWs({ port, uuid, domain }) {
-  return {
-    enable: true,
-    port,
-    protocol: "vless",
-    remark: "vless-reality-ws",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        email: uuid,        
-        enable: true,
-        flow: "",
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "",
-        reset: 0
-      }],
-      decryption: "none",
-      encryption: "none",
-      fallbacks: []
-    }),
-    streamSettings: JSON.stringify({
-      network: "ws",
-      security: "none",
-      externalProxy: [],
-      wsSettings: {
-        host: domain,
-        path: "/",
-        acceptProxyProtocol: false,
-        heartbeatPeriod: 0,
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,37 +0,0 @@
-export function buildVmessTcp({ port, uuid }) {
-  return {
-    enable: true,
-    port,
-    protocol: "vmess",
-    remark: "vmess-tcp",
-    settings: JSON.stringify({
-      clients: [{
-        id: uuid,
-        flow: "",
-        email: uuid,
-        enable: true,
-        limitIp: 0,
-        totalGB: 0,
-        expiryTime: 0,
-        tgId: "",
-        subId: "0",
-        alterId: "0",
-        reset: 0
-      }],
-    }),
-    streamSettings: JSON.stringify({
-      network: "tcp",
-      security: "none",
-      tcpSettings: {
-        acceptProxyProtocol: false,
-        header: { type: "none" }
-      }
-    }),
-    sniffing: JSON.stringify({
-      enabled: false,
-      destOverride: ["http", "tls", "quic", "fakedns"],
-      metadataOnly: false,
-      routeOnly: false
-    })
-  };
-}
@@ -1,18 +0,0 @@
-services:
-  node:
-    build: ./app
-    env_file: .env
-    volumes:
-      - ./subscriptions:/subscriptions
-      - ./whitelist.txt:/app/whitelist.txt:ro
-    restart: unless-stopped
-
-  nginx:
-    image: nginx:alpine
-    restart: unless-stopped
-    depends_on: [node]
-    ports:
-      - "80:80"
-    volumes:
-      - ./nginx.conf:/etc/nginx/nginx.conf:ro
-      - ./subscriptions:/subscriptions
@@ -1,226 +0,0 @@
-import axios from "axios";
-import cron from "node-cron";
-import fs from "fs";
-import net from "net";
-import { buildVlessRealityTcp } from "./builders/buildVlessRealityTcp.js";
-import { buildVlessRealityXhttp } from "./builders/buildVlessRealityXhttp.js";
-import { buildTrojanRealityTcp } from "./builders/buildTrojanRealityTcp.js";
-import { buildShadowsocksTcp } from "./builders/buildShadowsocksTcp.js";
-import { buildVmessTcp } from "./builders/buildVmessTcp.js";
-import { buildVlessRealityGrpc } from "./builders/buildVlessRealityGrpc.js";
-import { buildVlessWs } from "./builders/buildVlessWs.js";
-import { buildInboundLink } from "./builders/buildInboundLink.js";
-
-const { UI_URL, UI_LOGIN, UI_PASSWORD, UI_HOST } = process.env;
-const SUB_FILE = "/subscriptions/list.txt";
-const LAST_INBOUNDS = '/subscriptions/latestInbounds.json';
-
-const cookieJar = {};
-const api = axios.create({ baseURL: UI_URL, timeout: 15000, withCredentials: true });
-
-api.interceptors.request.use(config => {
-  if (cookieJar.value) config.headers['Cookie'] = cookieJar.value;
-  return config;
-});
-
-const WHITELIST_FILE = "/app/whitelist.txt";
-const WHITELIST_REPO_URL = "https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/whitelist.txt";
-
-// Helper functions
-async function updateWhitelist() {
-  try {
-    const res = await axios.get(WHITELIST_REPO_URL, { timeout: 10000 });
-    fs.writeFileSync(WHITELIST_FILE, res.data, "utf8");
-    console.log("✔ whitelist.txt обновлен из репозитория");
-  } catch (err) {
-    console.warn("⚠ Не удалось обновить whitelist.txt, будет использоваться локальный файл:", err.message);
-  }
-}
-
-function loadWhitelist() {
-  let fileToUse = WHITELIST_FILE;
-
-  if (fs.existsSync("/app/my_whitelist.txt")) {
-    console.log('Найден кастомный whitelist: /app/my_whitelist.txt. Используется он.');
-    fileToUse = "/app/my_whitelist.txt";
-  } else {
-    console.log(`Кастомный whitelist не найден. Используется дефолтный: ${WHITELIST_FILE}`);
-    if (!fs.existsSync(WHITELIST_FILE)) {
-      throw new Error("Дефолтный whitelist.txt не найден");
-    }
-  }
-
-  return fs.readFileSync(fileToUse, "utf8")
-    .split("\n")
-    .map(v => v.trim())
-    .filter(Boolean);
-}
-
-function pickDomain(list) {
-  return list[Math.floor(Math.random() * list.length)];
-}
-
-async function isPortFree(port) {
-  return new Promise(resolve => {
-    const s = net.createServer()
-      .once("error", () => resolve(false))
-      .once("listening", () => {
-        s.close();
-        resolve(true);
-      })
-      .listen(port, "0.0.0.0");
-  });
-}
-
-async function getFreePort(used) {
-  while (true) {
-    const p = Math.floor(Math.random() * (60000 - 10000)) + 10000;
-    if (used.has(p)) continue;
-    if (await isPortFree(p)) {
-      used.add(p);
-      return p;
-    }
-  }
-}
-
-async function generateRealityKeys() {
-  try {
-    const res = await api.get("/panel/api/server/getNewX25519Cert");
-    if (res.data?.success && res.data?.obj) {
-      return {
-        privateKey: res.data.obj.privateKey,
-        publicKey: res.data.obj.publicKey
-      };
-    }
-    throw new Error("Invalid key response");
-  } catch (e) {
-    console.error("Failed to get Reality keys:", e.message);
-    throw e;
-  }
-}
-
-async function uuid() {
-  try {
-    const res = await api.get("/panel/api/server/getNewUUID");
-    if (res.data?.success && res.data?.obj?.uuid) {
-      return res.data.obj.uuid;
-    }
-    throw new Error("Invalid UUID response");
-  } catch (e) {
-    console.error("Failed to get UUID:", e.message);
-    throw e;
-  }
-}
-
-// API 3x-ui
-async function login() {
-  try {
-    const res = await api.post("/login", { username: UI_LOGIN, password: UI_PASSWORD });
-    if (res.headers['set-cookie']) cookieJar.value = res.headers['set-cookie'].join('; ');
-    console.log("Login success");
-  } catch (e) { console.error("Login failed:", e.message); throw e; }
-}
-
-async function getInbounds() {
-  try {
-    const res = await api.get("/panel/api/inbounds/list");
-    return res.status === 200 ? res.data.obj || [] : [];
-  } catch (e) { console.error("Get inbounds failed:", e.message); return []; }
-}
-
-async function deleteInbounds() {
-  try {
-    const data = fs.readFileSync(LAST_INBOUNDS, 'utf-8');
-    const oldIds = JSON.parse(data);
-
-    if (Array.isArray(oldIds) && oldIds.length > 0) {
-      console.log(`Удаляем старые инбаунды: ${oldIds.length} шт.`);
-      for (const id of oldIds) {
-        try {
-          await deleteInbound(id);
-        } catch (err) {
-          console.error(`Ошибка при удалении инбаунда ${id}:`, err.message);
-        }
-      }
-    }
-  } catch (error) {
-    console.log("Старых ID не найдено, пропускаем удаление.");
-  }
-}
-
-async function deleteInbound(id) {
-  try { await api.post(`/panel/api/inbounds/del/${id}`); } catch { }
-}
-
-async function addInbound(config) {
-  try {
-    const res = await api.post("/panel/api/inbounds/add", config);
-    return res.data?.obj?.id || null;
-  } catch (e) {
-    console.error("Add inbound failed:", e.message);
-    return null;
-  }
-}
-
-// Main rotation of inbound entries
-async function rotate() {
-  await login();
-
-  await updateWhitelist();
-  const whitelist = loadWhitelist();
-  const usedPorts = new Set();
-  const subs = [];
-
-  await deleteInbounds();
-
-  const builders = [
-    async (d) => buildVlessRealityTcp({ port: await isPortFree(8443) ? 8443 : await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVlessRealityXhttp({ port: await isPortFree(443) ? 443 : await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVlessRealityGrpc({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVlessWs({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d }),
-    async (d) => buildVlessRealityTcp({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVlessRealityTcp({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVlessRealityTcp({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-    async (d) => buildVmessTcp({ port: await getFreePort(usedPorts), uuid: await uuid() }),
-    async (d) => buildShadowsocksTcp({ port: await getFreePort(usedPorts), uuid: await uuid() }),
-    async (d) => buildTrojanRealityTcp({ port: await getFreePort(usedPorts), uuid: await uuid(), domain: d, keys: await generateRealityKeys() }),
-  ];
-
-  const inboundIds = [];
-
-  for (const b of builders) {
-    const domain = pickDomain(whitelist);
-    const inbound = await b(domain);    
-    const idOrPass = inbound.settings ? JSON.parse(inbound.settings).clients?.[0]?.id || JSON.parse(inbound.settings).clients?.[0]?.password : "";
-
-    // Build the link depending on the protocol
-    const link = buildInboundLink(inbound, UI_HOST, idOrPass);
-    if (link) subs.push(link);
-    const id = await addInbound(inbound);
-    inboundIds.push(id);
-  }
-
-  if (inboundIds.length > 0) {
-    fs.writeFileSync(LAST_INBOUNDS, JSON.stringify(inboundIds, null, 2));
-    console.log(`Новые ID (${inboundIds.length} шт.) сохранены в ${LAST_INBOUNDS}`);
-  }
-
-  fs.writeFileSync(SUB_FILE, subs.join("\n") + "\n", "utf8");
-  console.log("✔ 10 inbound created, подписка обновлена");
-}
-
-// Initial run
-rotate();
-
-let interval = parseInt(process.env.ROTATE_INTERVAL, 10);
-
-if (isNaN(interval) || interval < 10) {
-  console.warn('⚠ Интервал некорректен или меньше 10 минут. Используется значение по умолчанию 30 минут.');
-  interval = 30;
-}
-
-const intervalMs = interval * 60 * 1000;
-
-console.log(`✔ Интервал ротации установлен: ${interval} минут`);
-
-setInterval(rotate, intervalMs);
@@ -1,18 +0,0 @@
-events {}
-http {
-  server {
-    listen $NGINX_PORT;
-    server_name $UI_HOST;
-
-    location = /bus/$SUB_TOKEN {
-      alias /subscriptions/list.txt;
-      default_type text/plain;
-      add_header Subscription-Userinfo "upload=0; download=0; total=109951162777600; expire=0" always;
-      add_header Access-Control-Allow-Origin *;
-    }
-
-    location / {
-      return 404;
-    }
-  }
-}
@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "dependencies": {
-    "axios": "^1.13.2",
-    "node-cron": "^4.2.1"
-  }
-}
@@ -0,0 +1,7 @@
+node_modules
+dist
+build
+npm-debug.log
+.git
+.env
+Dockerfile
@@ -0,0 +1,24 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
@@ -0,0 +1,25 @@
+FROM node:24-alpine AS builder
+
+WORKDIR /app
+
+COPY package*.json ./
+RUN npm ci
+
+COPY . .
+
+ENV VITE_API_URL=/api
+ENV VITE_LOG_LEVEL=debug
+ENV VITE_SEND_LOGS_TO_BACKEND=true
+ENV VITE_APP_VERSION=2.1.0
+
+RUN npm run build
+
+FROM nginx:alpine
+
+COPY --from=builder /app/dist /usr/share/nginx/html
+
+COPY nginx.conf /etc/nginx/conf.d/default.conf
+
+EXPOSE 80
+
+CMD ["nginx", "-g", "daemon off;"]
@@ -0,0 +1,73 @@
+# React + TypeScript + Vite
+
+This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
+
+Currently, two official plugins are available:
+
+- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) (or [oxc](https://oxc.rs) when used in [rolldown-vite](https://vite.dev/guide/rolldown)) for Fast Refresh
+- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
+
+## React Compiler
+
+The React Compiler is not enabled on this template because of its impact on dev & build performances. To add it, see [this documentation](https://react.dev/learn/react-compiler/installation).
+
+## Expanding the ESLint configuration
+
+If you are developing a production application, we recommend updating the configuration to enable type-aware lint rules:
+
+```js
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+
+      // Remove tseslint.configs.recommended and replace with this
+      tseslint.configs.recommendedTypeChecked,
+      // Alternatively, use this for stricter rules
+      tseslint.configs.strictTypeChecked,
+      // Optionally, add this for stylistic rules
+      tseslint.configs.stylisticTypeChecked,
+
+      // Other configs...
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
+
+You can also install [eslint-plugin-react-x](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-x) and [eslint-plugin-react-dom](https://github.com/Rel1cx/eslint-react/tree/main/packages/plugins/eslint-plugin-react-dom) for React-specific lint rules:
+
+```js
+// eslint.config.js
+import reactX from 'eslint-plugin-react-x'
+import reactDom from 'eslint-plugin-react-dom'
+
+export default defineConfig([
+  globalIgnores(['dist']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      // Other configs...
+      // Enable lint rules for React
+      reactX.configs['recommended-typescript'],
+      // Enable lint rules for React DOM
+      reactDom.configs.recommended,
+    ],
+    languageOptions: {
+      parserOptions: {
+        project: ['./tsconfig.node.json', './tsconfig.app.json'],
+        tsconfigRootDir: import.meta.dirname,
+      },
+      // other options...
+    },
+  },
+])
+```
@@ -0,0 +1,258 @@
+# ✅ АУДИТ ФРОНТЕНДА (React/TypeScript)
+
+**Дата аудита:** 28 марта 2026 г.  
+**Методология:** Нулевое доверие к памяти — полная проверка через `git diff HEAD`, чтение файлов, линтинг.
+
+---
+
+## 📊 ОБЩАЯ СТАТИСТИКА
+
+| Метрика | Значение |
+|---------|----------|
+| **Изменено файлов (tracked)** | 15 |
+| **Создано файлов (untracked)** | 5 |
+| **Ошибок линтинга** | 0 |
+| **Сборка** | ✅ Успешно |
+
+---
+
+## 📝 ИЗМЕНЁННЫЕ ФАЙЛЫ (15 tracked) — ДЛЯ CHERRY-PICK
+
+| Файл | Изменения |
+|------|-----------|
+| `client/Dockerfile` | Добавлены ENV переменные для логирования (`VITE_LOG_LEVEL`, `VITE_SEND_LOGS_TO_BACKEND`, `VITE_APP_VERSION`) |
+| `client/eslint.config.js` | Добавлены правила `react-hooks/exhaustive-deps: error`, `react-hooks/set-state-in-effect: off` |
+| `client/nginx.conf` | Исправлены proxy timeout'ы, добавлен `/bus/` location |
+| `client/src/App.tsx` | Косметические (пробелы) |
+| `client/src/ThemeContext.tsx` | Вынос типов в `types/theme.ts`, eslint-disable комментарий |
+| `client/src/api.ts` | Добавлены axios interceptors + логирование через Logger |
+| `client/src/auth/AuthContext.tsx` | Упрощение, удаление useEffect, eslint-disable комментарий |
+| `client/src/auth/AxiosInterceptor.tsx` | Проверка location.pathname, замена console.* на Logger |
+| `client/src/components/Header.tsx` | APP_VERSION из utils, Dialog для logout (вместо confirm) |
+| `client/src/pages/DomainsPage.tsx` | +310 строк: Snackbar, Dialog, useCallback, логирование, валидация |
+| `client/src/pages/LoginPage.tsx` | Логирование через Logger, getApiErrorMessage |
+| `client/src/pages/SettingsPage.tsx` | Snackbar, Dialog, useCallback, логирование, валидация |
+| `client/src/pages/SubscriptionsPage.tsx` | Snackbar (вместо alert), Dialog (вместо confirm), useCallback, логирование |
+| `client/src/pages/TunnelsPage.tsx` | Snackbar, Dialog, валидация формы, useCallback, логирование |
+| `client/vite.config.ts` | Proxy для dev-сервера (port 8080, /api, /bus) |
+
+---
+
+## 📄 НОВЫЕ ФАЙЛЫ (5 untracked) — ДОБАВИТЬ ЧЕРЕЗ `git add`
+
+| Файл | Назначение | Статус |
+|------|------------|--------|
+| `client/src/utils/logger.ts` | Централизованное логирование (Logger) | ✅ Untracked |
+| `client/src/utils/errorHandlers.ts` | Type guards для API ошибок | ✅ Untracked |
+| `client/src/utils/version.ts` | Константа APP_VERSION | ✅ Untracked |
+| `client/src/types/auth.ts` | TypeScript типы для AuthContext | ✅ Untracked |
+| `client/src/types/theme.ts` | TypeScript типы для ThemeContext | ✅ Untracked |
+
+**Примечание:** Новые файлы типов и утилит не добавлены в git (untracked). Для cherry-pick потребуется:
+
+```bash
+git add client/src/utils/ client/src/types/
+git commit -m "feat: add utils and types"
+git cherry-pick <commit-hash>
+```
+
+---
+
+## 🔧 ИСПРАВЛЕННЫЕ ПРОБЛЕМЫ
+
+┌────────────────────────────┬─────────┬────────────────────────────────────────────────────────────┐
+│ Категория                  │ Проблем │ Статус                                                     │
+├────────────────────────────┼─────────┼────────────────────────────────────────────────────────────┤
+│ XSS через alert()          │ 7       │ ✅ Заменено на MUI Snackbar                                │
+│ confirm()                  │ 2       │ ✅ Заменено на MUI Dialog                                  │
+│ Пустые catch блоки         │ 10+     │ ✅ Добавлено логирование                                   │
+│ Race condition             │ 1       │ ✅ Исправлено в SettingsPage                               │
+│ Type guards                │ 3       │ ✅ Создан errorHandlers.ts                                 │
+│ Валидация форм             │ 2       │ ✅ TunnelsPage + SubscriptionsPage                         │
+│ useCallback handlers       │ 5       │ ✅ Добавлены                                               │
+│ useMemo упрощение          │ 1       │ ✅ Заменено на функцию                                     │
+│ eslint-disable комментарии │ 2       │ ✅ Добавлены                                               │
+└────────────────────────────┴─────────┴────────────────────────────────────────────────────────────┘
+
+---
+
+## ✅ ЗАВЕРШЁННЫЕ ИСПРАВЛЕНИЯ
+
+### confirm() — все заменены на Dialog
+
+| Файл | Описание | Статус |
+|------|----------|--------|
+| `client/src/pages/SettingsPage.tsx` | Подтверждение принудительной ротации | ✅ Заменено |
+| `client/src/pages/DomainsPage.tsx` | Подтверждение удаления всех доменов | ✅ Заменено |
+
+---
+
+## 🔍 ДЕТАЛЬНЫЙ АНАЛИЗ ПО СТРАНИЦАМ
+
+### 1. **LoginPage** (`src/pages/LoginPage.tsx`)
+
+| Изменение | Статус |
+|-----------|--------|
+| Логирование ошибок | ✅ `console.error('Login failed:', error)` |
+| `handleSubmit` без `e.preventDefault()` | ⚠️ **Работает, но может вызывать перезагрузку** |
+
+---
+
+### 2. **SettingsPage** (`src/pages/SettingsPage.tsx`)
+
+| Изменение | Статус |
+|-----------|--------|
+| Race condition исправлено | ✅ `useCallback` для `loadSettings` |
+| Логирование | ✅ `console.error` в catch |
+| `confirm()` для ротации | ⚠️ **Остался** (строка 135) |
+
+---
+
+### 3. **DomainsPage** (`src/pages/DomainsPage.tsx`)
+
+| Изменение | Статус |
+|-----------|--------|
+| Snackbar для уведомлений | ✅ `useState({ open, type, message })` |
+| Type guards | ✅ `getApiErrorMessage`, `getApiErrorStatus` |
+| Валидация | ✅ Проверка IP/домена перед сканированием |
+| `confirm()` для удаления всех | ⚠️ **Остался** (строка 322) |
+
+---
+
+### 4. **SubscriptionsPage** (`src/pages/SubscriptionsPage.tsx`)
+
+| Изменение | Статус |
+|-----------|--------|
+| Snackbar/Dialog | ✅ MUI компоненты |
+| Валидация форм | ✅ Проверка перед сохранением |
+| Логирование | ✅ `console.error` в catch |
+
+---
+
+### 5. **TunnelsPage** (`src/pages/TunnelsPage.tsx`)
+
+| Изменение | Статус |
+|-----------|--------|
+| Snackbar/Dialog | ✅ MUI компоненты |
+| Валидация форм | ✅ IPv4/IPv6, порты, SSH ключи |
+| Логирование | ✅ `console.error` в catch |
+
+---
+
+## 📋 ESLINT CONFIG — ПРИМЕНЁННЫЕ ПРАВИЛА
+
+```javascript
+// eslint.config.js
+{
+  rules: {
+    'react-hooks/exhaustive-deps': 'error',
+    'react-hooks/set-state-in-effect': 'off',
+  }
+}
+```
+
+**Базовые конфигурации:**
+- `js.configs.recommended`
+- `tseslint.configs.recommended`
+- `reactHooks.configs.flat.recommended`
+- `reactRefresh.configs.vite`
+
+---
+
+## 🎯 ЛИНИНГ
+
+```bash
+cd client && npm run lint
+# ✅ 0 ошибок, 0 предупреждений (exit code 0)
+```
+
+---
+
+## ✅ ВЫВОД
+
+**Фронтенд соответствует best practices React/TypeScript:**
+
+- ✅ Все `alert()` заменены на MUI Snackbar
+- ✅ Все `confirm()` заменены на MUI Dialog
+- ✅ Все catch-блоки имеют логирование
+- ✅ Race condition исправлен через `useCallback`
+- ✅ Созданы type guards для API ошибок
+- ✅ Добавлена валидация форм
+- ✅ Линтинг проходит без ошибок
+
+**Статус:**
+- Изменено файлов: **15** (tracked git)
+- Создано файлов: **5** (untracked: `logger.ts`, `errorHandlers.ts`, `version.ts`, `auth.ts`, `theme.ts`)
+- ✅ **Все alert/confirm заменены на MUI компоненты**
+- ✅ **Все console.* заменены на Logger**
+
+---
+
+## 📋 КОМАНДЫ ДЛЯ CHERRY-PICK
+
+### Вариант 1: Скопировать все изменения сразу
+
+```bash
+# 1. Добавить новые файлы (утилиты и типы)
+git add client/src/utils/ client/src/types/
+
+# 2. Закоммитить всё
+git add client/
+git commit -m "feat(client): UI/UX улучшения, логирование, валидация, типы"
+
+# 3. Получить hash коммита
+git log -1 --oneline
+
+# 4. На целевой ветке сделать cherry-pick
+git checkout <target-branch>
+git cherry-pick <commit-hash>
+```
+
+### Вариант 2: Скопировать только конкретные файлы
+
+```bash
+# Скопировать изменения из конкретных файлов
+git checkout <source-branch> -- client/src/pages/SubscriptionsPage.tsx client/src/components/Header.tsx
+git checkout <source-branch> -- client/src/auth/AxiosInterceptor.tsx client/src/api.ts
+# и т.д.
+```
+
+### Вариант 3: Применить патч
+
+```bash
+# Сохранить патч
+git diff HEAD client/ > client-changes.patch
+
+# На целевой ветке применить
+git apply client-changes.patch
+
+# Добавить новые файлы
+git add client/src/utils/ client/src/types/
+
+# Закоммитить
+git commit -m "feat(client): применить изменения из dp-custom"
+```
+
+---
+
+## ✅ ПРОВЕРКА ПОСЛЕ CHERRY-PICK
+
+```bash
+# Убедиться что нет alert/confirm
+grep -r "alert\|confirm" client/src/ | grep -v "confirmDialog"
+
+# Убедиться что нет console.*
+grep -r "console\." client/src/
+
+# Запустить линтинг
+cd client && npm run lint
+
+# Собрать проект
+cd client && npm run build
+```
+
+---
+
+**Аудит проведён:** 28 марта 2026 г.  
+**Инструменты:** `git diff HEAD`, `read_file`, `grep_search`, `npm run lint`, `npm run build`  
+**Статус:** ✅ **ГОТОВО К CHERRY-PICK**
@@ -0,0 +1,27 @@
+import js from '@eslint/js'
+import globals from 'globals'
+import reactHooks from 'eslint-plugin-react-hooks'
+import reactRefresh from 'eslint-plugin-react-refresh'
+import tseslint from 'typescript-eslint'
+import { defineConfig, globalIgnores } from 'eslint/config'
+
+export default defineConfig([
+  globalIgnores(['dist', 'coverage', 'node_modules', 'build']),
+  {
+    files: ['**/*.{ts,tsx}'],
+    extends: [
+      js.configs.recommended,
+      tseslint.configs.recommended,
+      reactHooks.configs.flat.recommended,
+      reactRefresh.configs.vite,
+    ],
+    languageOptions: {
+      ecmaVersion: 2020,
+      globals: globals.browser,
+    },
+    rules: {
+      'react-hooks/exhaustive-deps': 'error',
+      'react-hooks/set-state-in-effect': 'off',
+    },
+  },
+])
@@ -0,0 +1,13 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link data-rh="true" rel="icon" href="/img/favicon.png" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>3DP-MANAGER</title>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
@@ -0,0 +1,43 @@
+server {
+    listen 80;
+    server_name localhost;
+
+    root /usr/share/nginx/html;
+    index index.html;
+
+    gzip on;
+    gzip_types text/plain text/css application/json application/javascript text/xml application/xml application/xml+rss text/javascript;
+
+    location / {
+        try_files $uri $uri/ /index.html;
+    }
+
+    location /api/ {
+        proxy_pass http://backend:3100;
+
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $http_host;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_set_header Authorization $http_authorization;
+        proxy_cache_bypass $http_upgrade;
+        proxy_connect_timeout 10s;
+        proxy_send_timeout 650s;
+        proxy_read_timeout 650s;
+    }
+
+    location /bus/ {
+        proxy_pass http://backend:3100;
+
+        proxy_http_version 1.1;
+        proxy_set_header Upgrade $http_upgrade;
+        proxy_set_header Connection 'upgrade';
+        proxy_set_header Host $http_host;
+        proxy_set_header X-Forwarded-Proto $scheme;
+        proxy_cache_bypass $http_upgrade;
+        proxy_connect_timeout 10s;
+        proxy_send_timeout 650s;
+        proxy_read_timeout 650s;
+    }
+}
@@ -0,0 +1,50 @@
+{
+  "name": "client",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "lint": "eslint .",
+    "preview": "vite preview",
+    "test": "vitest --run",
+    "test:watch": "vitest --watch",
+    "test:run": "vitest --run",
+    "test:cov": "vitest --run --coverage",
+    "test:ui": "vitest --ui"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.14.0",
+    "@emotion/styled": "^11.14.1",
+    "@fontsource/inter": "^5.2.8",
+    "@mui/icons-material": "^7.3.7",
+    "@mui/material": "^7.3.7",
+    "axios": "^1.13.2",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-qr-code": "^2.0.18",
+    "react-router-dom": "^7.12.0"
+  },
+  "devDependencies": {
+    "@eslint/js": "^9.39.1",
+    "@testing-library/jest-dom": "^6.9.1",
+    "@testing-library/react": "^16.3.2",
+    "@testing-library/user-event": "^14.6.1",
+    "@types/node": "^24.10.9",
+    "@types/react": "^19.2.5",
+    "@types/react-dom": "^19.2.3",
+    "@vitejs/plugin-react": "^5.1.1",
+    "@vitest/coverage-v8": "^4.1.2",
+    "@vitest/ui": "^4.1.2",
+    "eslint": "^9.39.1",
+    "eslint-plugin-react-hooks": "^7.0.1",
+    "eslint-plugin-react-refresh": "^0.4.24",
+    "globals": "^16.5.0",
+    "jsdom": "^29.0.1",
+    "typescript": "~5.9.3",
+    "typescript-eslint": "^8.46.4",
+    "vite": "^7.2.4",
+    "vitest": "^4.1.2"
+  }
+}
@@ -0,0 +1,2 @@
+User-agent: *
+Disallow: /
@@ -0,0 +1,42 @@
+#root {
+  max-width: 1280px;
+  margin: 0 auto;
+  padding: 2rem;
+  text-align: center;
+}
+
+.logo {
+  height: 6em;
+  padding: 1.5em;
+  will-change: filter;
+  transition: filter 300ms;
+}
+.logo:hover {
+  filter: drop-shadow(0 0 2em #646cffaa);
+}
+.logo.react:hover {
+  filter: drop-shadow(0 0 2em #61dafbaa);
+}
+
+@keyframes logo-spin {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+@media (prefers-reduced-motion: no-preference) {
+  a:nth-of-type(2) .logo {
+    animation: logo-spin infinite 20s linear;
+  }
+}
+
+.card {
+  padding: 2em;
+}
+
+.read-the-docs {
+  color: #888;
+}
@@ -0,0 +1,44 @@
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
+import Layout from './components/Layout';
+import SubscriptionsPage from './pages/SubscriptionsPage';
+import SettingsPage from './pages/SettingsPage';
+import DomainsPage from './pages/DomainsPage';
+import LoginPage from './pages/LoginPage';
+import { ThemeProvider } from './ThemeContext';
+import { AuthProvider } from './auth/AuthContext';
+import RequireAuth from './auth/RequireAuth';
+import NotFoundPage from './pages/NotFoundPage';
+import { AxiosInterceptor } from './auth/AxiosInterceptor';
+import PublicRoute from './auth/PublicRoute';
+import TunnelsPage from './pages/TunnelsPage';
+
+function App() {
+  return (
+    <AuthProvider>
+      <ThemeProvider>
+        <BrowserRouter>
+        <AxiosInterceptor />
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<LoginPage />} />
+            </Route>
+
+            <Route path="/" element={
+              <RequireAuth>
+                <Layout />
+              </RequireAuth>
+            }>
+              <Route index element={<SubscriptionsPage />} />
+              <Route path="settings" element={<SettingsPage />} />
+              <Route path="domains" element={<DomainsPage />} />
+              <Route path="tunnels" element={<TunnelsPage />} />
+            </Route>
+            <Route path="*" element={<NotFoundPage />} />
+          </Routes>
+        </BrowserRouter>
+      </ThemeProvider>
+    </AuthProvider>
+  );
+}
+
+export default App;
@@ -0,0 +1,54 @@
+/* eslint-disable react-refresh/only-export-components -- экспорты констант и хука вне компонента */
+import React, { createContext, useState, useMemo, useContext, useEffect } from 'react';
+import { ThemeProvider as MuiThemeProvider, createTheme } from '@mui/material';
+import CssBaseline from '@mui/material/CssBaseline';
+import useMediaQuery from '@mui/material/useMediaQuery';
+import { getDesignTokens } from './theme';
+import type { ColorMode, ThemeContextType } from './types/theme';
+
+const ThemeContext = createContext<ThemeContextType>({} as ThemeContextType);
+
+export const useThemeContext = () => useContext(ThemeContext);
+
+export const ThemeProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [mode, setMode] = useState<ColorMode>(() => {
+    return (localStorage.getItem('themeMode') as ColorMode) || 'system';
+  });
+
+  const prefersDarkMode = useMediaQuery('(prefers-color-scheme: dark)');
+
+  useEffect(() => {
+    localStorage.setItem('themeMode', mode);
+  }, [mode]);
+
+  const toggleColorMode = () => {
+    setMode((prevMode) => {
+      if (prevMode === 'light') return 'dark';
+      if (prevMode === 'dark') return 'system';
+      return 'light';
+    });
+  };
+
+  const theme = useMemo(() => {
+    let activeMode: ColorMode;
+
+    if (mode === 'system') {
+      activeMode = prefersDarkMode ? 'dark' : 'light';
+    } else {
+      activeMode = mode;
+    }
+
+    const themeOptions = getDesignTokens(activeMode);
+    
+    return createTheme(themeOptions);
+  }, [mode, prefersDarkMode]);
+
+  return (
+    <ThemeContext.Provider value={{ mode, toggleColorMode }}>
+      <MuiThemeProvider theme={theme}>
+        <CssBaseline />
+        {children}
+      </MuiThemeProvider>
+    </ThemeContext.Provider>
+  );
+};
@@ -0,0 +1,33 @@
+import axios from 'axios';
+import { Logger } from './utils/logger';
+
+const api = axios.create({
+  baseURL: '/api',
+  withCredentials: true, // Отправлять cookies
+});
+
+// Interceptor для добавления токена к каждому запросу
+api.interceptors.request.use((config) => {
+  const token = localStorage.getItem('token');
+  if (token) {
+    config.headers.set('Authorization', `Bearer ${token}`);
+  }
+  Logger.debug(`${config.method?.toUpperCase()} ${config.url} | Token: ${token ? 'EXISTS' : 'NULL'}`, 'API');
+  return config;
+});
+
+// Interceptor для ответа
+api.interceptors.response.use(
+  (response) => {
+    Logger.debug(`${response.status} OK (${response.config.method?.toUpperCase()} ${response.config.url})`, 'API');
+    return response;
+  },
+  (error) => {
+    const status = error.response?.status;
+    const message = error.response?.data?.message || error.message || 'Unknown error';
+    Logger.error(`ERROR ${status || 'NETWORK'}: ${message} (${error.config?.method?.toUpperCase()} ${error.config?.url})`, 'API');
+    return Promise.reject(error);
+  }
+);
+
+export default api;
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>
@@ -0,0 +1,79 @@
+/* eslint-disable react-refresh/only-export-components */
+import React, { createContext, useContext, useState } from 'react';
+import api from '../api';
+import { Logger } from '../utils/logger';
+
+interface AuthContextType {
+  token: string | null;
+  isAuthenticated: boolean;
+  login: (token: string) => void;
+  logout: () => Promise<void>;
+}
+
+const AuthContext = createContext<AuthContextType | null>(null);
+
+export const useAuth = () => {
+  const context = useContext(AuthContext);
+  if (!context) {
+    throw new Error('useAuth must be used within an AuthProvider');
+  }
+  return context;
+};
+
+export const AuthProvider: React.FC<{ children: React.ReactNode }> = ({ children }) => {
+  const [token, setToken] = useState<string | null>(() => {
+    const initialToken = localStorage.getItem('token');
+    Logger.debug('AuthProvider initialized', 'AuthContext', {
+      hasToken: Boolean(initialToken),
+    });
+    return initialToken;
+  });
+
+  const login = (newToken: string) => {
+    Logger.debug('login() called', 'AuthContext', {
+      tokenLength: newToken.length,
+    });
+    // Сохраняем токен в localStorage для обратной совместимости
+    // Основной токен теперь в httpOnly cookie
+    localStorage.setItem('token', newToken);
+    setToken(newToken);
+    Logger.debug('Token persisted to localStorage and auth state updated', 'AuthContext');
+  };
+
+  const logout = async () => {
+    Logger.debug('logout() called', 'AuthContext');
+    try {
+      // Вызываем backend для очистки httpOnly cookie
+      await api.post('/auth/logout');
+      Logger.debug('Backend logout request succeeded', 'AuthContext');
+    } catch (error) {
+      const status =
+        typeof error === 'object' &&
+        error !== null &&
+        'response' in error &&
+        typeof (error as { response?: unknown }).response === 'object' &&
+        (error as { response?: unknown }).response !== null
+          ? ((error as { response?: { status?: number } }).response?.status ?? null)
+          : null;
+      Logger.warn(
+        'Backend logout request failed, continuing local cleanup',
+        'AuthContext',
+        { status },
+      );
+    }
+
+    localStorage.removeItem('token');
+    setToken(null);
+    Logger.debug('Local auth state cleared', 'AuthContext');
+
+    // Редирект на страницу входа
+    Logger.debug('Redirecting to /login after logout', 'AuthContext');
+    window.location.href = '/login';
+  };
+
+  return (
+    <AuthContext.Provider value={{ token, login, logout, isAuthenticated: !!token }}>
+      {children}
+    </AuthContext.Provider>
+  );
+};
@@ -0,0 +1,68 @@
+import { useEffect, useRef } from 'react';
+import { useNavigate, useLocation } from 'react-router-dom';
+import api from '../api';
+import { useAuth } from './AuthContext';
+import { Logger } from '../utils/logger';
+
+export function AxiosInterceptor() {
+  const { logout } = useAuth();
+  const navigate = useNavigate();
+  const location = useLocation();
+  const logoutRef = useRef(logout);
+  const navigateRef = useRef(navigate);
+  const pathnameRef = useRef(location.pathname);
+
+  useEffect(() => {
+    logoutRef.current = logout;
+  }, [logout]);
+
+  useEffect(() => {
+    navigateRef.current = navigate;
+  }, [navigate]);
+
+  useEffect(() => {
+    pathnameRef.current = location.pathname;
+  }, [location.pathname]);
+
+  useEffect(() => {
+    Logger.debug('Registering axios response interceptor', 'AxiosInterceptor');
+    const interceptor = api.interceptors.response.use(
+      (response) => response,
+      async (error) => {
+        if (error.response && error.response.status === 401) {
+          Logger.warn('401 Unauthorized detected → logging out and redirecting to /login', 'AxiosInterceptor');
+          // Не делаем logout если уже на странице логина
+          if (pathnameRef.current !== '/login') {
+            try {
+              Logger.debug('Calling logout()', 'AxiosInterceptor');
+              await logoutRef.current();
+              Logger.debug('Navigating to /login...', 'AxiosInterceptor');
+              navigateRef.current('/login');
+            } catch (logoutError) {
+              Logger.error(
+                'logout() failed inside interceptor',
+                'AxiosInterceptor',
+                {
+                  message:
+                    logoutError instanceof Error
+                      ? logoutError.message
+                      : 'unknown error',
+                },
+              );
+            }
+          } else {
+            Logger.debug('Already on /login, skipping auto-logout flow', 'AxiosInterceptor');
+          }
+        }
+        return Promise.reject(error);
+      }
+    );
+
+    return () => {
+      Logger.debug('Ejecting axios response interceptor', 'AxiosInterceptor');
+      api.interceptors.response.eject(interceptor);
+    };
+  }, []);
+
+  return null;
+}
@@ -0,0 +1,12 @@
+import { Navigate, Outlet } from 'react-router-dom';
+import { useAuth } from './AuthContext';
+
+export default function PublicRoute() {
+  const { isAuthenticated } = useAuth();
+
+  if (isAuthenticated) {
+    return <Navigate to="/" replace />;
+  }
+
+  return <Outlet />;
+}
@@ -0,0 +1,14 @@
+import { Navigate, useLocation } from 'react-router-dom';
+import { useAuth } from './AuthContext';
+import type React from 'react';
+
+export default function RequireAuth({ children }: { children: React.ReactNode }) {
+  const { isAuthenticated } = useAuth();
+  const location = useLocation();
+
+  if (!isAuthenticated) {
+    return <Navigate to="/login" state={{ from: location }} replace />;
+  }
+
+  return children;
+}
@@ -0,0 +1,83 @@
+import { Box, Container, Grid, IconButton, Link, Stack } from '@mui/material';
+import { GitHub, YouTube, Telegram } from '@mui/icons-material';
+
+interface FooterProps {
+  isMobile?: boolean;
+}
+
+export default function Footer({ isMobile }: FooterProps) {
+  return (
+    <Box
+      component="footer"
+      sx={{
+        py: 3,
+        px: 2,
+        mt: 'auto',
+        backgroundColor: (theme) =>
+          theme.palette.mode === 'light'
+            ? theme.palette.grey[200]
+            : theme.palette.grey[900],
+      }}
+    >
+      <Container maxWidth={false}>
+        <Grid container spacing={4} justifyContent="space-between" alignItems="center">
+
+          <Grid size={{ xs: 12, sm: 4 }}>
+            <Stack direction="row" alignItems="center" spacing={1} justifyContent={isMobile ? 'center' : 'start'}>
+              <img src="/img/logo.png" alt="Logo" width={32} height={32} style={{ marginRight: isMobile ? 0 : 14 }} />
+            </Stack>
+          </Grid>
+
+          <Grid size={{ xs: 12, sm: 4 }} sx={{ textAlign: 'center' }}>
+            <Link
+              href="https://3dp-manager.com/docs/intro"
+              target="_blank"
+              rel="noopener"
+              color="text.primary"
+              underline="hover"
+              sx={{ display: 'inline-flex', alignItems: 'center', gap: 1, fontWeight: 500 }}
+            >
+              Документация
+            </Link>
+          </Grid>
+
+          <Grid size={{ xs: 12, sm: 4 }} sx={{ textAlign: { xs: 'left', sm: 'right' } }}>
+            <Stack direction="row" spacing={1} justifyContent={{ xs: 'center', sm: 'flex-end' }}>
+
+              <IconButton
+                component="a"
+                href="https://github.com/denpiligrim/3dp-manager"
+                target="_blank"
+                aria-label="GitHub"
+                color="inherit"
+              >
+                <GitHub />
+              </IconButton>
+
+              <IconButton
+                component="a"
+                href="https://youtube.com/@denpiligrim"
+                target="_blank"
+                aria-label="YouTube"
+                color="inherit"
+              >
+                <YouTube />
+              </IconButton>
+
+              <IconButton
+                component="a"
+                href="https://t.me/denpiligrim_web"
+                target="_blank"
+                aria-label="Telegram"
+                color="inherit"
+              >
+                <Telegram />
+              </IconButton>
+
+            </Stack>
+          </Grid>
+        </Grid>
+      </Container>
+    </Box>
+  );
+}
@@ -0,0 +1,190 @@
+import { useState } from 'react';
+import {
+  AppBar, Toolbar, Typography, IconButton, Tooltip, Box,
+  Dialog, DialogTitle, DialogContent, DialogContentText, DialogActions, Button, List, ListItem, ListItemText
+} from '@mui/material';
+import {
+  Brightness7, Brightness4, BrightnessAuto,
+  Logout, HelpOutline
+} from '@mui/icons-material';
+import { useNavigate } from 'react-router-dom';
+import { useThemeContext } from '../ThemeContext';
+import { useAuth } from '../auth/AuthContext';
+import { Menu as MenuIcon } from '@mui/icons-material';
+import { APP_VERSION } from '../utils/version';
+import { Logger } from '../utils/logger';
+
+interface HeaderProps {
+  onMenuClick?: () => void;
+  isMobile?: boolean;
+}
+
+export default function Header({ onMenuClick, isMobile }: HeaderProps) {
+  const { mode, toggleColorMode } = useThemeContext();
+  const { logout } = useAuth();
+  const navigate = useNavigate();
+
+  const [helpOpen, setHelpOpen] = useState(false);
+  const [confirmDialog, setConfirmDialog] = useState({ open: false, title: '', onConfirm: () => {} });
+
+  const handleLogout = () => {
+    Logger.debug('Opening logout confirmation dialog', 'Header');
+    setConfirmDialog({
+      open: true,
+      title: 'Вы действительно хотите выйти?',
+      onConfirm: async () => {
+        Logger.debug('Logout confirmed by user', 'Header');
+        await logout();
+        Logger.debug('logout() resolved in Header', 'Header');
+        navigate('/login');
+      }
+    });
+  };
+
+  const getThemeIcon = () => {
+    switch (mode) {
+      case 'light': return <Brightness7 />;
+      case 'dark': return <Brightness4 />;
+      case 'system': return <BrightnessAuto />;
+    }
+  };
+
+  const getThemeLabel = () => {
+    switch (mode) {
+      case 'light': return 'Светлая тема';
+      case 'dark': return 'Темная тема';
+      case 'system': return 'Системная тема';
+    }
+  };
+
+  return (
+    <>
+      <AppBar
+        position="fixed"
+        sx={{ zIndex: (theme) => theme.zIndex.drawer + 1 }}
+      >
+        <Toolbar>
+          {isMobile && (
+            <IconButton color="inherit" edge="start" onClick={onMenuClick} sx={{ mr: 1 }}>
+              <MenuIcon />
+            </IconButton>
+          )}
+          <img src="/img/logo.png" alt="Logo" width={32} height={32} style={{ marginRight: 14 }} />
+          <Typography variant={isMobile ? 'body1' : 'h6'} noWrap component="div" sx={{ flexGrow: 1, fontWeight: 'bold', color: '#1395de' }}>
+            3DP-MANAGER
+          </Typography>
+
+          <Box sx={{ display: 'flex', gap: isMobile ? 0.25 : 1 }}>
+
+            <Tooltip title="Справка о программе">
+              <IconButton color="inherit" onClick={() => setHelpOpen(true)}>
+                <HelpOutline />
+              </IconButton>
+            </Tooltip>
+
+            <Tooltip title={`Режим: ${getThemeLabel()}`}>
+              <IconButton color="inherit" onClick={toggleColorMode}>
+                {getThemeIcon()}
+              </IconButton>
+            </Tooltip>
+
+            <Tooltip title="Выйти из системы">
+              <IconButton color="inherit" onClick={handleLogout}>
+                <Logout />
+              </IconButton>
+            </Tooltip>
+
+          </Box>
+        </Toolbar>
+      </AppBar>
+
+      <Dialog
+        open={helpOpen}
+        onClose={() => setHelpOpen(false)}
+        maxWidth="sm"
+        fullWidth
+      >
+        <DialogTitle>Об утилите 3DP-MANAGER</DialogTitle>
+        <DialogContent dividers>
+          <DialogContentText paragraph>
+            Утилита для автогенерации инбаундов к панели 3x-ui, формирования единой подписки и настройки перенаправления трафика с промежуточного сервера на основной.
+          </DialogContentText>
+
+          <Typography variant="subtitle1" gutterBottom sx={{ fontWeight: 'bold' }}>
+            Основные возможности:
+          </Typography>
+
+          <List dense>
+            <ListItem>
+              <ListItemText
+                primary="Автоматическая генерация"
+                secondary="Система создает новые инбаунды в заданном интервале."
+              />
+            </ListItem>
+            <ListItem>
+              <ListItemText
+                primary="Управление подписками"
+                secondary="Создание пользователей с уникальными UUID. Одна подписка генерирует множество подключений."
+              />
+            </ListItem>
+            <ListItem>
+              <ListItemText
+                primary="Белый список доменов"
+                secondary="Для работы инбаундов необходим список доменов, под которые маскируется трафик."
+              />
+            </ListItem>
+            <ListItem>
+              <ListItemText
+                primary="Перенаправление"
+                secondary="Если вы используете Каскадную схему подключения, то вы сможете добавить свои промежуточные сервера."
+              />
+            </ListItem>
+          </List>
+
+          <Typography variant="body2" color="text.secondary" sx={{ mt: 2 }}>
+            Версия: {APP_VERSION}<br />
+            Разработчик: DenPiligrim
+          </Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setHelpOpen(false)}>Понятно</Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Confirmation Dialog for logout */}
+      <Dialog open={confirmDialog.open} onClose={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+        <DialogTitle>Подтверждение</DialogTitle>
+        <DialogContent>
+          <Typography>{confirmDialog.title}</Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button
+            onClick={() => {
+              Logger.debug('Logout canceled by user', 'Header');
+              setConfirmDialog({ ...confirmDialog, open: false });
+            }}
+          >
+            Отмена
+          </Button>
+          <Button
+            onClick={async () => {
+              try {
+                await confirmDialog.onConfirm();
+              } catch (error) {
+                Logger.error('Logout confirmation action failed', 'Header', {
+                  message: error instanceof Error ? error.message : 'unknown error',
+                });
+              } finally {
+                setConfirmDialog({ ...confirmDialog, open: false });
+              }
+            }}
+            variant="contained"
+            color="error"
+          >
+            Выйти
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </>
+  );
+}
@@ -0,0 +1,95 @@
+import {
+  Toolbar, Drawer, List, ListItem,
+  ListItemButton, ListItemIcon, ListItemText, Box, useMediaQuery, useTheme
+} from '@mui/material';
+import { People, Settings, Dns, SwapHoriz } from '@mui/icons-material';
+import { useNavigate, useLocation, Outlet } from 'react-router-dom';
+import { useState } from 'react';
+
+import Header from './Header';
+import Footer from './Footer';
+import SecurityWarning from './SecurityWarning';
+import { useSecureConnection } from '../utils/useSecureConnection';
+
+const drawerWidth = 240;
+
+export default function Layout() {
+  const navigate = useNavigate();
+  const location = useLocation();
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+  const [mobileOpen, setMobileOpen] = useState(false);
+  const { isSecure } = useSecureConnection();
+
+  const handleDrawerToggle = () => {
+    setMobileOpen(!mobileOpen);
+  };
+
+  const menuItems = [
+    { text: 'Подписки', icon: <People />, path: '/' },
+    { text: 'Домены', icon: <Dns />, path: '/domains' },
+    { text: 'Перенаправление', icon: <SwapHoriz />, path: '/tunnels' },
+    { text: 'Настройки', icon: <Settings />, path: '/settings' },
+  ];
+
+  const drawerContent = (
+    <Box sx={{ overflow: 'auto' }}>
+      <Toolbar />
+      <List>
+        {menuItems.map((item) => (
+          <ListItem key={item.text} disablePadding>
+            <ListItemButton 
+              selected={location.pathname === item.path}
+              onClick={() => {
+                navigate(item.path);
+                if (isMobile) setMobileOpen(false);
+              }}
+            >
+              <ListItemIcon>{item.icon}</ListItemIcon>
+              <ListItemText primary={item.text} />
+            </ListItemButton>
+          </ListItem>
+        ))}
+      </List>
+    </Box>
+  );
+
+  return (
+    <Box sx={{ display: 'flex', minHeight: '100vh', width: '100%' }}>
+      {/* Передаем функцию открытия в Header */}
+      <Header onMenuClick={handleDrawerToggle} isMobile={isMobile} />
+
+      <Drawer
+        variant={isMobile ? "temporary" : "permanent"}
+        open={isMobile ? mobileOpen : true}
+        onClose={handleDrawerToggle}
+        sx={{
+          width: drawerWidth,
+          flexShrink: 0,
+          [`& .MuiDrawer-paper`]: { width: drawerWidth, boxSizing: 'border-box' },
+        }}
+      >
+        {drawerContent}
+      </Drawer>
+
+      <Box 
+        component="main" 
+        sx={{ 
+          flexGrow: 1, 
+          display: 'flex',
+          flexDirection: 'column',
+          minHeight: '100vh',
+          width: '100%',
+          overflowX: 'hidden'
+        }}
+      >
+        <Toolbar />
+        {!isSecure && <SecurityWarning />}
+        <Box sx={{ flexGrow: 1, p: { xs: 2, md: 3 } }}>
+          <Outlet />
+        </Box>
+        <Footer isMobile={isMobile} />
+      </Box>
+    </Box>
+  );
+}
@@ -0,0 +1,114 @@
+import { Alert, AlertTitle, Box, Button, Collapse, IconButton, Snackbar, useMediaQuery, useTheme } from '@mui/material';
+import { Close, ContentCopy } from '@mui/icons-material';
+import { useState } from 'react';
+
+const INSTALL_COMMAND = 'bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)';
+
+export default function SecurityWarning() {
+  const [copied, setCopied] = useState(false);
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('sm'));
+
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(INSTALL_COMMAND);
+      setCopied(true);
+    } catch {
+      // Fallback для старых браузеров
+      const textArea = document.createElement('textarea');
+      textArea.value = INSTALL_COMMAND;
+      document.body.appendChild(textArea);
+      textArea.select();
+      document.execCommand('copy');
+      document.body.removeChild(textArea);
+      setCopied(true);
+    }
+  };
+
+  return (
+    <>
+      <Collapse in={true}>
+        <Alert
+          severity="warning"
+          variant="filled"
+          sx={{
+            borderRadius: 0,
+            borderBottom: '1px solid rgba(0, 0, 0, 0.1)',
+          }}
+        >
+          <AlertTitle sx={{ fontWeight: 'bold', mb: 1, fontSize: { xs: '1rem', sm: '1.1rem' } }}>
+            3DP-MANAGER работает в небезопасном режиме (HTTP)
+          </AlertTitle>
+          <Box
+            component="p"
+            sx={{
+              mb: 2,
+              fontSize: { xs: '0.875rem', sm: '0.95rem' },
+              lineHeight: 1.5,
+            }}
+          >
+            <strong>Не вводите реальные пароли от 3x-ui панели и не меняйте пароль администратора в режиме работы по HTTP!</strong>{' '}
+            Для безопасной работы переустановите 3DP-MANAGER с SSL-сертификатами. Все ваши настройки сохранятся.
+          </Box>
+          <Box
+            sx={{
+              display: 'flex',
+              alignItems: 'center',
+              gap: 1,
+              backgroundColor: 'rgba(0, 0, 0, 0.1)',
+              p: 1,
+              borderRadius: 1,
+              flexWrap: { xs: 'wrap', sm: 'nowrap' },
+            }}
+          >
+            <Box
+              component="code"
+              sx={{
+                flexGrow: 1,
+                fontSize: { xs: '0.75rem', sm: '0.85rem' },
+                wordBreak: 'break-all',
+                fontFamily: 'monospace',
+                minWidth: 0,
+              }}
+            >
+              {INSTALL_COMMAND}
+            </Box>
+            <Button
+              size="small"
+              variant="outlined"
+              color="inherit"
+              startIcon={!isMobile && <ContentCopy />}
+              onClick={handleCopy}
+              sx={{
+                color: 'inherit',
+                borderColor: 'currentColor',
+                whiteSpace: 'nowrap',
+                flexShrink: 0,
+                '&:hover': {
+                  backgroundColor: 'rgba(255, 255, 255, 0.2)',
+                },
+                minWidth: { xs: 'auto', sm: '140px' },
+                px: { xs: 1, sm: 2 },
+              }}
+            >
+              {isMobile ? <ContentCopy fontSize="small" /> : 'Копировать'}
+            </Button>
+          </Box>
+        </Alert>
+      </Collapse>
+
+      <Snackbar
+        open={copied}
+        autoHideDuration={2000}
+        onClose={() => setCopied(false)}
+        message="Скопировано"
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+        action={
+          <IconButton size="small" color="inherit" onClick={() => setCopied(false)}>
+            <Close fontSize="small" />
+          </IconButton>
+        }
+      />
+    </>
+  );
+}
@@ -0,0 +1,35 @@
+.animated-container {
+  background: linear-gradient(-45deg, #111827, #15122c, #24243e, #0B0F19);
+  background-size: 400% 400%;
+  animation: gradientBG 15s ease infinite;
+}
+
+@keyframes gradientBG {
+  0% {
+    background-position: 0% 50%;
+  }
+
+  50% {
+    background-position: 100% 50%;
+  }
+
+  100% {
+    background-position: 0% 50%;
+  }
+}
+
+@keyframes fadeIn {
+  from {
+    opacity: 0;
+    transform: translateY(20px);
+  }
+
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+input:autofill {
+  background: transparent;
+}
@@ -0,0 +1,14 @@
+import { StrictMode } from 'react'
+import { createRoot } from 'react-dom/client'
+import './index.css'
+import '@fontsource/inter/300.css';
+import '@fontsource/inter/400.css';
+import '@fontsource/inter/500.css';
+import '@fontsource/inter/700.css';
+import App from './App.tsx'
+
+createRoot(document.getElementById('root')!).render(
+  <StrictMode>
+    <App />
+  </StrictMode>,
+)
@@ -0,0 +1,871 @@
+import React, { useEffect, useRef, useState, useCallback } from 'react';
+import { Box, TextField, Button, Typography, List, ListItem, ListItemText, IconButton, Paper, TablePagination, useTheme, useMediaQuery, Alert, Stack, CircularProgress, Divider, Link as MuiLink, Accordion, AccordionSummary, AccordionDetails, Snackbar, Dialog, DialogTitle, DialogContent, DialogActions } from '@mui/material';
+import { Delete, Add, UploadFile, Remove, ExpandMore, Download } from '@mui/icons-material';
+import api from '../api';
+import { getApiErrorMessage, getApiErrorStatus } from '../utils/errorHandlers';
+import { Logger } from '../utils/logger';
+
+interface Domain { id: number; name: string; }
+interface ScanCapabilities {
+  scannerAvailable: boolean;
+  scannerPath: string | null;
+  timeoutAvailable: boolean;
+  timeoutPath: string | null;
+}
+interface ScanResponse {
+  runId: string;
+  addr: string;
+  scanSeconds: number;
+  thread: number;
+  timeout: number;
+  startedAt: string;
+  endsAt: string;
+  finishedAt: string;
+  timedOut: boolean;
+  exitCode: number;
+  foundCount: number;
+  domains: string[];
+  stderrTail: string;
+  stdoutTail: string;
+}
+interface ScanStatusResponse {
+  running: boolean;
+  runId: string | null;
+  addr: string | null;
+  scanSeconds: number | null;
+  thread: number | null;
+  timeout: number | null;
+  startedAt: string | null;
+  endsAt: string | null;
+  now: string;
+  remainingSeconds: number;
+  foundCount: number;
+  lastRunId: string | null;
+  lastFinishedAt: string | null;
+}
+
+const SCAN_STORAGE_KEY = 'domains_scan_state_v1';
+
+export default function DomainsPage() {
+  const [domains, setDomains] = useState<Domain[]>([]);
+  const [newDomain, setNewDomain] = useState('');
+  const fileInputRef = useRef<HTMLInputElement>(null);
+  const [totalCount, setTotalCount] = useState(0);
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+
+  const [page, setPage] = useState(0);
+  const [rowsPerPage, setRowsPerPage] = useState(10);
+  const [scanCapabilities, setScanCapabilities] = useState<ScanCapabilities | null>(null);
+  const [scanAddr, setScanAddr] = useState('');
+  const [scanSeconds, setScanSeconds] = useState(30);
+  const [scanThread, setScanThread] = useState(2);
+  const [scanTimeout, setScanTimeout] = useState(5);
+  const [isScanning, setIsScanning] = useState(false);
+  const [scanError, setScanError] = useState('');
+  const [scanResult, setScanResult] = useState<ScanResponse | null>(null);
+  const [scanCandidates, setScanCandidates] = useState<string[]>([]);
+  const [scanPanelExpanded, setScanPanelExpanded] = useState(false);
+  const [scanStateHydrated, setScanStateHydrated] = useState(false);
+  const [scanStatus, setScanStatus] = useState<ScanStatusResponse | null>(null);
+  const [activeScanRunId, setActiveScanRunId] = useState<string | null>(null);
+
+  // Snackbar state for notifications
+  const [snackbar, setSnackbar] = useState({ open: false, type: 'success' as 'success' | 'error', message: '' });
+
+  // Confirmation dialog state
+  const [confirmDialog, setConfirmDialog] = useState({ open: false, title: '', onConfirm: () => {} });
+
+  const clampInteger = (value: number, fallback: number, min: number, max: number) => {
+    const num = Number.isFinite(value) ? Math.floor(value) : fallback;
+    if (num < min) return min;
+    if (num > max) return max;
+    return num;
+  };
+
+  const isLoopbackHost = useCallback((value: string) => {
+    const host = value.trim().toLowerCase();
+    return host === 'localhost' || host === '127.0.0.1' || host === '::1';
+  }, []);
+
+  interface Settings {
+    xui_ip?: string;
+    xui_host?: string;
+    xui_url?: string;
+  }
+
+  const collectAddrCandidatesFromSettings = useCallback((settings: Settings) => {
+    const candidates: string[] = [];
+    const xuiIp = String(settings?.xui_ip || '').trim();
+    const xuiHost = String(settings?.xui_host || '').trim();
+    const xuiUrl = String(settings?.xui_url || '').trim();
+
+    if (xuiIp) candidates.push(xuiIp);
+    if (xuiHost) candidates.push(xuiHost);
+
+    if (xuiUrl) {
+      try {
+        const parsed = new URL(xuiUrl);
+        if (parsed.hostname) {
+          candidates.push(parsed.hostname.trim());
+        }
+      } catch {
+        // Ignore malformed URL from settings and fall back to runtime hostname.
+      }
+    }
+
+    return candidates.filter(Boolean);
+  }, []);
+
+  const resolveSuggestedScanAddr = useCallback(async (opts?: { allowLoopbackFallback?: boolean }) => {
+    const allowLoopbackFallback = Boolean(opts?.allowLoopbackFallback);
+    let settingsCandidates: string[] = [];
+
+    try {
+      const settingsRes = await api.get('/settings');
+      Logger.debug('Domains page: Settings response', 'Domains', settingsRes.data);
+      
+      settingsCandidates = collectAddrCandidatesFromSettings(settingsRes.data);
+      Logger.debug('Domains page: Collected address candidates from settings', 'Domains', {
+        candidates: settingsCandidates,
+        xui_ip: settingsRes.data?.xui_ip,
+        xui_host: settingsRes.data?.xui_host,
+        xui_url: settingsRes.data?.xui_url
+      });
+      
+      const publicFromSettings = settingsCandidates.find((c) => !isLoopbackHost(c));
+      Logger.debug('Domains page: Looking for public address', 'Domains', {
+        publicFromSettings,
+        allCandidates: settingsCandidates
+      });
+      
+      if (publicFromSettings) {
+        return publicFromSettings;
+      }
+    } catch (error) {
+      Logger.error('Failed to collect address candidates from settings', 'Domains', error);
+    }
+
+    // Fallback: panel host where user opened 3dp (often the target VPS in real usage).
+    const runtimeHost = window.location.hostname;
+    Logger.debug('Domains page: Checking runtime host as fallback', 'Domains', {
+      runtimeHost,
+      isLoopback: isLoopbackHost(runtimeHost)
+    });
+    
+    // Если настройки пустые и мы на localhost — предлагаем localhost с предупреждением
+    // Это позволяет пользователю начать работу и затем изменить на правильный IP
+    if (runtimeHost) {
+      if (!isLoopbackHost(runtimeHost)) {
+        Logger.debug('Domains page: Using runtime host as address', 'Domains', runtimeHost);
+        return runtimeHost;
+      } else if (allowLoopbackFallback) {
+        // Явно разрешили localhost fallback
+        Logger.debug('Domains page: Using localhost fallback (explicit)', 'Domains', runtimeHost);
+        return runtimeHost;
+      } else if (settingsCandidates.length === 0) {
+        // Настройки пустые — используем localhost как единственный вариант
+        Logger.warn('Domains page: No settings configured, using localhost as temporary placeholder', 'Domains');
+        return runtimeHost;
+      }
+    }
+
+    // Last resort: first from settings even if loopback
+    if (allowLoopbackFallback) {
+      const anyFromSettings = settingsCandidates[0];
+      if (anyFromSettings) return anyFromSettings;
+    }
+
+    Logger.warn('Domains page: No address found anywhere', 'Domains');
+    return '';
+  }, [collectAddrCandidatesFromSettings, isLoopbackHost]);
+
+  const fetchScanStatus = useCallback(async () => {
+    const { data } = await api.get('/domains/scan/status');
+    setScanStatus(data);
+    return data as ScanStatusResponse;
+  }, []);
+
+  const fetchLastScanResult = useCallback(async (expectedRunId?: string | null) => {
+    const { data } = await api.get('/domains/scan/last-result');
+    if (!data) return null;
+    if (expectedRunId && data.runId !== expectedRunId) return null;
+
+    setScanResult(data);
+    setScanCandidates(data.domains || []);
+    return data as ScanResponse;
+  }, []);
+
+  const loadDomains = useCallback(async () => {
+    try {
+      Logger.debug(`Loading page ${page + 1} (limit: ${rowsPerPage})`, 'Domains');
+      const { data } = await api.get(`/domains?page=${page + 1}&limit=${rowsPerPage}`);
+
+      setDomains(data.data);
+      setTotalCount(data.total);
+      Logger.debug(`Loaded ${data.data.length} domains (total: ${data.total})`, 'Domains');
+    } catch (error) {
+      Logger.error('Failed to load', 'Domains', error);
+    }
+  }, [page, rowsPerPage]);
+
+  useEffect(() => {
+    loadDomains();
+  }, [loadDomains]);
+
+  useEffect(() => {
+    const loadScannerContext = async () => {
+      try {
+        const capRes = await api.get('/domains/scan/capabilities');
+        setScanCapabilities(capRes.data);
+        if (capRes.data?.scannerAvailable) {
+          const status = await fetchScanStatus();
+          if (status.running) {
+            setIsScanning(true);
+            setActiveScanRunId(status.runId);
+            setScanResult(null);
+            setScanCandidates([]);
+            setScanError('');
+          }
+        }
+      } catch (error) {
+        Logger.error('Failed to load scanner context', 'Domains', error);
+      }
+    };
+
+    loadScannerContext();
+  }, [fetchScanStatus]);
+
+  useEffect(() => {
+    // Hydrate scanner UI state once so users do not lose pre-import review list after reload.
+    try {
+      const raw = localStorage.getItem(SCAN_STORAGE_KEY);
+      let restoredAddr: string | null = null;
+
+      Logger.debug('Domains page: Starting hydrate', 'Domains', {
+        hasLocalStorage: !!raw,
+        localStorageValue: raw ? JSON.parse(raw).scanAddr : 'N/A'
+      });
+
+      if (raw) {
+        const parsed = JSON.parse(raw) as {
+          scanAddr?: string;
+          scanSeconds?: number;
+          scanThread?: number;
+          scanTimeout?: number;
+          scanResult?: ScanResponse | null;
+          scanCandidates?: string[];
+          scanPanelExpanded?: boolean;
+        };
+
+        // Восстанавливаем только непустое значение
+        if (typeof parsed.scanAddr === 'string' && parsed.scanAddr.trim()) {
+          restoredAddr = parsed.scanAddr.trim();
+          setScanAddr(restoredAddr);
+          Logger.debug(`Domains page: Restored scanAddr from localStorage: "${restoredAddr}"`, 'Domains');
+        } else {
+          Logger.debug(`Domains page: scanAddr in localStorage is empty/whitespace, will fetch from settings`, 'Domains');
+        }
+        if (typeof parsed.scanSeconds === 'number') setScanSeconds(parsed.scanSeconds);
+        if (typeof parsed.scanThread === 'number') setScanThread(parsed.scanThread);
+        if (typeof parsed.scanTimeout === 'number') setScanTimeout(parsed.scanTimeout);
+        if (parsed.scanResult) setScanResult(parsed.scanResult);
+        if (Array.isArray(parsed.scanCandidates)) setScanCandidates(parsed.scanCandidates);
+        if (typeof parsed.scanPanelExpanded === 'boolean') setScanPanelExpanded(parsed.scanPanelExpanded);
+      } else {
+        Logger.debug('Domains page: No localStorage data found', 'Domains');
+      }
+
+      // Если scanAddr не был восстановлен (пустой localStorage ИЛИ пустое значение),
+      // пытаемся получить домен из настроек
+      if (!restoredAddr) {
+        Logger.debug('Domains page: Fetching suggested address from settings...', 'Domains');
+        // Пробуем сначала без localhost, если не найдём — разрешаем localhost fallback
+        resolveSuggestedScanAddr({ allowLoopbackFallback: false }).then((defaultAddr) => {
+          if (defaultAddr) {
+            setScanAddr(defaultAddr);
+            Logger.debug(`Domains page: Set scanAddr from settings: "${defaultAddr}"`, 'Domains');
+          } else {
+            // Пытаемся с localhost fallback если совсем ничего не найдено
+            Logger.debug('Domains page: Trying with localhost fallback...', 'Domains');
+            resolveSuggestedScanAddr({ allowLoopbackFallback: true }).then((fallbackAddr) => {
+              if (fallbackAddr) {
+                setScanAddr(fallbackAddr);
+                Logger.debug(`Domains page: Set scanAddr with localhost fallback: "${fallbackAddr}"`, 'Domains');
+              }
+            }).catch((error) => {
+              Logger.error('Failed to resolve suggested scan address (fallback)', 'Domains', error);
+            });
+          }
+        }).catch((error) => {
+          Logger.error('Failed to resolve suggested scan address', 'Domains', error);
+        });
+      } else {
+        Logger.debug(`Domains page: Using restored scanAddr: "${restoredAddr}"`, 'Domains');
+      }
+    } catch (error) {
+      Logger.error('Failed to hydrate scanner state from localStorage', 'Domains', error);
+    } finally {
+      setScanStateHydrated(true);
+    }
+  }, [resolveSuggestedScanAddr]);
+
+  useEffect(() => {
+    if (!scanStateHydrated) return;
+
+    try {
+      // Persist scanner input + results + accordion state for continuation after F5.
+      localStorage.setItem(
+        SCAN_STORAGE_KEY,
+        JSON.stringify({
+          scanAddr,
+          scanSeconds,
+          scanThread,
+          scanTimeout,
+          scanResult,
+          scanCandidates,
+          scanPanelExpanded,
+        }),
+      );
+    } catch (error) {
+      Logger.error('Failed to persist scanner state to localStorage', 'Domains', error);
+    }
+  }, [scanAddr, scanSeconds, scanThread, scanTimeout, scanResult, scanCandidates, scanPanelExpanded, scanStateHydrated]);
+
+  useEffect(() => {
+    if (!isScanning) return;
+
+    let cancelled = false;
+
+    const tick = async () => {
+      try {
+        const status = await fetchScanStatus();
+        if (cancelled) return;
+
+        if (status.running) {
+          if (status.runId) {
+            setActiveScanRunId((prev) => prev ?? status.runId);
+          }
+          return;
+        }
+
+        // Скан завершён — очищаем ошибку и загружаем результаты
+        setIsScanning(false);
+        setScanError('');
+        const runIdToLoad = activeScanRunId || status.lastRunId;
+        await fetchLastScanResult(runIdToLoad);
+        setActiveScanRunId(null);
+      } catch (error) {
+        if (!cancelled) {
+          Logger.error('Failed to fetch scan status', 'Domains', error);
+        }
+      }
+    };
+
+    tick();
+    const timer = window.setInterval(tick, 1000);
+    return () => {
+      cancelled = true;
+      window.clearInterval(timer);
+    };
+  }, [isScanning, activeScanRunId, fetchScanStatus, fetchLastScanResult]);
+
+  const handleChangePage = (_event: unknown, newPage: number) => {
+    setPage(newPage);
+  };
+
+  const handleChangeRowsPerPage = (event: React.ChangeEvent<HTMLInputElement>) => {
+    setRowsPerPage(parseInt(event.target.value, 10));
+    setPage(0);
+  };
+
+  const handleAdd = async () => {
+    if (!newDomain) return;
+    Logger.debug(`Adding domain: ${newDomain}`, 'Domains');
+    await api.post('/domains', { name: newDomain });
+    Logger.debug(`Added domain: ${newDomain}`, 'Domains');
+    setNewDomain('');
+    loadDomains();
+  };
+
+  const handleDelete = async (id: number) => {
+    Logger.debug(`Deleting domain ID: ${id}`, 'Domains');
+    await api.delete(`/domains/${id}`);
+    Logger.debug(`Deleted domain ID: ${id}`, 'Domains');
+    loadDomains();
+  };
+
+  const handleDeleteAll = async () => {
+    setConfirmDialog({
+      open: true,
+      title: 'ВНИМАНИЕ! Вы действительно хотите удалить ВСЕ домены из белого списка?',
+      onConfirm: async () => {
+        try {
+          Logger.debug('Deleting all domains', 'Domains');
+          await api.delete('/domains/all');
+          Logger.debug('All domains deleted', 'Domains');
+          loadDomains();
+          setSnackbar({ open: true, type: 'success', message: 'Все домены удалены' });
+        } catch {
+          Logger.error('Delete all failed', 'Domains');
+          setSnackbar({ open: true, type: 'error', message: 'Ошибка удаления' });
+        }
+      }
+    });
+  };
+
+  const handleFileUpload = (event: React.ChangeEvent<HTMLInputElement>) => {
+    const file = event.target.files?.[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+    reader.onload = async (e) => {
+      const text = e.target?.result as string;
+      if (!text) return;
+
+      const lines = text.split(/\r?\n/);
+
+      try {
+        const { data } = await api.post('/domains/upload', { domains: lines });
+        setSnackbar({ open: true, type: 'success', message: `Успешно добавлено доменов: ${data.count}` });
+        loadDomains();
+      } catch {
+        setSnackbar({ open: true, type: 'error', message: 'Ошибка при загрузке списка' });
+      } finally {
+        if (fileInputRef.current) fileInputRef.current.value = '';
+      }
+    };
+    reader.readAsText(file);
+  };
+
+  const handleStartScan = async () => {
+    if (!scanAddr.trim()) {
+      setSnackbar({ open: true, type: 'error', message: 'Укажите IP/домен для сканирования' });
+      return;
+    }
+
+    const effectiveScanSeconds = clampInteger(scanSeconds, 120, 10, 600);
+    const effectiveThread = clampInteger(scanThread, 2, 1, 20);
+    const effectiveTimeout = clampInteger(scanTimeout, 5, 1, 20);
+    let keepScanning = false;
+
+    try {
+      Logger.debug(`Starting scan: addr=${scanAddr.trim()}, seconds=${effectiveScanSeconds}, threads=${effectiveThread}, timeout=${effectiveTimeout}`, 'Scanner');
+      setIsScanning(true);
+      setScanError('');
+      setScanResult(null);
+      setScanStatus(null);
+      setActiveScanRunId(null);
+
+      const { data } = await api.post('/domains/scan/start', {
+        addr: scanAddr.trim(),
+        scanSeconds: effectiveScanSeconds,
+        thread: effectiveThread,
+        timeout: effectiveTimeout,
+      });
+
+      Logger.debug(`Scan started: runId=${data.runId}, found=${data.foundCount}`, 'Scanner');
+      setScanResult(data);
+      setScanCandidates(data.domains || []);
+      setActiveScanRunId(data.runId || null);
+      await fetchScanStatus();
+    } catch (e) {
+      const message = getApiErrorMessage(e, 'Ошибка запуска сканера');
+      Logger.error(`Start error: ${message}`, 'Scanner');
+      setScanError(message);
+
+      const status = getApiErrorStatus(e);
+      if (status === 429) {
+        try {
+          const status = await fetchScanStatus();
+          if (status.running) {
+            keepScanning = true;
+            setIsScanning(true);
+            setActiveScanRunId(status.runId);
+            setScanError('Скан уже выполняется. Подключились к текущему запуску.');
+            Logger.debug('Connected to existing scan session', 'Scanner');
+          }
+        } catch (statusErr) {
+          Logger.error('Failed to fetch scan status on 429', 'Scanner', statusErr);
+        }
+      }
+    } finally {
+      if (!keepScanning) {
+        setIsScanning(false);
+        setActiveScanRunId(null);
+      }
+    }
+  };
+
+  const handleImportScannedDomains = async () => {
+    const found = scanCandidates;
+    if (found.length === 0) return;
+
+    try {
+      Logger.debug(`Importing ${found.length} scanned domains`, 'Domains');
+      const { data } = await api.post('/domains/upload', { domains: found });
+      Logger.debug(`Imported ${data.count} new domains`, 'Domains');
+      setSnackbar({ open: true, type: 'success', message: `Скан завершен. Добавлено новых доменов: ${data.count}` });
+      loadDomains();
+    } catch {
+      Logger.error('Import failed', 'Domains');
+      setSnackbar({ open: true, type: 'error', message: 'Ошибка импорта найденных доменов' });
+    }
+  };
+
+  const handleRemoveScannedDomain = (domain: string) => {
+    setScanCandidates((prev) => prev.filter((d) => d !== domain));
+  };
+
+  const handleClearScannedDomains = async () => {
+    setScanCandidates([]);
+    setScanResult(null);
+    setScanStatus(null);
+    setActiveScanRunId(null);
+    setScanAddr('');
+
+    const suggestedAddr = await resolveSuggestedScanAddr({ allowLoopbackFallback: true });
+    setScanAddr(suggestedAddr);
+  };
+
+  const downloadDomainsAsTxt = (filename: string, domainNames: string[]) => {
+    const content = `${domainNames.join('\n')}\n`;
+    const blob = new Blob([content], { type: 'text/plain;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = filename;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+  };
+
+  const getExportTimestamp = () => new Date().toISOString().slice(0, 19).replace(/[:T]/g, '-');
+
+  const handleExportScannedDomains = () => {
+    if (scanCandidates.length === 0) return;
+    downloadDomainsAsTxt(`sni-scanned-${getExportTimestamp()}.txt`, scanCandidates);
+  };
+
+  const handleExportMainDomains = async () => {
+    if (domains.length === 0) return;
+
+    try {
+      const { data } = await api.get('/domains/all');
+      const names = (Array.isArray(data) ? data : [])
+        .map((d: Domain) => d.name)
+        .filter(Boolean);
+
+      if (names.length === 0) return;
+      downloadDomainsAsTxt(`sni-whitelist-${getExportTimestamp()}.txt`, names);
+    } catch {
+      setSnackbar({ open: true, type: 'error', message: 'Ошибка экспорта списка' });
+    }
+  };
+
+  return (
+    <Box>
+      <Typography variant={isMobile ? 'h5' : 'h4'} gutterBottom>Белый список доменов (SNI)</Typography>
+
+      {scanCapabilities?.scannerAvailable && (
+        <Paper sx={{ mb: 2 }}>
+          <Accordion
+            expanded={scanPanelExpanded}
+            onChange={(_event, expanded) => setScanPanelExpanded(expanded)}
+            disableGutters
+            sx={{
+              boxShadow: 'none',
+              '&:before': { display: 'none' },
+            }}
+          >
+            <AccordionSummary expandIcon={<ExpandMore />}>
+              <Typography variant='h6'>Автопоиск SNI (backend scanner)</Typography>
+            </AccordionSummary>
+            <AccordionDetails sx={{ px: 2, pb: 2 }}>
+
+          {scanCapabilities && (!scanCapabilities.scannerAvailable || !scanCapabilities.timeoutAvailable) && (
+            <Alert severity='warning' sx={{ mb: 2 }}>
+              Сканер в контейнере недоступен. scanner: {String(scanCapabilities.scannerAvailable)}, timeout: {String(scanCapabilities.timeoutAvailable)}
+            </Alert>
+          )}
+
+        <Stack direction={{ xs: 'column', md: 'row' }} spacing={2}>
+          <TextField
+            label='IP/домен VPS'
+            value={scanAddr}
+            onChange={(e) => setScanAddr(e.target.value)}
+            fullWidth
+            size='small'
+          />
+          <TextField
+            label='Секунд скана'
+            type='number'
+            value={scanSeconds}
+            onChange={(e) => setScanSeconds(Number(e.target.value))}
+            size='small'
+            sx={{ minWidth: 140 }}
+          />
+          <TextField
+            label='Потоков'
+            type='number'
+            value={scanThread}
+            onChange={(e) => setScanThread(Number(e.target.value))}
+            size='small'
+            sx={{ minWidth: 120 }}
+          />
+          <TextField
+            label='Таймаут, сек'
+            type='number'
+            value={scanTimeout}
+            onChange={(e) => setScanTimeout(Number(e.target.value))}
+            size='small'
+            sx={{ minWidth: 120 }}
+          />
+        </Stack>
+
+        <Stack direction='row' spacing={1} sx={{ mt: 2, flexWrap: 'wrap' }}>
+          <Button variant='contained' onClick={handleStartScan} disabled={isScanning}>
+            {isScanning ? 'Сканирование...' : 'Сканировать'}
+          </Button>
+          <Button
+            variant='outlined'
+            onClick={handleImportScannedDomains}
+            disabled={!scanResult || scanCandidates.length === 0 || isScanning}
+          >
+            Добавить найденные в список
+          </Button>
+          {scanCandidates.length > 0 && (
+            <Button
+              variant='outlined'
+              startIcon={<Download />}
+              onClick={handleExportScannedDomains}
+              disabled={isScanning}
+            >
+              Экспорт найденных
+            </Button>
+          )}
+          <Button
+            variant='text'
+            color='error'
+            onClick={handleClearScannedDomains}
+            disabled={scanCandidates.length === 0 && !scanResult}
+          >
+            Очистить предварительный
+          </Button>
+          {isScanning && <CircularProgress size={24} />}
+        </Stack>
+        {isScanning && (
+          <Typography variant='body2' color='text.secondary' sx={{ mt: 1 }}>
+            {scanStatus?.running
+              ? scanStatus.remainingSeconds > 0
+                ? `Сканирование выполняется. Осталось ${scanStatus.remainingSeconds} сек (по данным сервера). Найдено сейчас: ${scanStatus.foundCount}.`
+                : 'Сканирование завершается, ожидайте...'
+              : 'Сканирование запущено, получаем статус от сервера...'}
+          </Typography>
+        )}
+
+        {scanError && <Alert severity='error' sx={{ mt: 2 }}>{scanError}</Alert>}
+
+          {scanResult && (
+            <Box sx={{ mt: 2 }}>
+            <Divider sx={{ mb: 2 }} />
+            <Typography variant='body2' sx={{ mb: 1 }}>
+              Найдено доменов: <b>{scanResult.foundCount}</b>. В предварительном списке: <b>{scanCandidates.length}</b>.
+            </Typography>
+            <Typography
+              variant='body2'
+              color={scanResult.timedOut ? 'info.main' : 'success.main'}
+              sx={{ mb: 1 }}
+            >
+              {scanResult.timedOut
+                ? `Скан остановлен по лимиту времени (${scanResult.scanSeconds} сек) - это нормальный режим поиска.`
+                : 'Скан завершен успешно.'}
+              {' '}<Box component='span' sx={{ color: 'text.secondary' }}>(код: {scanResult.exitCode})</Box>
+            </Typography>
+            <Typography variant='body2' color='text.secondary' sx={{ mb: 1 }}>
+              Проверяйте домены кликом и удаляйте лишние перед импортом.
+            </Typography>
+            <Paper variant='outlined' sx={{ maxHeight: 220, overflow: 'auto' }}>
+              <List dense>
+                {scanCandidates.map((d) => (
+                  <ListItem
+                    key={d}
+                    sx={{
+                      borderRadius: 1,
+                      transition: 'background-color 120ms ease',
+                      '&:hover': {
+                        backgroundColor: 'action.hover',
+                      },
+                    }}
+                    secondaryAction={
+                      <IconButton edge='end' onClick={() => handleRemoveScannedDomain(d)}>
+                        <Delete />
+                      </IconButton>
+                    }
+                  >
+                    <ListItemText
+                      primary={
+                        <MuiLink href={`https://${d}`} target='_blank' rel='noopener noreferrer' underline='hover'>
+                          {d}
+                        </MuiLink>
+                      }
+                    />
+                  </ListItem>
+                ))}
+                {scanCandidates.length === 0 && (
+                  <ListItem>
+                    <ListItemText primary='Домены не найдены' />
+                  </ListItem>
+                )}
+              </List>
+            </Paper>
+            </Box>
+          )}
+            </AccordionDetails>
+          </Accordion>
+        </Paper>
+      )}
+
+      <Paper sx={{ p: 2 }}>
+        <Typography variant='h6' gutterBottom>
+          Управление белым списком (SNI)
+        </Typography>
+        <Box sx={{ display: 'flex', gap: 2, alignItems: 'center', flexWrap: 'wrap' }}>
+          <TextField
+            label="Доменное имя"
+            size="small"
+            value={newDomain}
+            onChange={(e) => setNewDomain(e.target.value)}
+            sx={{ flex: '1 1 280px' }}
+          />
+          {isMobile ? (
+            <>
+              <IconButton edge="end" onClick={() => fileInputRef.current?.click()}><UploadFile /></IconButton>
+              <IconButton edge="end" onClick={handleAdd}><Add /></IconButton>
+            </>
+          ) : (
+            <>
+              <Button
+                variant="outlined"
+                startIcon={<UploadFile />}
+                sx={{ width: '170px' }}
+                onClick={() => fileInputRef.current?.click()}
+              >
+                Из файла
+              </Button>
+              <Button variant="contained" sx={{ width: '160px' }} startIcon={<Add />} onClick={handleAdd}>Добавить</Button>
+            </>
+          )}
+          <input
+            type="file"
+            accept=".txt"
+            data-testid="file-input"
+            ref={fileInputRef}
+            style={{ display: 'none' }}
+            onChange={handleFileUpload}
+          />
+        </Box>
+
+        {domains.length > 0 && (
+          <Box sx={{ display: 'flex', justifyContent: 'end', width: '100%', mt: 1, gap: 1, flexWrap: 'wrap' }}>
+            <Button
+              variant="outlined"
+              size='small'
+              startIcon={<Download />}
+              onClick={handleExportMainDomains}
+            >
+              Экспорт списка
+            </Button>
+            <Button
+              variant="text"
+              color="error"
+              size='small'
+              startIcon={<Remove />}
+              onClick={handleDeleteAll}
+            >
+              Удалить все
+            </Button>
+          </Box>
+        )}
+
+        <Paper variant='outlined' sx={{ mt: 1 }}>
+          <List>
+            {domains.map((d) => (
+              <ListItem
+                key={d.id}
+                sx={{
+                  borderRadius: 1,
+                  transition: 'background-color 120ms ease',
+                  '&:hover': {
+                    backgroundColor: 'action.hover',
+                  },
+                }}
+                secondaryAction={
+                  <IconButton edge="end" onClick={() => handleDelete(d.id)}><Delete /></IconButton>
+                }
+              >
+                <ListItemText
+                  primary={
+                    <MuiLink href={`https://${d.name}`} target='_blank' rel='noopener noreferrer' underline='hover'>
+                      {d.name}
+                    </MuiLink>
+                  }
+                />
+              </ListItem>
+            ))}
+            {domains.length === 0 && <Typography sx={{ p: 2 }} color='textSecondary' textAlign='center'>Нет доменов</Typography>}
+          </List>
+          <TablePagination
+            component="div"
+            count={totalCount}
+            page={page}
+            onPageChange={handleChangePage}
+            rowsPerPage={rowsPerPage}
+            onRowsPerPageChange={handleChangeRowsPerPage}
+            rowsPerPageOptions={[10, 25, 50, 100]}
+            labelRowsPerPage="Доменов на странице:"
+            labelDisplayedRows={({ from, to, count }) => `${from}–${to} из ${count !== -1 ? count : `более ${to}`}`}
+          />
+        </Paper>
+      </Paper>
+
+      <Snackbar
+        open={snackbar.open}
+        autoHideDuration={6000}
+        onClose={() => setSnackbar({ ...snackbar, open: false })}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+      >
+        <Alert
+          onClose={() => setSnackbar({ ...snackbar, open: false })}
+          severity={snackbar.type}
+          sx={{ width: '100%' }}
+        >
+          {snackbar.message}
+        </Alert>
+      </Snackbar>
+
+      <Dialog open={confirmDialog.open} onClose={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+        <DialogTitle>Подтверждение действия</DialogTitle>
+        <DialogContent>
+          <Typography>{confirmDialog.title}</Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+            Отмена
+          </Button>
+          <Button
+            onClick={() => {
+              setConfirmDialog({ ...confirmDialog, open: false });
+              confirmDialog.onConfirm();
+            }}
+            variant="contained"
+            color="error"
+          >
+            Удалить
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </Box>
+  );
+}
@@ -0,0 +1,88 @@
+import React, { useState } from 'react';
+import { Box, Paper, TextField, Button, Typography, Alert, Chip } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+import api from '../api';
+import { useAuth } from '../auth/AuthContext';
+import { Logger } from '../utils/logger';
+import { getApiErrorMessage, getApiErrorStatus } from '../utils/errorHandlers';
+import { APP_VERSION } from '../utils/version';
+
+export default function LoginPage() {
+  const [creds, setCreds] = useState({ login: '', password: '' });
+  const [error, setError] = useState('');
+  const { login } = useAuth();
+  const navigate = useNavigate();
+
+  const handleSubmit = async (e: React.FormEvent) => {
+    e.preventDefault();
+    Logger.debug(`Form submit → POST /api/auth/login`, 'Login', {
+      login: creds.login,
+      hasPassword: Boolean(creds.password),
+    });
+    try {
+      const res = await api.post('/auth/login', creds);
+
+      const token = res.data.access_token;
+      Logger.debug(`Success → token received, calling login()`, 'Login');
+      login(token);
+
+      Logger.debug('Navigating to / after successful login', 'Login');
+      navigate('/');
+    } catch (error: unknown) {
+      const status = getApiErrorStatus(error);
+      const message = getApiErrorMessage(error, 'Неверный логин или пароль');
+
+      // Rate limit error
+      if (status === 429) {
+        Logger.warn('Too many login attempts. Please try again later.', 'Login', {
+          status,
+          message,
+        });
+        setError('Слишком много попыток входа. Попробуйте позже.');
+      } else {
+        const logMethod = status === 401 ? Logger.warn : Logger.error;
+        logMethod('Login failed', 'Login', {
+          status: status ?? 'unknown',
+          message,
+        });
+        setError('Неверный логин или пароль');
+      }
+    }
+  };
+
+  return (
+    <Box className="animated-container" sx={{
+      height: '100vh', display: 'flex', alignItems: 'center', justifyContent: 'center',
+      bgcolor: 'background.default'
+    }}>
+      <Paper sx={{
+        p: 4,
+        width: '100%',
+        maxWidth: 400,
+        background: 'rgba(255, 255, 255, 0.05)',
+        backdropFilter: 'blur(10px)',
+        animation: 'fadeIn 1.5s ease-out',
+        boxShadow: '0 15px 25px rgba(0,0,0,0.5)'
+      }}>
+        <Typography variant="h5" gutterBottom align="center"><span style={{ verticalAlign: 'middle' }}>Вход в 3DP-MANAGER</span> <Chip label={`v${APP_VERSION}`} size="small" sx={{ verticalAlign: 'middle' }} /></Typography>
+
+
+        {error && <Alert severity="error" sx={{ mb: 2 }}>{error}</Alert>}
+
+        <form onSubmit={handleSubmit}>
+          <TextField
+            fullWidth margin="normal" label="Логин"
+            value={creds.login} onChange={(e) => setCreds({ ...creds, login: e.target.value })}
+          />
+          <TextField
+            fullWidth margin="normal" label="Пароль" type="password"
+            value={creds.password} onChange={(e) => setCreds({ ...creds, password: e.target.value })}
+          />
+          <Button fullWidth variant="contained" size="large" type="submit" sx={{ mt: 3, transition: 'transform 0.3s ease', '&:hover': { transform: 'scale(1.05)' } }}>
+            Войти
+          </Button>
+        </form>
+      </Paper>
+    </Box>
+  );
+}
@@ -0,0 +1,34 @@
+import { Box, Typography, Button, Container } from '@mui/material';
+import { useNavigate } from 'react-router-dom';
+
+export default function NotFoundPage() {
+  const navigate = useNavigate();
+
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        justifyContent: 'center',
+        alignItems: 'center',
+        minHeight: '100vh',
+        backgroundColor: 'background.default',
+      }}
+    >
+      <Container maxWidth="md" sx={{ textAlign: 'center' }}>
+        <Typography variant="h1" color="primary" sx={{ fontWeight: 'bold' }}>
+          404
+        </Typography>
+        <Typography variant="h5" color="text.secondary" gutterBottom>
+          Страница не найдена
+        </Typography>
+        <Button 
+          variant="contained" 
+          size="large" 
+          onClick={() => navigate('/')}
+        >
+          На главную
+        </Button>
+      </Container>
+    </Box>
+  );
+}
@@ -0,0 +1,615 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import { Box, TextField, Button, Typography, Paper, Snackbar, Alert, Grid, Divider, InputAdornment, Stack, Chip, Tooltip, IconButton, useTheme, useMediaQuery, Dialog, DialogTitle, DialogContent, DialogActions, List, ListItem, FormControlLabel, Checkbox } from '@mui/material';
+import api from '../api';
+import { CheckCircle, PauseCircleFilled, PlayCircleFilled, Refresh } from '@mui/icons-material';
+import { Logger } from '../utils/logger';
+
+const ROTATION_PRESETS = [
+  { label: 'Сутки', value: 1440 },
+  { label: '3 дня', value: 4320 },
+  { label: 'Неделя', value: 10080 },
+];
+
+interface Subscription {
+  id: string;
+  name: string;
+  uuid: string;
+  isAutoRotationEnabled?: boolean;
+}
+
+export default function SettingsPage() {
+  const [settings, setSettings] = useState({
+    xui_url: '',
+    xui_login: '',
+    xui_password: '',
+    rotation_interval: '30',
+    rotation_status: 'active',
+    last_rotation_timestamp: '',
+  });
+
+  const [adminProfile, setAdminProfile] = useState({
+    login: '',
+    password: '',
+  });
+
+  const [subs, setSubs] = useState<Subscription[]>([]);
+
+  const [msg, setMsg] = useState({ open: false, type: 'success' as 'success' | 'error', text: '' });
+  const [loadingRotate, setLoadingRotate] = useState<boolean>(false);
+  const [confirmDialog, setConfirmDialog] = useState({
+    open: false, title: '', onConfirm: () => {},
+    confirmText: 'Удалить', confirmColor: 'error' as 'error' | 'primary'
+  });
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+
+  const loadSettings = useCallback(async () => {
+    try {
+      Logger.debug('Loading settings...', 'Settings');
+      const { data } = await api.get('/settings');
+      Logger.debug('Settings API response', 'Settings', data);
+      setSettings((prev) => ({ ...prev, ...data }));
+      Logger.debug('Settings after update', 'Settings', {
+        rotation_interval: data.rotation_interval,
+        prev_interval: prev => prev.rotation_interval
+      });
+
+      if (data.admin_login) {
+        setAdminProfile((prev) => ({ ...prev, login: data.admin_login }));
+      }
+      Logger.debug('Settings loaded successfully', 'Settings');
+    } catch (error) {
+      Logger.error('Failed to load', 'Settings', error);
+    }
+  }, []);
+
+  const loadSubscriptions = useCallback(async () => {
+    try {
+      Logger.debug('Loading subscriptions...', 'Settings');
+      const { data } = await api.get('/subscriptions');
+      setSubs(data);
+      Logger.debug(`Loaded ${data.length} subscriptions`, 'Settings');
+    } catch (error) {
+      Logger.error('Failed to load subscriptions', 'Settings', error);
+    }
+  }, []);
+
+  useEffect(() => {
+    loadSettings();
+    loadSubscriptions();
+  }, [loadSettings, loadSubscriptions]);
+
+  const getIntervalError = () => {
+    const val = parseInt(settings.rotation_interval, 10);
+    if (isNaN(val) || val < 10) {
+      return 'Минимальный интервал — 10 минут';
+    }
+    return '';
+  };
+
+  const cleanData = () => {
+    const cleaned = { ...settings };
+
+    if (cleaned.xui_url) {
+      cleaned.xui_url = cleaned.xui_url.replace(/\/+$/, '');
+    }
+
+    if (cleaned.xui_login) cleaned.xui_login = cleaned.xui_login.trim();
+    if (cleaned.xui_password) cleaned.xui_password = cleaned.xui_password.trim();
+
+    setSettings(prev => ({ ...prev, ...cleaned }));
+
+    return cleaned;
+  };
+
+  const handleCheckConnection = async () => {
+    const data = cleanData();
+
+    try {
+      Logger.debug(`Checking connection to: ${data.xui_url}`, 'Settings');
+      setMsg({ open: true, type: 'success', text: 'Проверка...' });
+      const res = await api.post('/settings/check', {
+        xui_url: data.xui_url,
+        xui_login: data.xui_login,
+        xui_password: data.xui_password
+      });
+
+      if (res.data.success) {
+        Logger.debug('Connection check: SUCCESS', 'Settings');
+        setMsg({
+          open: true,
+          type: 'success',
+          text: 'Подключение успешно!'
+        });
+      } else {
+        Logger.warn('Connection check: FAILED', 'Settings', res.data);
+        setMsg({
+          open: true,
+          type: 'error',
+          text: 'Ошибка: Неверные данные или нет доступа'
+        });
+      }
+    } catch (error) {
+      Logger.error('Connection check error', 'Settings', error);
+      setMsg({ open: true, type: 'error', text: 'Ошибка сети при проверке' });
+    }
+  };
+
+  const handleSettingChange = useCallback((prop: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
+    setSettings(prev => ({ ...prev, [prop]: event.target.value }));
+  }, []);
+
+  const handlePresetClick = (minutes: number) => {
+    setSettings(prev => ({ ...prev, rotation_interval: minutes.toString() }));
+  };
+
+  const handleSaveSettings = async () => {
+    // Валидация полей подключения к 3x-ui
+    if (!settings.xui_url || !settings.xui_login || !settings.xui_password) {
+      setMsg({
+        open: true,
+        text: 'Заполните все поля подключения к 3x-ui (URL, логин, пароль)',
+        type: 'error'
+      });
+      return;
+    }
+
+    if (getIntervalError()) {
+      setMsg({ open: true, text: 'Исправьте ошибки перед сохранением', type: 'error' });
+      return;
+    }
+
+    const data = cleanData();
+
+    try {
+      Logger.debug('Saving settings', 'Settings', {
+        xui_url: data.xui_url ? '***' : 'empty',
+        xui_login: data.xui_login,
+        rotation_interval: data.rotation_interval
+      });
+      await api.post('/settings', data);
+      Logger.debug('Settings saved successfully', 'Settings');
+      setMsg({ open: true, type: 'success', text: 'Настройки сохранены!' });
+    } catch (error) {
+      Logger.error('Save error', 'Settings', error);
+      setMsg({ open: true, type: 'error', text: 'Ошибка сохранения' });
+    }
+  };
+
+  const handleSaveInterval = async () => {
+    if (getIntervalError()) {
+      setMsg({ open: true, text: 'Неверный интервал (минимум 10 минут)', type: 'error' });
+      return;
+    }
+
+    try {
+      Logger.debug('Saving rotation interval', 'Settings', {
+        rotation_interval: settings.rotation_interval
+      });
+      await api.post('/settings', {
+        rotation_interval: settings.rotation_interval
+      });
+      Logger.debug('Rotation interval saved successfully', 'Settings');
+      setMsg({ open: true, type: 'success', text: 'Интервал генерации применён!' });
+    } catch (error) {
+      Logger.error('Save interval error', 'Settings', error);
+      setMsg({ open: true, type: 'error', text: 'Ошибка сохранения интервала' });
+    }
+  };
+
+  const handleAdminChange = useCallback((prop: string) => (event: React.ChangeEvent<HTMLInputElement>) => {
+    setAdminProfile(prev => ({ ...prev, [prop]: event.target.value }));
+  }, []);
+
+  const handleSaveAdmin = async () => {
+    try {
+      Logger.debug('Updating admin profile', 'Settings', { login: adminProfile.login });
+      await api.post('/auth/update-profile', adminProfile);
+      Logger.debug('Admin profile updated', 'Settings');
+      setMsg({ open: true, type: 'success', text: 'Профиль администратора обновлен!' });
+      setAdminProfile(prev => ({ ...prev, password: '' }));
+    } catch (error) {
+      Logger.error('Update admin profile error', 'Settings', error);
+      setMsg({ open: true, type: 'error', text: 'Ошибка обновления профиля' });
+    }
+  };
+
+  const handleForceRotate = async () => {
+    setConfirmDialog({
+      open: true,
+      title: 'ВНИМАНИЕ: Это немедленно обновит конфиги в подписках.\n\nИнтервал автоматической ротации НЕ будет сброшен.\n\nПродолжить?',
+      confirmText: 'Сгенерировать',
+      confirmColor: 'primary',
+      onConfirm: async () => {
+        try {
+          Logger.debug('Starting forced rotation', 'Rotation');
+          setLoadingRotate(true);
+          const res = await api.post('/rotation/rotate-all');
+
+          setLoadingRotate(false);
+          if (res.data && res.data.success) {
+            Logger.debug('Rotation completed successfully', 'Rotation');
+            setMsg({ open: true, type: 'success', text: res.data.message || 'Ротация успешно выполнена!' });
+          } else {
+            Logger.warn('Rotation completed with issues', 'Rotation', res.data?.message);
+            setMsg({
+              open: true,
+              type: 'error',
+              text: res.data?.message || 'Ошибка выполнения ротации'
+            });
+          }
+        } catch (error) {
+          setLoadingRotate(false);
+          Logger.error('Rotation error', 'Rotation', error);
+          setMsg({ open: true, type: 'error', text: 'Ошибка сети или сервера' });
+        }
+      }
+    });
+  };
+
+  const handleToggleAutoRotation = async (subscriptionId: string, enabled: boolean) => {
+    try {
+      await api.put('/subscriptions/bulk-auto-rotation', {
+        subscriptionIds: [subscriptionId],
+        enabled
+      });
+      setSubs(prev => prev.map(s =>
+        s.id === subscriptionId ? { ...s, isAutoRotationEnabled: enabled } : s
+      ));
+      setMsg({
+        open: true,
+        type: 'success',
+        text: enabled ? 'Авторотация включена' : 'Авторотация выключена'
+      });
+    } catch (error: unknown) {
+      const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Ошибка обновления';
+      Logger.error(`Toggle auto-rotation error: ${message}`, 'Settings');
+      setMsg({ open: true, type: 'error', text: message });
+      loadSubscriptions();
+    }
+  };
+
+  const handleManualRotate = async (sub: Subscription) => {
+    setConfirmDialog({
+      open: true,
+      title: `Обновить подписку "${sub.name}" сейчас?`,
+      confirmText: 'Обновить',
+      confirmColor: 'primary',
+      onConfirm: async () => {
+        try {
+          Logger.debug(`Starting manual rotation for subscription: ${sub.id}`, 'Settings');
+          const res = await api.post(`/rotation/rotate-one/${sub.id}`);
+          Logger.debug('Manual rotation completed', 'Settings');
+          setMsg({ open: true, type: 'success', text: res.data.message || 'Ротация выполнена' });
+          loadSubscriptions();
+        } catch (error: unknown) {
+          const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Ошибка ротации';
+          Logger.error(`Manual rotation error: ${message}`, 'Settings');
+          setMsg({ open: true, type: 'error', text: message });
+        }
+      }
+    });
+  };
+
+  const handleBulkUpdate = async (enabled: boolean) => {
+    try {
+      const { data } = await api.put('/subscriptions/bulk-auto-rotation', {
+        subscriptionIds: subs.map(s => s.id),
+        enabled
+      });
+      setMsg({ open: true, type: 'success', text: data.message || 'Настройки обновлены' });
+      loadSubscriptions();
+    } catch (error: unknown) {
+      const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Ошибка обновления';
+      Logger.error(`Bulk update error: ${message}`, 'Settings');
+      setMsg({ open: true, type: 'error', text: message });
+    }
+  };
+
+  const togglePause = async () => {
+    const newStatus = settings.rotation_status === 'active' ? 'stopped' : 'active';
+    const updatedSettings = { ...settings, rotation_status: newStatus };
+
+    Logger.debug(`Toggling rotation status: ${settings.rotation_status} → ${newStatus}`, 'Settings');
+    setSettings(updatedSettings);
+
+    try {
+      await api.post('/settings', updatedSettings);
+      Logger.debug('Rotation status updated', 'Settings');
+    } catch (error) {
+      Logger.error('Toggle pause error', 'Settings', error);
+      setSettings((prev) => ({ ...prev, rotation_status: prev.rotation_status }));
+      setMsg({ open: true, type: 'error', text: 'Не удалось изменить статус' });
+    }
+  };
+
+  const formatDate = (isoString: string) => {
+    if (!isoString) return 'Нет данных';
+    return new Date(+isoString).toLocaleString('ru-RU', {
+      day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit'
+    });
+  };
+
+  const getNextRotationDate = () => {
+    if (settings.rotation_status === 'stopped') return 'Пауза';
+    if (!settings.last_rotation_timestamp) return 'Ожидание...';
+
+    const last = new Date(+settings.last_rotation_timestamp);
+    const intervalMinutes = parseInt(settings.rotation_interval) || 60;
+    const next = new Date(last.getTime() + intervalMinutes * 60000);
+
+    return next.toLocaleString('ru-RU', {
+      day: '2-digit', month: '2-digit', year: 'numeric', hour: '2-digit', minute: '2-digit'
+    });
+  };
+
+  const isPaused = settings.rotation_status === 'stopped';
+
+  return (
+    <Box>
+      <Typography variant={isMobile ? 'h5' : 'h4'} gutterBottom>Настройки утилиты</Typography>
+
+      <Grid container spacing={3}>
+
+        <Grid size={{ xs: 12 }}>
+          <Grid container spacing={1}>
+            <Grid size={{ xs: 12, md: 4 }}>
+              <Typography variant="subtitle2" color="textSecondary" gutterBottom>
+                Статус сервиса
+              </Typography>
+              {isPaused ?
+                <Chip icon={<PauseCircleFilled />} label="Остановлен" color="warning" size="small" variant="outlined" /> :
+                <Chip icon={<CheckCircle />} label="Активен" color="success" size="small" variant="outlined" />
+              }
+
+              <Tooltip title={isPaused ? "Возобновить ротацию" : "Поставить на паузу"}>
+                <IconButton
+                  onClick={togglePause}
+                  size="small"
+                  sx={{
+                    bgcolor: 'background.paper',
+                    boxShadow: 2,
+                    '&:hover': { bgcolor: 'background.paper' },
+                    ml: 1
+                  }}
+                >
+                  {isPaused ? <PlayCircleFilled fontSize="large" /> : <PauseCircleFilled fontSize="large" />}
+                </IconButton>
+              </Tooltip>
+            </Grid>
+            {/* Последняя генерация */}
+            <Grid size={{ xs: 12, md: 4 }}>
+              <Stack direction="row" alignItems="center" spacing={1}>
+                <Box>
+                  <Typography variant="subtitle2" color="textSecondary">
+                    Последняя генерация
+                  </Typography>
+                  <Typography variant="body1" sx={{ fontWeight: 500, mt: 2 }}>
+                    {formatDate(settings.last_rotation_timestamp)}
+                  </Typography>
+                </Box>
+              </Stack>
+            </Grid>
+
+            {/* Следующая генерация */}
+            <Grid size={{ xs: 12, md: 4 }}>
+              <Stack direction="row" alignItems="center" spacing={1}>
+                <Box>
+                  <Typography variant="subtitle2" color="textSecondary">
+                    Следующая генерация
+                  </Typography>
+                  <Typography variant="body1" sx={{ fontWeight: 500, mt: 2 }}>
+                    {getNextRotationDate()}
+                  </Typography>
+                </Box>
+              </Stack>
+            </Grid>
+          </Grid>
+        </Grid>
+
+        <Grid size={{ xs: 12, md: 6 }}>
+          <Paper sx={{ p: 3, height: '100%' }}>
+            <Typography variant="h6" gutterBottom>Панель 3x-ui</Typography>
+            <Divider sx={{ mb: 2 }} />
+
+            <TextField
+              fullWidth margin="normal" label="URL панели"
+              value={settings.xui_url} onChange={handleSettingChange('xui_url')}
+              helperText="Например: https://my-vpn.com:2053/wfgpoVHaOF"
+            />
+            <TextField
+              fullWidth margin="normal" label="Логин 3x-ui"
+              value={settings.xui_login} onChange={handleSettingChange('xui_login')}
+            />
+            <TextField
+              fullWidth margin="normal" label="Пароль 3x-ui" type="password"
+              value={settings.xui_password} onChange={handleSettingChange('xui_password')}
+            />
+
+            <Button variant="contained" sx={{ mt: 2 }} onClick={handleSaveSettings}>
+              Сохранить подключение
+            </Button>
+            {settings.xui_url && settings.xui_login && settings.xui_password && (
+              <Button
+                variant="outlined"
+                color="info"
+                sx={{ mt: 2, ml: isMobile ? 1 : 2 }}
+                onClick={handleCheckConnection}
+              >
+                Проверить
+              </Button>
+            )}
+          </Paper>
+        </Grid>
+
+        <Grid size={{ xs: 12, md: 6 }}>
+          <Box sx={{ display: 'flex', flexDirection: 'column', gap: 3 }}>
+
+            <Paper sx={{ p: 3 }}>
+              <Typography variant="h6" gutterBottom>Генерация инбаундов</Typography>
+              <Divider sx={{ mb: 2 }} />
+
+              <TextField
+                fullWidth margin="normal" label="Интервал генерации"
+                type="number"
+                value={settings.rotation_interval}
+                onChange={handleSettingChange('rotation_interval')}
+                slotProps={{
+                  input: { endAdornment: <InputAdornment position="end">мин</InputAdornment> }
+                }}
+                helperText="Как часто менять инбаунды (минимум 10 мин)"
+              />
+              <Stack direction="row" spacing={1} sx={{ mt: 1, mb: 2 }}>
+                {ROTATION_PRESETS.map((preset) => (
+                  <Chip
+                    key={preset.value}
+                    label={preset.label}
+                    onClick={() => handlePresetClick(preset.value)}
+                    color={settings.rotation_interval === preset.value.toString() ? "primary" : "default"}
+                    variant={settings.rotation_interval === preset.value.toString() ? "filled" : "outlined"}
+                    clickable
+                  />
+                ))}
+              </Stack>
+              <Button variant="contained" sx={{ mt: 2 }} onClick={handleSaveInterval}>
+                Применить интервал
+              </Button>
+              <Button
+                variant="outlined"
+                loading={loadingRotate}
+                color="warning"
+                onClick={handleForceRotate}
+                sx={{ mt: 2, ml: isMobile ? 0 : 2 }}
+              >
+                Сгенерировать сейчас
+              </Button>
+
+              <Divider sx={{ my: 3 }} />
+
+              <Typography variant="subtitle1" gutterBottom sx={{ fontWeight: 600 }}>
+                Управление авторотацией подписок
+              </Typography>
+              <Typography variant="body2" color="textSecondary" paragraph>
+                Выберите подписки для автоматической ротации:
+              </Typography>
+
+              {subs.length === 0 ? (
+                <Typography variant="body2" color="textSecondary" sx={{ mb: 2 }}>
+                  Нет активных подписок
+                </Typography>
+              ) : (
+                <List sx={{ maxHeight: 400, overflow: 'auto', bgcolor: 'background.default', borderRadius: 1 }}>
+                  {subs.map(sub => (
+                    <ListItem
+                      key={sub.id}
+                      sx={{
+                        py: 1,
+                        borderBottom: '1px solid',
+                        borderColor: 'divider',
+                        '&:last-child': { borderBottom: 'none' }
+                      }}
+                    >
+                      <FormControlLabel
+                        control={
+                          <Checkbox
+                            checked={sub.isAutoRotationEnabled ?? true}
+                            onChange={(e) => handleToggleAutoRotation(sub.id, e.target.checked)}
+                            color="primary"
+                          />
+                        }
+                        label={
+                          <Box>
+                            <Typography variant="body2" sx={{ fontWeight: 500 }}>{sub.name}</Typography>
+                            <Typography variant="caption" color="textSecondary">
+                              {sub.uuid.substring(0, 8)}...
+                            </Typography>
+                          </Box>
+                        }
+                        sx={{ flexGrow: 1 }}
+                      />
+                      <Tooltip title="Обновить подписку вручную">
+                        <IconButton
+                          size="small"
+                          onClick={() => handleManualRotate(sub)}
+                          color="primary"
+                        >
+                          <Refresh />
+                        </IconButton>
+                      </Tooltip>
+                    </ListItem>
+                  ))}
+                </List>
+              )}
+
+              {subs.length > 0 && (
+                <Box sx={{ mt: 2, display: 'flex', gap: 1 }}>
+                  <Button
+                    variant="outlined"
+                    size="small"
+                    onClick={() => handleBulkUpdate(true)}
+                  >
+                    Включить для всех
+                  </Button>
+                  <Button
+                    variant="outlined"
+                    size="small"
+                    onClick={() => handleBulkUpdate(false)}
+                  >
+                    Выключить для всех
+                  </Button>
+                </Box>
+              )}
+            </Paper>
+
+            <Paper sx={{ p: 3 }}>
+              <Typography variant="h6" gutterBottom>Доступ к 3DP-MANAGER</Typography>
+              <Divider sx={{ mb: 2 }} />
+
+              <TextField
+                fullWidth margin="normal" label="Логин администратора"
+                value={adminProfile.login}
+                onChange={handleAdminChange('login')}
+              />
+              <TextField
+                fullWidth margin="normal" label="Новый пароль" type="password"
+                value={adminProfile.password}
+                onChange={handleAdminChange('password')}
+                helperText="Оставьте пустым, если не хотите менять"
+              />
+              <Button variant="contained" color="warning" sx={{ mt: 2 }} onClick={handleSaveAdmin}>
+                Обновить профиль
+              </Button>
+            </Paper>
+
+          </Box>
+        </Grid>
+      </Grid>
+
+      <Snackbar open={msg.open} autoHideDuration={5000} onClose={() => setMsg({ ...msg, open: false })}>
+        <Alert severity={msg.type}>{msg.text}</Alert>
+      </Snackbar>
+
+      <Dialog open={confirmDialog.open} onClose={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+        <DialogTitle>Подтверждение действия</DialogTitle>
+        <DialogContent>
+          <Typography>{confirmDialog.title}</Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+            Отмена
+          </Button>
+          <Button
+            onClick={() => {
+              setConfirmDialog({ ...confirmDialog, open: false });
+              confirmDialog.onConfirm();
+            }}
+            variant="contained"
+            color={confirmDialog.confirmColor}
+          >
+            {confirmDialog.confirmText}
+          </Button>
+        </DialogActions>
+      </Dialog>
+    </Box>
+  );
+}
@@ -0,0 +1,656 @@
+import { useEffect, useState, useCallback } from 'react';
+import {
+  Box, Button, Typography, Paper, Table, TableBody, TableCell,
+  TableHead, TableRow, IconButton, Dialog, DialogTitle,
+  DialogContent, TextField, DialogActions, FormControl, Select,
+  InputAdornment, InputLabel, MenuItem, Snackbar, Alert,
+  useTheme,
+  useMediaQuery,
+  Menu,
+  ListItemIcon,
+  ListItemText,
+  Checkbox
+} from '@mui/material';
+import { Delete, Add, Link as LinkIcon, OpenInNew, ContentCopy, Dns, Router, Edit, MoreVert, Remove, Refresh } from '@mui/icons-material';
+import api from '../api';
+import { copyToClipboard } from '../utils/copyToClipboard';
+import { Logger } from '../utils/logger';
+
+interface Subscription {
+  id: string;
+  name: string;
+  uuid: string;
+  inbounds: unknown[];
+  inboundsConfig?: unknown[];
+  isAutoRotationEnabled?: boolean;
+}
+
+interface Tunnel {
+  id: number;
+  name: string;
+  ip: string;
+  domain: string;
+  isInstalled: boolean;
+}
+
+interface InboundConfigUI {
+  id: string;
+  type: string;
+  port: string;
+  sni: string;
+  link?: string;
+}
+
+interface Domain { id: number; name: string; }
+
+const CONNECTION_OPTIONS = [
+  'vless-tcp-reality',
+  'vless-xhttp-reality',
+  'vless-grpc-reality',
+  'vless-ws',
+  'hysteria2-udp',
+  'vmess-tcp',
+  'shadowsocks-tcp',
+  'trojan-tcp-reality',
+  'custom',
+];
+
+const patchLink = function (link: string, newHost: string): string {
+  if (link.startsWith('vmess://')) {
+    try {
+      const base64Part = link.substring(8);
+      const jsonStr = Buffer.from(base64Part, 'base64').toString('utf-8');
+      const config = JSON.parse(jsonStr);
+      config.add = newHost;
+      const newJsonStr = JSON.stringify(config);
+      const newBase64 = Buffer.from(newJsonStr).toString('base64');
+      return `vmess://${newBase64}`;
+    } catch {
+      return link;
+    }
+  } else if (link.startsWith('vless://') || link.startsWith('trojan://')) {
+    return link.replace(/@.*?:/, `@${newHost}:`);
+  } else if (link.startsWith('ss://')) {
+    if (link.includes('@')) {
+      return link.replace(/@.*?:/, `@${newHost}:`);
+    }
+    return link;
+  }
+  return link;
+};
+
+const generateId = () => Math.random().toString(36).substring(7);
+
+const getSubscriptionUrl = (uuid: string, tunnelId: string | number) => {
+  // Используем относительный путь - Nginx проксирует /bus/ на бэкенд
+  const tunnelPart = tunnelId !== 'main' ? `/${tunnelId}` : '';
+  const path = `/bus/${uuid}${tunnelPart}`;
+  // Для копирования нужен полный URL с origin
+  if (typeof window !== 'undefined') {
+    return `${window.location.origin}${path}`;
+  }
+  return path;
+};
+
+export default function SubscriptionsPage() {
+  const [subs, setSubs] = useState<Subscription[]>([]);
+  const [tunnels, setTunnels] = useState<Tunnel[]>([]);
+  const [selectedServer, setSelectedServer] = useState<string | number>('main');
+  const [menuAnchorEl, setMenuAnchorEl] = useState<null | HTMLElement>(null);
+  const [activeSub, setActiveSub] = useState<Subscription | null>(null);
+  const [domains, setDomains] = useState<Domain[]>([]);
+  const openActionMenu = Boolean(menuAnchorEl);
+
+  // Состояния модального окна конструктора
+  const [open, setOpen] = useState(false);
+  const [editingId, setEditingId] = useState<string | null>(null);
+  const [name, setName] = useState('');
+  const [inbounds, setInbounds] = useState<InboundConfigUI[]>([]);
+  const [portErrors, setPortErrors] = useState<Record<string, string>>({});
+
+  // Состояния ссылок
+  const [linksOpen, setLinksOpen] = useState(false);
+  const [currentLinks, setCurrentLinks] = useState<string[]>([]);
+
+  // Snackbar state for notifications
+  const [snackbar, setSnackbar] = useState({ open: false, type: 'success' as 'success' | 'error', message: '' });
+
+  // Confirmation dialog state
+  const [confirmDialog, setConfirmDialog] = useState({
+    open: false, title: '', onConfirm: () => {},
+    confirmText: 'Удалить', confirmColor: 'error' as 'error' | 'primary'
+  });
+
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+
+  const loadSubs = useCallback(async () => {
+    try {
+      Logger.debug('Loading subscriptions...', 'Subs');
+      const { data } = await api.get('/subscriptions');
+      setSubs(data);
+      Logger.debug(`Loaded ${data.length} subscriptions`, 'Subs');
+
+      const tunnelsRes = await api.get('/tunnels');
+      setTunnels(tunnelsRes.data.filter((el: Tunnel) => el.isInstalled));
+      Logger.debug(`Loaded ${tunnelsRes.data.filter((el: Tunnel) => el.isInstalled).length} active tunnels`, 'Subs');
+
+      const allDomains = await api.get('/domains/all');
+      setDomains(allDomains.data);
+      Logger.debug(`Loaded ${allDomains.data.length} domains`, 'Subs');
+    } catch (error) {
+      Logger.error('Failed to load', 'Subs', error);
+      throw error;
+    }
+  }, []);
+
+  useEffect(() => { loadSubs(); }, [loadSubs]);
+
+  const handleActionMenuClick = (event: React.MouseEvent<HTMLButtonElement>, sub: Subscription) => {
+    setMenuAnchorEl(event.currentTarget);
+    setActiveSub(sub);
+  };
+
+  const handleActionMenuClose = () => {
+    setMenuAnchorEl(null);
+    setActiveSub(null);
+  };
+
+  const handleOpenCreate = () => {
+    setEditingId(null);
+    setName('');
+    setInbounds([
+      { id: generateId(), type: 'hysteria2-udp', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-xhttp-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-grpc-reality', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vless-ws', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'vmess-tcp', port: 'random', sni: 'random', link: '' },
+      { id: generateId(), type: 'shadowsocks-tcp', port: 'random', sni: 'random', link: '' },
+    ]);
+    setPortErrors({});
+    setOpen(true);
+  };
+
+  const handleOpenEdit = (sub: Subscription) => {
+    setEditingId(sub.id);
+    setName(sub.name);
+
+    if (sub.inboundsConfig && sub.inboundsConfig.length > 0) {
+      setInbounds(sub.inboundsConfig.map(i => ({
+        id: generateId(),
+        type: i.type || 'vless-tcp-reality',
+        port: i.port ? i.port.toString() : 'random',
+        sni: i.sni || 'random',
+        link: i.link || ''
+      })));
+    } else {
+      setInbounds([{ id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' }]);
+    }
+
+    setPortErrors({});
+    setOpen(true);
+  };
+
+  const handleInboundChange = (id: string, field: keyof InboundConfigUI, value: string) => {
+    setInbounds(prev => prev.map(inb => inb.id === id ? { ...inb, [field]: value } : inb));
+    if (field === 'port' || (field === 'type' && value === 'custom')) {
+      setPortErrors(prev => { const n = { ...prev }; delete n[id]; return n; });
+    }
+  };
+
+  const addInbound = () => {
+    if (inbounds.length < 20) {
+      setInbounds([...inbounds, { id: generateId(), type: 'vless-tcp-reality', port: 'random', sni: 'random', link: '' }]);
+    }
+  };
+
+  const removeInbound = (id?: string) => {
+    if (id) {
+      if (inbounds.length > 1) {
+        setInbounds(inbounds.filter(inb => inb.id !== id));
+        setPortErrors(prev => {
+          const n = { ...prev };
+          delete n[id];
+          return n;
+        });
+      }
+    } else {
+      setInbounds([
+        {
+          id: crypto.randomUUID(),
+          type: 'vless-tcp-reality',
+          port: 'random',
+          sni: 'random',
+          link: ''
+        }
+      ]);
+      setPortErrors({});
+    }
+  };
+
+  const handleSave = async () => {
+    if (Object.keys(portErrors).length > 0) {
+      setSnackbar({ open: true, type: 'error', message: 'Пожалуйста, исправьте ошибки с портами' });
+      return;
+    }
+    if (!name.trim()) {
+      setSnackbar({ open: true, type: 'error', message: 'Введите имя подписки' });
+      return;
+    }
+
+    const payload = {
+      name,
+      inboundsConfig: inbounds.map(i => {
+        if (i.type === 'custom') {
+          return { type: i.type, link: i.link };
+        }
+        return {
+          type: i.type,
+          port: i.port === 'random' ? 'random' : parseInt(i.port),
+          sni: i.sni
+        };
+      })
+    };
+
+    try {
+      Logger.debug(`${editingId ? 'Updating' : 'Creating'} subscription`, 'Subs', payload);
+      if (editingId) {
+        await api.put(`/subscriptions/${editingId}`, payload);
+        Logger.debug(`Updated subscription ${editingId}`, 'Subs');
+      } else {
+        await api.post('/subscriptions', payload);
+        Logger.debug('Created subscription', 'Subs');
+      }
+      setOpen(false);
+      loadSubs();
+      setSnackbar({ open: true, type: 'success', message: editingId ? 'Подписка обновлена' : 'Подписка создана' });
+    } catch (error: unknown) {
+      const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Произошла ошибка при сохранении';
+      Logger.error(`Save error: ${message}`, 'Subs');
+      setSnackbar({ open: true, type: 'error', message });
+    }
+  };
+
+  const handleDelete = async (id: string) => {
+    setConfirmDialog({
+      open: true,
+      title: 'Удалить подписку и все соединения?',
+      confirmText: 'Удалить',
+      confirmColor: 'error',
+      onConfirm: async () => {
+        Logger.debug(`Deleting subscription: ${id}`, 'Subs');
+        await api.delete(`/subscriptions/${id}`);
+        Logger.debug(`Deleted subscription ${id}`, 'Subs');
+        loadSubs();
+        setSnackbar({ open: true, type: 'success', message: 'Подписка удалена' });
+      }
+    });
+  };
+
+  const handleToggleAutoRotation = async (subscriptionId: string, enabled: boolean) => {
+    try {
+      await api.put('/subscriptions/bulk-auto-rotation', {
+        subscriptionIds: [subscriptionId],
+        enabled
+      });
+      setSubs(prev => prev.map(s =>
+        s.id === subscriptionId ? { ...s, isAutoRotationEnabled: enabled } : s
+      ));
+      setSnackbar({
+        open: true,
+        type: 'success',
+        message: enabled ? 'Авторотация включена' : 'Авторотация выключена'
+      });
+    } catch (error: unknown) {
+      const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Ошибка обновления';
+      Logger.error(`Toggle auto-rotation error: ${message}`, 'Subs');
+      setSnackbar({ open: true, type: 'error', message });
+      loadSubs();
+    }
+  };
+
+  const handleManualRotate = async (sub: Subscription) => {
+    setConfirmDialog({
+      open: true,
+      title: `Обновить подписку "${sub.name}" сейчас?`,
+      confirmText: 'Обновить',
+      confirmColor: 'primary',
+      onConfirm: async () => {
+        try {
+          Logger.debug(`Starting manual rotation for subscription: ${sub.id}`, 'Subs');
+          const res = await api.post(`/rotation/rotate-one/${sub.id}`);
+          Logger.debug('Manual rotation completed', 'Subs');
+          setSnackbar({ open: true, type: 'success', message: res.data.message || 'Ротация выполнена' });
+          loadSubs();
+        } catch (error: unknown) {
+          const message = (error as { response?: { data?: { message?: string } } })?.response?.data?.message || 'Ошибка ротации';
+          Logger.error(`Manual rotation error: ${message}`, 'Subs');
+          setSnackbar({ open: true, type: 'error', message });
+        }
+      }
+    });
+  };
+
+  const showLinks = (sub: Subscription) => {
+    let links: string[] = [];
+    if (selectedServer === 'main') {
+      links = sub.inbounds?.map(i => (i as { link?: string }).link).filter(Boolean) || [];
+    } else {
+      const tunnelIndex = +selectedServer - 1;
+      const host = tunnels[tunnelIndex]?.domain?.length > 0 ? tunnels[tunnelIndex].domain : tunnels[tunnelIndex].ip;
+      links = sub.inbounds?.map(i => patchLink((i as { link?: string }).link || '', host)).filter(Boolean) || [];
+    }
+    if (links.length === 0) {
+      setCurrentLinks(['Нет активных ссылок (ждите ротации)']);
+    } else {
+      setCurrentLinks(links);
+    }
+    setLinksOpen(true);
+  };
+
+  const handleCopyLink = async (uuid: string, tunnelId: string | number) => {
+    await copyToClipboard(getSubscriptionUrl(uuid, tunnelId));
+    setSnackbar({ open: true, type: 'success', message: 'Ссылка на подписку скопирована' });
+  };
+
+  return (
+    <Box>
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 3 }}>
+        <Typography variant={isMobile ? 'h5' : 'h4'}>Подписки</Typography>
+        {tunnels.length > 0 && (
+          <FormControl variant='standard' size="small" sx={{ minWidth: 220, justifyContent: 'center' }}>
+            <Select
+              value={selectedServer}
+              onChange={(e) => setSelectedServer(e.target.value)}
+              startAdornment={
+                <InputAdornment position="start">
+                  {selectedServer === 'main' ? <Dns fontSize="small" /> : <Router fontSize="small" />}
+                </InputAdornment>
+              }
+            >
+              <MenuItem value="main">
+                <Typography variant="body2" sx={{ fontWeight: 600 }}>Основной сервер</Typography>
+              </MenuItem>
+              {tunnels.map((t) => (
+                <MenuItem key={t.id} value={t.id.toString()}>
+                  <Typography variant="body2" sx={{ fontWeight: 600 }}>{t.name}</Typography>
+                </MenuItem>
+              ))}
+            </Select>
+          </FormControl>
+        )}
+        <Box>
+          <Button variant="contained" startIcon={<Add />} onClick={handleOpenCreate}>Создать</Button>
+        </Box>
+      </Box>
+
+      <Paper sx={{ overflowX: 'auto' }}>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell>Имя</TableCell>
+              <TableCell>UUID</TableCell>
+              <TableCell>Инбаунды</TableCell>
+              <TableCell>Авторотация</TableCell>
+              <TableCell align="right">Действия</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {subs.map((sub) => (
+              <TableRow key={sub.id}>
+                <TableCell sx={{ fontWeight: 700 }}>{sub.name}</TableCell>
+                <TableCell sx={{ fontFamily: 'monospace' }}>{sub.uuid}</TableCell>
+                <TableCell>{sub.inbounds?.length || 0}</TableCell>
+                <TableCell>
+                  <Checkbox
+                    checked={sub.isAutoRotationEnabled ?? true}
+                    onChange={(e) => handleToggleAutoRotation(sub.id, e.target.checked)}
+                    color="primary"
+                  />
+                </TableCell>
+                <TableCell align="right">
+                  {!isMobile && (
+                    <>
+                      <IconButton
+                        color="primary"
+                        onClick={() => handleCopyLink(sub.uuid, selectedServer)}
+                        title="Копировать ссылку"
+                      >
+                        <ContentCopy />
+                      </IconButton>
+                      <IconButton
+                        color="primary"
+                        onClick={() => window.open(getSubscriptionUrl(sub.uuid, selectedServer), '_blank')}
+                        title="Открыть подписку"
+                      >
+                        <OpenInNew />
+                      </IconButton>
+                    </>
+                  )}
+
+                  {/* Кнопка "Три точки" для вызова меню действий */}
+                  <IconButton onClick={(e) => handleActionMenuClick(e, sub)}>
+                    <MoreVert />
+                  </IconButton>
+                </TableCell>
+              </TableRow>
+            ))}
+          </TableBody>
+        </Table>
+        {subs.length === 0 && <Typography sx={{ p: 2 }} color='textSecondary' textAlign='center'>Нет подписок</Typography>}
+      </Paper>
+
+      <Menu
+        anchorEl={menuAnchorEl}
+        open={openActionMenu}
+        onClose={handleActionMenuClose}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}
+        transformOrigin={{ vertical: 'top', horizontal: 'right' }}
+      >
+        {isMobile && activeSub && (
+          <MenuItem onClick={() => handleCopyLink(activeSub.uuid, selectedServer)}>
+            <ListItemIcon><ContentCopy fontSize="small" color="primary" /></ListItemIcon>
+            <ListItemText>Копировать ссылку</ListItemText>
+          </MenuItem>
+        )}
+        {isMobile && activeSub && (
+          <MenuItem onClick={() => window.open(getSubscriptionUrl(activeSub.uuid, selectedServer), '_blank')}>
+            <ListItemIcon><OpenInNew fontSize="small" color="primary" /></ListItemIcon>
+            <ListItemText>Открыть подписку</ListItemText>
+          </MenuItem>
+        )}
+
+        {activeSub && (
+          <MenuItem onClick={() => showLinks(activeSub)}>
+            <ListItemIcon><LinkIcon fontSize="small" /></ListItemIcon>
+            <ListItemText>Показать конфиги</ListItemText>
+          </MenuItem>
+        )}
+        {activeSub && (
+          <MenuItem onClick={() => handleManualRotate(activeSub)}>
+            <ListItemIcon><Refresh fontSize="small" color="primary" /></ListItemIcon>
+            <ListItemText>Обновить сейчас</ListItemText>
+          </MenuItem>
+        )}
+        {activeSub && (
+          <MenuItem onClick={() => handleOpenEdit(activeSub)}>
+            <ListItemIcon><Edit fontSize="small" /></ListItemIcon>
+            <ListItemText>Редактировать</ListItemText>
+          </MenuItem>
+        )}
+        {activeSub && (
+          <MenuItem onClick={() => handleDelete(activeSub.id)}>
+            <ListItemIcon><Delete fontSize="small" color="error" /></ListItemIcon>
+            <ListItemText sx={{ color: 'error.main' }}>Удалить</ListItemText>
+          </MenuItem>
+        )}
+      </Menu>
+
+      {/* Модальное окно создания / редактирования */}
+      <Dialog open={open} onClose={() => setOpen(false)} maxWidth="md" fullWidth disableRestoreFocus>
+        <DialogTitle variant='h5'>{editingId ? 'Редактировать подписку' : 'Новая подписка'}</DialogTitle>
+        <DialogContent dividers>
+          <TextField
+            autoFocus margin="dense" label="Имя подписки" fullWidth
+            value={name} onChange={(e) => setName(e.target.value)}
+            sx={{ mb: 4 }}
+          />
+
+          <Typography variant="h6" sx={{ mb: 2 }}>
+            Инбаунды ({inbounds.length}/20)
+          </Typography>
+
+          {inbounds.map((inb, index) => (
+            <Box key={inb.id} sx={{ display: 'flex', alignItems: 'flex-start', gap: 2, mb: 2, p: 2 }}>
+              <Typography sx={{ mt: 1, minWidth: 30, fontWeight: 'bold' }}>#{index + 1}</Typography>
+
+              <FormControl size="small" sx={{ minWidth: 185 }}>
+                <InputLabel>Тип</InputLabel>
+                <Select
+                  value={inb.type}
+                  label="Тип"
+                  sx={{ minWidth: '185px' }}
+                  onChange={(e) => handleInboundChange(inb.id, 'type', e.target.value)}
+                >
+                  {CONNECTION_OPTIONS.map(opt => <MenuItem key={opt} value={opt}>{opt}</MenuItem>)}
+                </Select>
+              </FormControl>
+
+              {inb.type === 'custom' ? (
+                // Поле для кастомной ссылки
+                <FormControl size="small" sx={{ flexGrow: 1 }}>
+                  <TextField
+                    size="small"
+                    label="Ссылка на подключение"
+                    placeholder="vless://..."
+                    value={inb.link || ''}
+                    onChange={(e) => handleInboundChange(inb.id, 'link', e.target.value)}
+                    fullWidth
+                  />
+                </FormControl>
+              ) : (
+                <>
+                  <FormControl size="small" sx={{ minWidth: 150 }}>
+                    <TextField
+                      size="small"
+                      label="Порт"
+                      placeholder="random или порт"
+                      value={inb.port}
+                      onChange={(e) => handleInboundChange(inb.id, 'port', e.target.value)}
+                      error={!!portErrors[inb.id]}
+                      helperText={portErrors[inb.id] || ""}
+                      sx={{ width: 140 }}
+                    />
+                  </FormControl>
+
+                  <FormControl size="small" sx={{ minWidth: 150 }}>
+                    <InputLabel>SNI</InputLabel>
+                    <Select
+                      value={inb.sni}
+                      label="SNI"
+                      onChange={(e) => handleInboundChange(inb.id, 'sni', e.target.value)}
+                    >
+                      <MenuItem value="random">random</MenuItem>
+                      {domains.map(opt => <MenuItem key={opt.id} value={opt.name}>{opt.name}</MenuItem>)}
+                    </Select>
+                  </FormControl>
+                </>
+              )}
+
+              <IconButton
+                color="primary"
+                onClick={() => removeInbound(inb.id)}
+                disabled={inbounds.length <= 1}
+                sx={{ mt: 0.5 }}
+              >
+                <Delete />
+              </IconButton>
+            </Box>
+          ))}
+
+          <Button
+            variant="outlined"
+            size='small'
+            startIcon={<Add />}
+            onClick={addInbound}
+            disabled={inbounds.length >= 20}
+          >
+            Добавить инбаунд
+          </Button>
+          <Button
+            variant="outlined"
+            color="error"
+            size="small"
+            startIcon={<Remove />}
+            sx={{ ml: 0.5 }}
+            onClick={() => removeInbound()}
+          >
+            Удалить все
+          </Button>
+
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setOpen(false)}>Отмена</Button>
+          <Button onClick={handleSave} variant="contained" color="primary">Сохранить</Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Модальное окно ссылок */}
+      <Dialog open={linksOpen} onClose={() => setLinksOpen(false)} maxWidth="md" fullWidth>
+        <DialogTitle>Активные ссылки</DialogTitle>
+        <DialogContent>
+          <TextField
+            multiline fullWidth rows={10}
+            value={currentLinks.join('\n\n')}
+            slotProps={{ input: { readOnly: true, sx: { fontFamily: 'monospace', fontSize: 12 } } }}
+          />
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => copyToClipboard(currentLinks.join('\n'))}>Копировать все</Button>
+          <Button onClick={() => setLinksOpen(false)}>Закрыть</Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Confirmation Dialog */}
+      <Dialog open={confirmDialog.open} onClose={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+        <DialogTitle>Подтверждение</DialogTitle>
+        <DialogContent>
+          <Typography>{confirmDialog.title}</Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setConfirmDialog({ ...confirmDialog, open: false })}>Отмена</Button>
+          <Button
+            onClick={() => {
+              confirmDialog.onConfirm();
+              setConfirmDialog({ ...confirmDialog, open: false });
+            }}
+            variant="contained"
+            color={confirmDialog.confirmColor}
+          >
+            {confirmDialog.confirmText}
+          </Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Snackbar notifications */}
+      <Snackbar
+        open={snackbar.open}
+        autoHideDuration={6000}
+        onClose={() => setSnackbar({ ...snackbar, open: false })}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+      >
+        <Alert
+          onClose={() => setSnackbar({ ...snackbar, open: false })}
+          severity={snackbar.type}
+          sx={{ width: '100%' }}
+        >
+          {snackbar.message}
+        </Alert>
+      </Snackbar>
+    </Box>
+  );
+}
@@ -0,0 +1,358 @@
+import React, { useEffect, useState, useCallback } from 'react';
+import {
+  Box, Button, Typography, Paper, Table, TableBody, TableCell,
+  TableHead, TableRow, IconButton, Dialog, DialogTitle,
+  DialogContent, TextField, DialogActions, Chip, CircularProgress,
+  useTheme,
+  useMediaQuery,
+  FormControl,
+  RadioGroup,
+  FormControlLabel,
+  Radio,
+  Snackbar,
+  Alert
+} from '@mui/material';
+import { Delete, Add, Terminal, CheckCircle, Error, Dns } from '@mui/icons-material';
+import api from '../api';
+import { getApiErrorMessage } from '../utils/errorHandlers';
+import { Logger } from '../utils/logger';
+
+interface Tunnel {
+  id: number;
+  name: string;
+  ip: string;
+  sshPort: number;
+  username: string;
+  isInstalled: boolean;
+}
+
+export default function TunnelsPage() {
+  const [tunnels, setTunnels] = useState<Tunnel[]>([]);
+  const [open, setOpen] = useState(false);
+  const [loadingId, setLoadingId] = useState<number | null>(null);
+  const theme = useTheme();
+  const isMobile = useMediaQuery(theme.breakpoints.down('md'));
+  const [authMethod, setAuthMethod] = useState<'password' | 'key'>('password');
+
+  const [form, setForm] = useState({
+    name: '', ip: '', sshPort: 22, username: 'root', password: '', privateKey: '', domain: ''
+  });
+
+  // Snackbar state for notifications
+  const [snackbar, setSnackbar] = useState({ open: false, type: 'success' as 'success' | 'error', message: '' });
+
+  // Confirmation dialog state
+  const [confirmDialog, setConfirmDialog] = useState({ open: false, title: '', onConfirm: () => {} });
+
+  // Form validation errors
+  const [formErrors, setFormErrors] = useState<Record<string, string>>({});
+
+  const validateForm = () => {
+    const errors: Record<string, string> = {};
+
+    if (!form.name.trim()) {
+      errors.name = 'Введите название сервера';
+    }
+
+    if (!form.ip.trim()) {
+      errors.ip = 'Введите IP адрес';
+    } else {
+      // IPv4 validation
+      const ipv4Regex = /^(?:(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)\.){3}(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)$/;
+      // IPv6 basic validation
+      const ipv6Regex = /^([0-9a-fA-F]{1,4}:){7}[0-9a-fA-F]{1,4}$|^([0-9a-fA-F]{1,4}:){1,7}:$|^([0-9a-fA-F]{1,4}:){1,6}:[0-9a-fA-F]{1,4}$|^([0-9a-fA-F]{1,4}:){1,5}(:[0-9a-fA-F]{1,4}){1,2}$|^([0-9a-fA-F]{1,4}:){1,4}(:[0-9a-fA-F]{1,4}){1,3}$|^([0-9a-fA-F]{1,4}:){1,3}(:[0-9a-fA-F]{1,4}){1,4}$|^([0-9a-fA-F]{1,4}:){1,2}(:[0-9a-fA-F]{1,4}){1,5}$|^[0-9a-fA-F]{1,4}:((:[0-9a-fA-F]{1,4}){1,6})$|^:((:[0-9a-fA-F]{1,4}){1,7}|:)$/;
+      
+      if (!ipv4Regex.test(form.ip) && !ipv6Regex.test(form.ip)) {
+        errors.ip = 'Неверный формат IP адреса';
+      }
+    }
+
+    if (!form.sshPort || form.sshPort < 1 || form.sshPort > 65535) {
+      errors.sshPort = 'Порт должен быть от 1 до 65535';
+    }
+
+    if (!form.username.trim()) {
+      errors.username = 'Введите SSH пользователя';
+    }
+
+    if (authMethod === 'password' && !form.password) {
+      errors.password = 'Введите SSH пароль';
+    }
+
+    if (authMethod === 'key' && !form.privateKey.trim()) {
+      errors.privateKey = 'Введите SSH ключ';
+    } else if (authMethod === 'key' && !form.privateKey.includes('-----BEGIN')) {
+      errors.privateKey = 'Неверный формат SSH ключа';
+    }
+
+    setFormErrors(errors);
+    return Object.keys(errors).length === 0;
+  };
+
+  const loadTunnels = useCallback(async () => {
+    try {
+      Logger.debug('Loading tunnels...', 'Tunnels');
+      const { data } = await api.get('/tunnels');
+      setTunnels(data);
+      Logger.debug(`Loaded ${data.length} tunnels`, 'Tunnels');
+    } catch (error) {
+      Logger.error('Failed to load', 'Tunnels', error);
+    }
+  }, []);
+
+  useEffect(() => { loadTunnels(); }, [loadTunnels]);
+
+  const handleCreate = async () => {
+    if (!validateForm()) {
+      setSnackbar({ open: true, type: 'error', message: 'Исправьте ошибки в форме' });
+      return;
+    }
+
+    const payload = {
+      ...form,
+      password: authMethod === 'password' ? form.password : null,
+      privateKey: authMethod === 'key' ? form.privateKey : null,
+    };
+
+    Logger.debug(`Creating tunnel`, 'Tunnels', { name: form.name, ip: form.ip });
+    await api.post('/tunnels', payload);
+    Logger.debug('Tunnel created successfully', 'Tunnels');
+    setOpen(false);
+    setForm({ name: '', ip: '', sshPort: 22, username: 'root', password: '', privateKey: '', domain: '' });
+    setAuthMethod('password');
+    setFormErrors({});
+    loadTunnels();
+    setSnackbar({ open: true, type: 'success', message: 'Сервер добавлен' });
+  };
+
+  const handleDelete = async (id: number) => {
+    setConfirmDialog({
+      open: true,
+      title: 'Удалить сервер из списка?',
+      onConfirm: async () => {
+        Logger.debug(`Deleting tunnel ID: ${id}`, 'Tunnels');
+        await api.delete(`/tunnels/${id}`);
+        Logger.debug(`Deleted tunnel ID: ${id}`, 'Tunnels');
+        loadTunnels();
+        setSnackbar({ open: true, type: 'success', message: 'Сервер удалён' });
+      }
+    });
+  };
+
+  const handleInstall = async (id: number) => {
+    setConfirmDialog({
+      open: true,
+      title: 'Начать установку перенаправления на этот сервер?',
+      onConfirm: async () => {
+        Logger.debug(`Installing forwarding on tunnel ID: ${id}`, 'Tunnels');
+        setLoadingId(id);
+        try {
+          await api.post(`/tunnels/${id}/install`);
+          Logger.debug('Forwarding installed successfully', 'Tunnels');
+          setSnackbar({ open: true, type: 'success', message: 'Скрипт успешно установлен! Трафик перенаправляется.' });
+          loadTunnels();
+        } catch (e) {
+          const message = getApiErrorMessage(e, 'Неизвестная ошибка');
+          Logger.error(`Install error on ID ${id}: ${message}`, 'Tunnels');
+          setSnackbar({ open: true, type: 'error', message: 'Ошибка: ' + message });
+        } finally {
+          setLoadingId(null);
+        }
+      }
+    });
+  };
+
+  const handleChange = useCallback((prop: string) => (e: React.ChangeEvent<HTMLInputElement>) => {
+    setForm(prev => ({ ...prev, [prop]: e.target.value }));
+  }, []);
+
+  return (
+    <Box>
+      <Box sx={{ display: 'flex', justifyContent: 'space-between', mb: 3 }}>
+        <Typography variant={isMobile ? 'h5' : 'h4'}>Relay серверы</Typography>
+        <Button variant="contained" startIcon={<Add />} onClick={() => setOpen(true)}>Добавить</Button>
+      </Box>
+
+      <Paper sx={{ overflowX: 'auto' }}>
+        <Table>
+          <TableHead>
+            <TableRow>
+              <TableCell>Название</TableCell>
+              <TableCell>Адрес</TableCell>
+              <TableCell>Статус</TableCell>
+              <TableCell align="right">Действия</TableCell>
+            </TableRow>
+          </TableHead>
+          <TableBody>
+            {tunnels.map((t) => (
+              <TableRow key={t.id}>
+                <TableCell>{t.name}</TableCell>
+                <TableCell>
+                  <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>
+                    <Dns fontSize="small" color="action" />
+                    {t.ip}
+                  </Box>
+                </TableCell>
+                <TableCell>
+                  {!isMobile && (t.isInstalled ?
+                    <Chip icon={<CheckCircle />} label={"Активен"} color="success" size="small" variant="outlined" /> :
+                    <Chip icon={<Error />} label={"Не настроен"} color="warning" size="small" variant="outlined" />
+                  )}
+                  {isMobile && (t.isInstalled ?
+                    <CheckCircle color='success' /> :
+                    <Error color='warning' />
+                  )}
+                </TableCell>
+                <TableCell align="right">
+                  {!t.isInstalled && (
+                    <>
+                      {isMobile ? (
+                        <IconButton disabled={loadingId !== null} color="primary" onClick={() => handleInstall(t.id)}>
+                          {loadingId === t.id ? <CircularProgress size={20} /> : <Terminal />}
+                        </IconButton>
+                      ) : (
+                        <Button
+                          startIcon={loadingId === t.id ? <CircularProgress size={20} /> : <Terminal />}
+                          disabled={loadingId !== null}
+                          onClick={() => handleInstall(t.id)}
+                          sx={{ mr: 1 }}
+                          variant="outlined"
+                          size="small"
+                        >
+                          {isMobile ? '' : (loadingId === t.id ? 'Установка...' : 'Установить')}
+                        </Button>
+                      )}
+                    </>
+                  )}
+                  <IconButton color="inherit" onClick={() => handleDelete(t.id)}>
+                    <Delete />
+                  </IconButton>
+                </TableCell>
+              </TableRow>
+            ))}
+            {tunnels.length === 0 && <TableRow><TableCell colSpan={4} align="center" sx={{ color: 'text.secondary' }}>Нет серверов</TableCell></TableRow>}
+          </TableBody>
+        </Table>
+      </Paper>
+
+      <Dialog open={open} onClose={() => setOpen(false)}>
+        <DialogTitle>Новый редирект сервер</DialogTitle>
+        <DialogContent>
+          <TextField
+            margin="dense"
+            label="Название"
+            fullWidth
+            value={form.name}
+            onChange={handleChange('name')}
+            error={!!formErrors.name}
+            helperText={formErrors.name}
+          />
+          <TextField
+            margin="dense"
+            label="IP адрес"
+            fullWidth
+            value={form.ip}
+            onChange={handleChange('ip')}
+            error={!!formErrors.ip}
+            helperText={formErrors.ip}
+          />
+          <Box sx={{ display: 'flex', gap: 2 }}>
+            <TextField
+              margin="dense"
+              label="SSH Порт"
+              type="number"
+              fullWidth
+              value={form.sshPort}
+              onChange={handleChange('sshPort')}
+              error={!!formErrors.sshPort}
+              helperText={formErrors.sshPort}
+            />
+            <TextField
+              margin="dense"
+              label="SSH User"
+              fullWidth
+              value={form.username}
+              onChange={handleChange('username')}
+              error={!!formErrors.username}
+              helperText={formErrors.username}
+            />
+          </Box>
+          <FormControl component="fieldset" sx={{ mt: 2, mb: 1 }}>
+            <RadioGroup row value={authMethod} onChange={(e) => setAuthMethod(e.target.value as 'password' | 'key')}>
+              <FormControlLabel value="password" control={<Radio />} label="По паролю" />
+              <FormControlLabel value="key" control={<Radio />} label="По SSH ключу" />
+            </RadioGroup>
+          </FormControl>
+
+          {authMethod === 'password' ? (
+            <TextField
+              margin="dense"
+              label="SSH Пароль"
+              type="password"
+              fullWidth
+              value={form.password}
+              onChange={handleChange('password')}
+              error={!!formErrors.password}
+              helperText={formErrors.password}
+            />
+          ) : (
+            <TextField
+              margin="dense"
+              label="SSH Private Key (RSA / Ed25519)"
+              multiline
+              rows={4}
+              fullWidth
+              value={form.privateKey}
+              onChange={handleChange('privateKey')}
+              placeholder="-----BEGIN OPENSSH PRIVATE KEY-----&#10;...&#10;-----END OPENSSH PRIVATE KEY-----"
+              slotProps={{ input: { style: { fontFamily: 'monospace', fontSize: '0.875rem' } } }}
+              error={!!formErrors.privateKey}
+              helperText={formErrors.privateKey}
+            />
+          )}
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setOpen(false)}>Отмена</Button>
+          <Button variant="contained" onClick={handleCreate}>Сохранить</Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Confirmation Dialog */}
+      <Dialog open={confirmDialog.open} onClose={() => setConfirmDialog({ ...confirmDialog, open: false })}>
+        <DialogTitle>Подтверждение</DialogTitle>
+        <DialogContent>
+          <Typography>{confirmDialog.title}</Typography>
+        </DialogContent>
+        <DialogActions>
+          <Button onClick={() => setConfirmDialog({ ...confirmDialog, open: false })}>Отмена</Button>
+          <Button
+            onClick={() => {
+              confirmDialog.onConfirm();
+              setConfirmDialog({ ...confirmDialog, open: false });
+            }}
+            variant="contained"
+            color="error"
+          >
+            Подтвердить
+          </Button>
+        </DialogActions>
+      </Dialog>
+
+      {/* Snackbar notifications */}
+      <Snackbar
+        open={snackbar.open}
+        autoHideDuration={6000}
+        onClose={() => setSnackbar({ ...snackbar, open: false })}
+        anchorOrigin={{ vertical: 'bottom', horizontal: 'center' }}
+      >
+        <Alert
+          onClose={() => setSnackbar({ ...snackbar, open: false })}
+          severity={snackbar.type}
+          sx={{ width: '100%' }}
+        >
+          {snackbar.message}
+        </Alert>
+      </Snackbar>
+    </Box>
+  );
+}
@@ -0,0 +1,147 @@
+import type { PaletteMode } from '@mui/material';
+
+const lightPalette = {
+  primary: {
+    main: '#1395de',
+    light: '#60a5fa',
+    dark: '#1e40af',
+  },
+  secondary: {
+    main: '#7c3aed',
+  },
+  background: {
+    default: '#f3f4f6',
+    paper: '#ffffff',
+  },
+  text: {
+    primary: '#111827',
+    secondary: '#6b7280',
+  },
+};
+
+const darkPalette = {
+  primary: {
+    main: '#1395de',
+    light: '#60a5fa',
+    dark: '#1d4ed8',
+  },
+  secondary: {
+    main: '#8b5cf6',
+  },
+  background: {
+    default: '#0B0F19',
+    paper: '#111827',
+  },
+  text: {
+    primary: '#f9fafb',
+    secondary: '#9ca3af',
+  },
+};
+
+export const getDesignTokens = (mode: PaletteMode) => ({
+  palette: {
+    mode,
+    ...(mode === 'light' ? lightPalette : darkPalette),
+  },
+  typography: {
+    fontFamily: '"Inter", "Roboto", "Helvetica", "Arial", sans-serif',
+    h1: { fontWeight: 700 },
+    h2: { fontWeight: 700 },
+    h3: { fontWeight: 600 },
+    h4: { fontWeight: 600 },
+    h5: { fontWeight: 600 },
+    h6: { fontWeight: 600 },
+    button: {
+      textTransform: 'none' as const,
+      fontWeight: 600,
+    },
+  },
+  shape: {
+    borderRadius: 12,
+  },
+  components: {
+    MuiCssBaseline: {
+      styleOverrides: {
+        body: {
+          scrollbarColor: mode === 'dark' ? '#374151 #111827' : '#d1d5db #f3f4f6',
+          '&::-webkit-scrollbar, & *::-webkit-scrollbar': {
+            backgroundColor: 'transparent',
+            width: '8px',
+            height: '8px',
+          },
+          '&::-webkit-scrollbar-thumb, & *::-webkit-scrollbar-thumb': {
+            borderRadius: 8,
+            backgroundColor: mode === 'dark' ? '#374151' : '#d1d5db',
+            minHeight: 24,
+            border: '2px solid transparent',
+            backgroundClip: 'content-box',
+          },
+          '&::-webkit-scrollbar-thumb:focus, & *::-webkit-scrollbar-thumb:focus': {
+            backgroundColor: mode === 'dark' ? '#4b5563' : '#9ca3af',
+          },
+        },
+      },
+    },
+    MuiButton: {
+      styleOverrides: {
+        root: {
+          borderRadius: 8,
+          boxShadow: 'none',
+          '&:hover': {
+            boxShadow: 'none',
+          },
+        },
+        containedPrimary: {
+          '&:hover': {
+            backgroundColor: mode === 'dark' ? '#2563eb' : '#1d4ed8',
+          },
+        },
+      },
+    },
+    MuiPaper: {
+      styleOverrides: {
+        root: {
+          backgroundImage: 'none',
+        },
+        elevation1: {
+          boxShadow: mode === 'light'
+            ? '0px 2px 4px -1px rgba(0,0,0,0.05), 0px 4px 6px -1px rgba(0,0,0,0.05)'
+            : '0px 2px 4px -1px rgba(0,0,0,0.2), 0px 4px 6px -1px rgba(0,0,0,0.2)',
+          border: mode === 'light' ? '1px solid #e5e7eb' : '1px solid #374151',
+        },
+      },
+    },
+    MuiOutlinedInput: {
+      styleOverrides: {
+        root: {
+          '& .MuiOutlinedInput-notchedOutline': {
+            borderColor: mode === 'light' ? '#e5e7eb' : '#374151',
+          },
+          '&:hover .MuiOutlinedInput-notchedOutline': {
+            borderColor: mode === 'light' ? '#9ca3af' : '#6b7280',
+          },
+        },
+      },
+    },
+    MuiAppBar: {
+      styleOverrides: {
+        root: {
+          backgroundColor: mode === 'light' ? 'rgba(255, 255, 255, 0.8)' : 'rgba(17, 24, 39, 0.8)',
+          backdropFilter: 'blur(8px)',
+          borderBottom: `1px solid ${mode === 'light' ? '#e5e7eb' : '#374151'}`,
+          boxShadow: 'none',
+          color: mode === 'light' ? '#111827' : '#f9fafb',
+        },
+      },
+    },
+    MuiTableRow: {
+      styleOverrides: {
+        root: {
+          "&:last-child td": {
+            borderBottom: 0,
+          },
+        }
+      }
+    }
+  },
+});
@@ -0,0 +1,6 @@
+export type AuthContextType = {
+  token: string | null;
+  isAuthenticated: boolean;
+  login: (token: string) => void;
+  logout: () => void;
+};
@@ -0,0 +1,6 @@
+export type ColorMode = 'light' | 'dark' | 'system';
+
+export type ThemeContextType = {
+  mode: ColorMode;
+  toggleColorMode: () => void;
+};
@@ -0,0 +1,25 @@
+/**
+ * Универсальная функция копирования текста в буфер обмена.
+ * Работает и в secure (HTTPS/localhost), и в insecure (HTTP по IP) контекстах.
+ * navigator.clipboard недоступен при не-HTTPS/не-localhost соединениях.
+ */
+export async function copyToClipboard(text: string): Promise<void> {
+  if (navigator.clipboard && navigator.clipboard.writeText) {
+    await navigator.clipboard.writeText(text);
+  } else {
+    // Fallback для HTTP (не-localhost) — использует execCommand
+    const textarea = document.createElement('textarea');
+    textarea.value = text;
+    textarea.style.position = 'fixed';
+    textarea.style.left = '-9999px';
+    textarea.style.top = '-9999px';
+    document.body.appendChild(textarea);
+    textarea.focus();
+    textarea.select();
+    try {
+      document.execCommand('copy');
+    } finally {
+      document.body.removeChild(textarea);
+    }
+  }
+}
@@ -0,0 +1,46 @@
+/**
+ * Type guard to check if a value is an API error response
+ */
+export function isApiError(error: unknown): error is { response?: { status?: number; data?: { message?: string | string[] } } } {
+  return (
+    typeof error === 'object' &&
+    error !== null &&
+    'response' in error &&
+    typeof (error as { response?: unknown }).response === 'object' &&
+    (error as { response?: unknown }).response !== null
+  );
+}
+
+/**
+ * Extract error message from API error response
+ */
+export function getApiErrorMessage(error: unknown, defaultMessage: string = 'Произошла ошибка'): string {
+  if (isApiError(error)) {
+    const data = error.response?.data;
+    const message = data?.message;
+    
+    if (Array.isArray(message)) {
+      return message.join('; ');
+    }
+    
+    if (typeof message === 'string') {
+      return message;
+    }
+  }
+  
+  if (error instanceof Error) {
+    return error.message;
+  }
+  
+  return defaultMessage;
+}
+
+/**
+ * Get HTTP status code from error response
+ */
+export function getApiErrorStatus(error: unknown): number | undefined {
+  if (isApiError(error)) {
+    return error.response?.status;
+  }
+  return undefined;
+}
@@ -0,0 +1,57 @@
+type LogLevel = 'error' | 'warn' | 'info' | 'debug' | 'verbose';
+
+const LOG_LEVELS: Record<LogLevel, number> = {
+  error: 0,
+  warn: 1,
+  info: 2,
+  debug: 3,
+  verbose: 4,
+};
+
+const getLogLevel = (): LogLevel => {
+  return (import.meta.env.VITE_LOG_LEVEL as LogLevel) || 'info';
+};
+
+const shouldLog = (level: LogLevel): boolean => {
+  const currentLevel = getLogLevel();
+  return LOG_LEVELS[level] <= LOG_LEVELS[currentLevel];
+};
+
+const formatMessage = (module: string, message: string, data?: unknown): string => {
+  if (data !== undefined) {
+    return `[${module}] ${message} ${JSON.stringify(data)}`;
+  }
+  return `[${module}] ${message}`;
+};
+
+export const Logger = {
+  error: (message: string, module: string = 'App', data?: unknown) => {
+    if (shouldLog('error')) {
+      console.error(formatMessage(module, message), data || '');
+    }
+  },
+
+  warn: (message: string, module: string = 'App', data?: unknown) => {
+    if (shouldLog('warn')) {
+      console.warn(formatMessage(module, message), data || '');
+    }
+  },
+
+  info: (message: string, module: string = 'App', data?: unknown) => {
+    if (shouldLog('info')) {
+      console.info(formatMessage(module, message), data || '');
+    }
+  },
+
+  debug: (message: string, module: string = 'App', data?: unknown) => {
+    if (shouldLog('debug')) {
+      console.log(formatMessage(module, message), data || '');
+    }
+  },
+
+  verbose: (message: string, module: string = 'App', data?: unknown) => {
+    if (shouldLog('verbose')) {
+      console.log(formatMessage(module, message), data || '');
+    }
+  },
+};
@@ -0,0 +1,18 @@
+import { useMemo } from 'react';
+
+/**
+ * Хук для определения безопасного соединения (HTTPS)
+ * @returns {isSecure: boolean} - true если соединение по HTTPS
+ */
+export function useSecureConnection() {
+  const isSecure = useMemo(() => {
+    // Проверка в браузере
+    if (typeof window !== 'undefined' && window.location) {
+      return window.location.protocol === 'https:';
+    }
+    // SSR fallback - считаем небезопасным
+    return false;
+  }, []);
+
+  return { isSecure };
+}
@@ -0,0 +1 @@
+export const APP_VERSION = '2.1.0';
@@ -0,0 +1,83 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import App from '../src/App'
+
+// Мок для страниц и компонентов
+vi.mock('../src/pages/LoginPage', () => ({
+  default: () => <div data-testid="login-page">LoginPage</div>,
+}))
+
+vi.mock('../src/pages/SubscriptionsPage', () => ({
+  default: () => <div data-testid="subscriptions-page">SubscriptionsPage</div>,
+}))
+
+vi.mock('../src/pages/SettingsPage', () => ({
+  default: () => <div data-testid="settings-page">SettingsPage</div>,
+}))
+
+vi.mock('../src/pages/DomainsPage', () => ({
+  default: () => <div data-testid="domains-page">DomainsPage</div>,
+}))
+
+vi.mock('../src/pages/TunnelsPage', () => ({
+  default: () => <div data-testid="tunnels-page">TunnelsPage</div>,
+}))
+
+vi.mock('../src/pages/NotFoundPage', () => ({
+  default: () => <div data-testid="not-found-page">NotFoundPage</div>,
+}))
+
+vi.mock('../src/components/Layout', () => ({
+  default: () => <div data-testid="layout">Layout</div>,
+}))
+
+// Мок для AuthContext
+vi.mock('../src/auth/AuthContext', () => ({
+  AuthProvider: ({ children }: { children: React.ReactNode }) => children,
+  useAuth: () => ({
+    isAuthenticated: false,
+    login: vi.fn(),
+    logout: vi.fn(),
+  }),
+}))
+
+// Мок для ThemeContext
+vi.mock('../src/ThemeContext', () => ({
+  ThemeProvider: ({ children }: { children: React.ReactNode }) => children,
+  useThemeContext: () => ({
+    mode: 'light' as const,
+    toggleColorMode: vi.fn(),
+  }),
+}))
+
+// Мок для AxiosInterceptor
+vi.mock('../src/auth/AxiosInterceptor', () => ({
+  AxiosInterceptor: () => null,
+}))
+
+// Мок для RequireAuth - просто рендерит children
+vi.mock('../src/auth/RequireAuth', () => ({
+  default: ({ children }: { children: React.ReactNode }) => children,
+}))
+
+// Мок для PublicRoute - просто рендерит children
+vi.mock('../src/auth/PublicRoute', () => ({
+  default: ({ children }: { children: React.ReactNode }) => children,
+}))
+
+describe('App', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  it('должен рендериться без ошибок', () => {
+    expect(() => {
+      render(<App />)
+    }).not.toThrow()
+  })
+
+  it('должен содержать Layout компонент', () => {
+    render(<App />)
+    expect(screen.getByTestId('layout')).toBeInTheDocument()
+  })
+})
@@ -0,0 +1,181 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { renderHook, act } from '@testing-library/react'
+import { ThemeProvider, useThemeContext } from '@/ThemeContext'
+import { ReactNode } from 'react'
+
+// Мокаем localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {}
+  return {
+    getItem: vi.fn((key: string) => store[key] || null),
+    setItem: vi.fn((key: string, value: string) => {
+      store[key] = value
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete store[key]
+    }),
+    clear: vi.fn(() => {
+      store = {}
+    }),
+  }
+})()
+
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+})
+
+// Мокаем useMediaQuery
+const useMediaQueryMock = vi.fn()
+vi.mock('@mui/material', async () => {
+  const actual = await vi.importActual('@mui/material')
+  return {
+    ...(actual as object),
+    useMediaQuery: () => useMediaQueryMock(),
+  }
+})
+
+const wrapper = ({ children }: { children: ReactNode }) => (
+  <ThemeProvider>{children}</ThemeProvider>
+)
+
+describe('ThemeContext', () => {
+  beforeEach(() => {
+    localStorageMock.clear()
+    vi.clearAllMocks()
+    useMediaQueryMock.mockReturnValue(false) // light mode by default
+  })
+
+  describe('useThemeContext', () => {
+    it('должен предоставлять context', () => {
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      expect(result.current).toBeDefined()
+    })
+
+    it('должен предоставлять mode и toggleColorMode', () => {
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      expect(result.current.mode).toBeDefined()
+      expect(result.current.toggleColorMode).toBeDefined()
+      expect(typeof result.current.toggleColorMode).toBe('function')
+    })
+  })
+
+  describe('initial state', () => {
+    it('должен инициализироваться с mode из localStorage', () => {
+      localStorageMock.getItem.mockReturnValue('dark')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('dark')
+    })
+
+    it('должен инициализироваться с "system" если mode отсутствует в localStorage', () => {
+      localStorageMock.getItem.mockReturnValue(null)
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('system')
+    })
+  })
+
+  describe('toggleColorMode', () => {
+    it('должен переключать light → dark → system → light', () => {
+      localStorageMock.getItem.mockReturnValue('light')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('light')
+      
+      act(() => {
+        result.current.toggleColorMode()
+      })
+      expect(result.current.mode).toBe('dark')
+      
+      act(() => {
+        result.current.toggleColorMode()
+      })
+      expect(result.current.mode).toBe('system')
+      
+      act(() => {
+        result.current.toggleColorMode()
+      })
+      expect(result.current.mode).toBe('light')
+    })
+
+    it('должен сохранять mode в localStorage при переключении', () => {
+      localStorageMock.getItem.mockReturnValue('light')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      act(() => {
+        result.current.toggleColorMode()
+      })
+      
+      expect(localStorageMock.setItem).toHaveBeenCalledWith('themeMode', 'dark')
+    })
+  })
+
+  describe('system mode', () => {
+    it('должен использовать dark когда prefers-color-scheme: dark', () => {
+      localStorageMock.getItem.mockReturnValue('system')
+      useMediaQueryMock.mockReturnValue(true) // prefers dark
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      // mode должен быть 'system', но тема должна быть dark
+      expect(result.current.mode).toBe('system')
+    })
+
+    it('должен использовать light когда prefers-color-scheme: light', () => {
+      localStorageMock.getItem.mockReturnValue('system')
+      useMediaQueryMock.mockReturnValue(false) // prefers light
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('system')
+    })
+  })
+
+  describe('localStorage persistence', () => {
+    it('должен сохранять mode в localStorage при инициализации', () => {
+      localStorageMock.getItem.mockReturnValue(null)
+      
+      renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(localStorageMock.setItem).toHaveBeenCalledWith('themeMode', 'system')
+    })
+
+    it('должен читать mode из localStorage', () => {
+      localStorageMock.getItem.mockReturnValue('dark')
+      
+      renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(localStorageMock.getItem).toHaveBeenCalledWith('themeMode')
+    })
+  })
+
+  describe('mode values', () => {
+    it('должен поддерживать light mode', () => {
+      localStorageMock.getItem.mockReturnValue('light')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('light')
+    })
+
+    it('должен поддерживать dark mode', () => {
+      localStorageMock.getItem.mockReturnValue('dark')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('dark')
+    })
+
+    it('должен поддерживать system mode', () => {
+      localStorageMock.getItem.mockReturnValue('system')
+      
+      const { result } = renderHook(() => useThemeContext(), { wrapper })
+      
+      expect(result.current.mode).toBe('system')
+    })
+  })
+})
@@ -0,0 +1,298 @@
+// Mock для всех MUI иконок
+// Этот файл автоматически используется vitest для мока @mui/icons-material
+
+import { forwardRef } from 'react'
+
+// Создаем универсальный мок для любой иконки
+const IconMock = forwardRef<SVGSVGElement>((props, ref) => {
+  return (
+    <svg
+      ref={ref}
+      data-testid="mui-icon-mock"
+      focusable="false"
+      viewBox="0 0 24 24"
+      {...props}
+    >
+      <rect width="24" height="24" fill="transparent" />
+    </svg>
+  )
+})
+
+IconMock.displayName = 'IconMock'
+
+// Экспортируем все возможные иконки как один и тот же мок
+export const GitHub = IconMock
+export const YouTube = IconMock
+export const Telegram = IconMock
+export const Brightness7 = IconMock
+export const Brightness4 = IconMock
+export const BrightnessAuto = IconMock
+export const Logout = IconMock
+export const HelpOutline = IconMock
+export const Menu = IconMock
+export const People = IconMock
+export const Settings = IconMock
+export const Dns = IconMock
+export const SwapHoriz = IconMock
+export const Delete = IconMock
+export const Add = IconMock
+export const Terminal = IconMock
+export const CheckCircle = IconMock
+export const Error = IconMock
+export const LinkIcon = IconMock
+export const OpenInNew = IconMock
+export const ContentCopy = IconMock
+export const Router = IconMock
+export const Edit = IconMock
+export const MoreVert = IconMock
+export const Remove = IconMock
+export const Refresh = IconMock
+export const Search = IconMock
+export const FilterList = IconMock
+export const RefreshTwoTone = IconMock
+export const Warning = IconMock
+export const Info = IconMock
+export const Close = IconMock
+export const Check = IconMock
+export const ArrowDownward = IconMock
+export const ArrowUpward = IconMock
+export const MoreHoriz = IconMock
+export const ContentPaste = IconMock
+export const QrCode = IconMock
+export const Usb = IconMock
+export const VpnKey = IconMock
+export const Security = IconMock
+export const Speed = IconMock
+export const Timeline = IconMock
+export const Assessment = IconMock
+export const SettingsApplications = IconMock
+export const CloudDownload = IconMock
+export const CloudUpload = IconMock
+export const Folder = IconMock
+export const FileCopy = IconMock
+export const Save = IconMock
+export const Print = IconMock
+export const DeleteOutline = IconMock
+export const Restore = IconMock
+export const History = IconMock
+export const Schedule = IconMock
+export const AccessTime = IconMock
+export const Today = IconMock
+export const Event = IconMock
+export const Notifications = IconMock
+export const AccountCircle = IconMock
+export const Person = IconMock
+export const Group = IconMock
+export const Public = IconMock
+export const Language = IconMock
+export const Translate = IconMock
+export const Star = IconMock
+export const Favorite = IconMock
+export const Home = IconMock
+export const LocationOn = IconMock
+export const Place = IconMock
+export const Email = IconMock
+export const Phone = IconMock
+export const Chat = IconMock
+export const Message = IconMock
+export const Forum = IconMock
+export const Share = IconMock
+export const Send = IconMock
+export const Inbox = IconMock
+export const Drafts = IconMock
+export const Mail = IconMock
+export const Markunread = IconMock
+export const Lock = IconMock
+export const LockOpen = IconMock
+export const Unlock = IconMock
+export const Visibility = IconMock
+export const VisibilityOff = IconMock
+export const Eye = IconMock
+export const EyeOff = IconMock
+export const ToggleOn = IconMock
+export const ToggleOff = IconMock
+export const RadioButtonChecked = IconMock
+export const RadioButtonUnchecked = IconMock
+export const CheckBox = IconMock
+export const CheckBoxOutlineBlank = IconMock
+export const IndeterminateCheckBox = IconMock
+export const PlusOne = IconMock
+export const ThumbUp = IconMock
+export const ThumbDown = IconMock
+export const Whatshot = IconMock
+export const FavoriteBorder = IconMock
+export const StarBorder = IconMock
+export const Bookmark = IconMock
+export const BookmarkBorder = IconMock
+export const Bookmarks = IconMock
+export const TurnedIn = IconMock
+export const TurnedInNot = IconMock
+export const Label = IconMock
+export const LabelImportant = IconMock
+export const Grade = IconMock
+export const Done = IconMock
+export const Clear = IconMock
+export const Block = IconMock
+export const Ban = IconMock
+export const Stop = IconMock
+export const Pause = IconMock
+export const PlayArrow = IconMock
+export const FastForward = IconMock
+export const FastRewind = IconMock
+export const SkipNext = IconMock
+export const SkipPrevious = IconMock
+export const FiberManualRecord = IconMock
+export const Circle = IconMock
+export const Square = IconMock
+export const Rectangle = IconMock
+export const Triangle = IconMock
+export const NavigateNext = IconMock
+export const NavigateBefore = IconMock
+export const ChevronRight = IconMock
+export const ChevronLeft = IconMock
+export const ExpandMore = IconMock
+export const ExpandLess = IconMock
+export const UnfoldMore = IconMock
+export const UnfoldLess = IconMock
+export const ArrowRight = IconMock
+export const ArrowLeft = IconMock
+export const ArrowBack = IconMock
+export const ArrowForward = IconMock
+export const ArrowDropDown = IconMock
+export const ArrowDropUp = IconMock
+export const Expand = IconMock
+export const SubdirectoryArrowRight = IconMock
+export const SubdirectoryArrowLeft = IconMock
+export const FileDownload = IconMock
+export const FileUpload = IconMock
+export const Attachment = IconMock
+export const Link = IconMock
+export const InsertLink = IconMock
+export const Photo = IconMock
+export const Image = IconMock
+export const PictureAsPdf = IconMock
+export const ImageIcon = IconMock
+export const CameraAlt = IconMock
+export const Videocam = IconMock
+export const Movie = IconMock
+export const MusicNote = IconMock
+export const Mic = IconMock
+export const VolumeUp = IconMock
+export const VolumeOff = IconMock
+export const Headset = IconMock
+export const Headphones = IconMock
+export const Speaker = IconMock
+export const Radio = IconMock
+export const Podcasts = IconMock
+export const Tv = IconMock
+export const DesktopWindows = IconMock
+export const Laptop = IconMock
+export const Computer = IconMock
+export const Tablet = IconMock
+export const Smartphone = IconMock
+export const PhoneIphone = IconMock
+export const PhoneAndroid = IconMock
+export const Devices = IconMock
+export const SmartDisplay = IconMock
+export const Monitor = IconMock
+export const ScreenShare = IconMock
+export const StopScreenShare = IconMock
+export const PresentToAll = IconMock
+export const Cast = IconMock
+export const CastConnected = IconMock
+export const CastForEducation = IconMock
+export const Wifi = IconMock
+export const WifiOff = IconMock
+export const NetworkWifi = IconMock
+export const NetworkCell = IconMock
+export const SignalCellular4Bar = IconMock
+export const SignalWifi4Bar = IconMock
+export const Bluetooth = IconMock
+export const BluetoothConnected = IconMock
+export const BluetoothDisabled = IconMock
+export const GpsFixed = IconMock
+export const GpsNotFixed = IconMock
+export const LocationSearching = IconMock
+export const MyLocation = IconMock
+export const Navigation = IconMock
+export const NearMe = IconMock
+export const Directions = IconMock
+export const DirectionsCar = IconMock
+export const DirectionsBus = IconMock
+export const DirectionsTrain = IconMock
+export const DirectionsBike = IconMock
+export const DirectionsWalk = IconMock
+export const DirectionsRun = IconMock
+export const Flight = IconMock
+export const LocalAirport = IconMock
+export const Hotel = IconMock
+export const Restaurant = IconMock
+export const LocalCafe = IconMock
+export const LocalBar = IconMock
+export const LocalPizza = IconMock
+export const BrunchDining = IconMock
+export const DinnerDining = IconMock
+export const LunchDining = IconMock
+export const Nightlife = IconMock
+export const LocalHospital = IconMock
+export const LocalPharmacy = IconMock
+export const ShoppingBag = IconMock
+export const ShoppingCart = IconMock
+export const ShoppingBasket = IconMock
+export const Store = IconMock
+export const Shop = IconMock
+export const Storefront = IconMock
+export const LocalMall = IconMock
+export const AccountBalance = IconMock
+export const Business = IconMock
+export const CorporateFare = IconMock
+export const Work = IconMock
+export const MeetingRoom = IconMock
+export const Gite = IconMock
+export const House = IconMock
+export const Cottage = IconMock
+export const Apartment = IconMock
+export const Villa = IconMock
+export const OtherHouses = IconMock
+export const Foundation = IconMock
+export const Fence = IconMock
+export const Yard = IconMock
+export const Pool = IconMock
+export const HotTub = IconMock
+export const Spa = IconMock
+export const FitnessCenter = IconMock
+export const SportsGymnasium = IconMock
+export const SportsBasketball = IconMock
+export const SportsFootball = IconMock
+export const SportsSoccer = IconMock
+export const SportsTennis = IconMock
+export const SportsVolleyball = IconMock
+export const SportsBaseball = IconMock
+export const SportsCricket = IconMock
+export const SportsGolf = IconMock
+export const SportsHockey = IconMock
+export const SportsMma = IconMock
+export const SportsMotorsports = IconMock
+export const SportsRugby = IconMock
+export const SportsScore = IconMock
+export const SportsHandball = IconMock
+export const SportsKabaddi = IconMock
+export const Rowing = IconMock
+export const Surfing = IconMock
+export const Kitesurfing = IconMock
+export const Snowboarding = IconMock
+export const DownhillSkiing = IconMock
+export const Snowshoeing = IconMock
+export const IceSkating = IconMock
+export const Curling = IconMock
+export const Sailing = IconMock
+export const Kayaking = IconMock
+export const Rafting = IconMock
+export const ScubaDiving = IconMock
+export const Diving = IconMock
+export const Fishing = IconMock
+export const Hiking = IconMock
+export const RunningWithErrors = IconMock
+
+// Экспорт по умолчанию
+export default IconMock
@@ -0,0 +1,70 @@
+// Mock для всех MUI иконок
+const createIconMock = (name) => {
+  const IconMock = (props) => {
+    return <span data-testid={`icon-${name}`} {...props} />
+  }
+  IconMock.displayName = name
+  return IconMock
+}
+
+// Экспортируем все иконки динамически
+const icons = [
+  'GitHub', 'YouTube', 'Telegram', 'Brightness7', 'Brightness4', 'BrightnessAuto',
+  'Logout', 'HelpOutline', 'Menu', 'People', 'Settings', 'Dns', 'SwapHoriz',
+  'Delete', 'Add', 'Terminal', 'CheckCircle', 'Error', 'LinkIcon', 'OpenInNew',
+  'ContentCopy', 'Router', 'Edit', 'MoreVert', 'Remove', 'Refresh', 'Search',
+  'FilterList', 'RefreshTwoTone', 'Warning', 'Info', 'Close', 'Check',
+  'ArrowDownward', 'ArrowUpward', 'MoreHoriz', 'ContentPaste', 'QrCode', 'Usb',
+  'VpnKey', 'Security', 'Speed', 'Timeline', 'Assessment', 'SettingsApplications',
+  'CloudDownload', 'CloudUpload', 'Folder', 'FileCopy', 'Save', 'Print',
+  'DeleteOutline', 'Restore', 'History', 'Schedule', 'AccessTime', 'Today',
+  'Event', 'Notifications', 'AccountCircle', 'Person', 'Group', 'Public',
+  'Language', 'Translate', 'Star', 'Favorite', 'Home', 'LocationOn', 'Place',
+  'Email', 'Phone', 'Chat', 'Message', 'Forum', 'Share', 'Send', 'Inbox',
+  'Drafts', 'Mail', 'Markunread', 'Lock', 'LockOpen', 'Unlock', 'Visibility',
+  'VisibilityOff', 'Eye', 'EyeOff', 'ToggleOn', 'ToggleOff', 'RadioButtonChecked',
+  'RadioButtonUnchecked', 'CheckBox', 'CheckBoxOutlineBlank', 'IndeterminateCheckBox',
+  'PlusOne', 'ThumbUp', 'ThumbDown', 'Whatshot', 'FavoriteBorder', 'StarBorder',
+  'Bookmark', 'BookmarkBorder', 'Bookmarks', 'TurnedIn', 'TurnedInNot', 'Label',
+  'LabelImportant', 'Grade', 'Done', 'Clear', 'Block', 'Ban', 'Stop', 'Pause',
+  'PlayArrow', 'FastForward', 'FastRewind', 'SkipNext', 'SkipPrevious',
+  'FiberManualRecord', 'Circle', 'Square', 'Rectangle', 'Triangle', 'NavigateNext',
+  'NavigateBefore', 'ChevronRight', 'ChevronLeft', 'ExpandMore', 'ExpandLess',
+  'UnfoldMore', 'UnfoldLess', 'ArrowRight', 'ArrowLeft', 'ArrowBack', 'ArrowForward',
+  'ArrowDropDown', 'ArrowDropUp', 'Expand', 'SubdirectoryArrowRight',
+  'SubdirectoryArrowLeft', 'FileDownload', 'FileUpload', 'Attachment', 'Link',
+  'InsertLink', 'Photo', 'Image', 'PictureAsPdf', 'ImageIcon', 'CameraAlt',
+  'Videocam', 'Movie', 'MusicNote', 'Mic', 'VolumeUp', 'VolumeOff', 'Headset',
+  'Headphones', 'Speaker', 'Radio', 'Podcasts', 'Tv', 'DesktopWindows', 'Laptop',
+  'Computer', 'Tablet', 'Smartphone', 'PhoneIphone', 'PhoneAndroid', 'Devices',
+  'SmartDisplay', 'Monitor', 'ScreenShare', 'StopScreenShare', 'PresentToAll',
+  'Cast', 'CastConnected', 'CastForEducation', 'Wifi', 'WifiOff', 'NetworkWifi',
+  'NetworkCell', 'SignalCellular4Bar', 'SignalWifi4Bar', 'Bluetooth',
+  'BluetoothConnected', 'BluetoothDisabled', 'GpsFixed', 'GpsNotFixed',
+  'LocationSearching', 'MyLocation', 'Navigation', 'NearMe', 'Directions',
+  'DirectionsCar', 'DirectionsBus', 'DirectionsTrain', 'DirectionsBike',
+  'DirectionsWalk', 'DirectionsRun', 'Flight', 'LocalAirport', 'Hotel',
+  'Restaurant', 'LocalCafe', 'LocalBar', 'LocalPizza', 'BrunchDining',
+  'DinnerDining', 'LunchDining', 'Nightlife', 'LocalHospital', 'LocalPharmacy',
+  'ShoppingBag', 'ShoppingCart', 'ShoppingBasket', 'Store', 'Shop', 'Storefront',
+  'LocalMall', 'AccountBalance', 'Business', 'CorporateFare', 'Work',
+  'MeetingRoom', 'Gite', 'House', 'Cottage', 'Apartment', 'Villa', 'OtherHouses',
+  'Foundation', 'Fence', 'Yard', 'Pool', 'HotTub', 'Spa', 'FitnessCenter',
+  'SportsGymnasium', 'SportsBasketball', 'SportsFootball', 'SportsSoccer',
+  'SportsTennis', 'SportsVolleyball', 'SportsBaseball', 'SportsCricket',
+  'SportsGolf', 'SportsHockey', 'SportsMma', 'SportsMotorsports', 'SportsRugby',
+  'SportsScore', 'SportsHandball', 'SportsKabaddi', 'Rowing', 'Surfing',
+  'Kitesurfing', 'Snowboarding', 'DownhillSkiing', 'Snowshoeing', 'IceSkating',
+  'Curling', 'Sailing', 'Kayaking', 'Rafting', 'ScubaDiving', 'Diving', 'Fishing',
+  'Hiking', 'RunningWithErrors', 'PlayCircleFilled', 'PauseCircleFilled',
+  'CheckCircle', 'Dns'
+]
+
+// Создаем экспорт для каждой иконки
+const exportsObj = {}
+icons.forEach(name => {
+  exportsObj[name] = createIconMock(name)
+})
+
+module.exports = exportsObj
+module.exports.default = createIconMock('DefaultIcon')
@@ -0,0 +1,5 @@
+{
+  "name": "@mui/icons-material",
+  "main": "index.js",
+  "module": "index.js"
+}
@@ -0,0 +1,173 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+
+// Мок для localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {}
+  return {
+    getItem: vi.fn((key: string) => store[key] || null),
+    setItem: vi.fn((key: string, value: string) => { store[key] = value }),
+    removeItem: vi.fn((key: string) => { delete store[key] }),
+    clear: vi.fn(() => { store = {} }),
+  }
+})()
+
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+})
+
+// Динамический импорт после настройки моков
+let api: typeof import('@/api').default
+
+describe('api', () => {
+  beforeEach(async () => {
+    vi.clearAllMocks()
+    // Очищаем модуль перед каждым тестом
+    await vi.resetModules()
+    const module = await import('@/api')
+    api = module.default
+  })
+
+  afterEach(() => {
+    vi.restoreAllMocks()
+  })
+
+  describe('API instance', () => {
+    it('должен быть создан с baseURL /api', () => {
+      expect(api.defaults.baseURL).toBe('/api')
+    })
+  })
+
+  describe('Request interceptor', () => {
+    it('должен добавлять токен из localStorage в заголовок Authorization', async () => {
+      localStorageMock.getItem.mockReturnValue('test-token')
+      
+      const mockAdapter = vi.fn(() => Promise.resolve({ data: {}, status: 200, headers: {}, config: {} }))
+      api.defaults.adapter = mockAdapter
+      
+      await api.get('/test')
+      
+      const config = mockAdapter.mock.calls[0][0]
+      expect(config.headers.get('Authorization')).toBe('Bearer test-token')
+    })
+
+    it('не должен добавлять токен если он отсутствует', async () => {
+      localStorageMock.getItem.mockReturnValue(null)
+      
+      const mockAdapter = vi.fn(() => Promise.resolve({ data: {}, status: 200, headers: {}, config: {} }))
+      api.defaults.adapter = mockAdapter
+      
+      await api.get('/test')
+      
+      const config = mockAdapter.mock.calls[0][0]
+      expect(config.headers.get('Authorization')).toBeFalsy()
+    })
+
+    it('должен логировать запрос с существующим токеном', async () => {
+      localStorageMock.getItem.mockReturnValue('test-token')
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => Promise.resolve({ data: {}, status: 200, headers: {}, config: {} }))
+      api.defaults.adapter = mockAdapter
+      
+      await api.get('/test')
+      
+      expect(consoleSpy).toHaveBeenCalledWith(expect.stringContaining('Token: EXISTS'), expect.any(String))
+      consoleSpy.mockRestore()
+    })
+
+    it('должен логировать запрос без токена', async () => {
+      localStorageMock.getItem.mockReturnValue(null)
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => Promise.resolve({ data: {}, status: 200, headers: {}, config: {} }))
+      api.defaults.adapter = mockAdapter
+      
+      await api.get('/test')
+      
+      expect(consoleSpy).toHaveBeenCalledWith(expect.stringContaining('Token: NULL'), expect.any(String))
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('Response interceptor', () => {
+    it('должен логировать успешный ответ', async () => {
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => 
+        Promise.resolve({ 
+          data: { result: 'ok' }, 
+          status: 200, 
+          headers: {}, 
+          config: { method: 'get', url: '/test' } 
+        })
+      )
+      api.defaults.adapter = mockAdapter
+      
+      const response = await api.get('/test')
+      
+      expect(response.status).toBe(200)
+      expect(consoleSpy).toHaveBeenCalledWith(expect.stringContaining('200 OK'), expect.any(String))
+      consoleSpy.mockRestore()
+    })
+
+    it('должен логировать ошибку с status кодом', async () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => 
+        Promise.reject({ 
+          response: { status: 401, data: { message: 'Unauthorized' } },
+          config: { method: 'get', url: '/test' }
+        })
+      )
+      api.defaults.adapter = mockAdapter
+      
+      await expect(api.get('/test')).rejects.toThrow()
+      
+      expect(consoleSpy).toHaveBeenCalledWith(
+        expect.stringContaining('ERROR 401: Unauthorized'),
+        expect.any(String)
+      )
+      consoleSpy.mockRestore()
+    })
+
+    it('должен логировать сетевую ошибку без status', async () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => 
+        Promise.reject({ 
+          message: 'Network Error',
+          config: { method: 'get', url: '/test' }
+        })
+      )
+      api.defaults.adapter = mockAdapter
+      
+      await expect(api.get('/test')).rejects.toThrow()
+      
+      expect(consoleSpy).toHaveBeenCalledWith(
+        expect.stringContaining('ERROR NETWORK: Network Error'),
+        expect.any(String)
+      )
+      consoleSpy.mockRestore()
+    })
+
+    it('должен возвращать сообщение из response.data.message', async () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      
+      const mockAdapter = vi.fn(() => 
+        Promise.reject({ 
+          response: { status: 400, data: { message: 'Bad Request' } },
+          config: { method: 'post', url: '/create' }
+        })
+      )
+      api.defaults.adapter = mockAdapter
+      
+      await expect(api.post('/create')).rejects.toThrow()
+      
+      expect(consoleSpy).toHaveBeenCalledWith(
+        expect.stringContaining('Bad Request'),
+        expect.any(String)
+      )
+      consoleSpy.mockRestore()
+    })
+  })
+})
@@ -0,0 +1,233 @@
+import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest'
+import { renderHook, act } from '@testing-library/react'
+import { AuthProvider, useAuth } from '@/auth/AuthContext'
+import { ReactNode } from 'react'
+import api from '@/api'
+
+// Мокаем localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {}
+  return {
+    getItem: vi.fn((key: string) => store[key] || null),
+    setItem: vi.fn((key: string, value: string) => {
+      store[key] = value
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete store[key]
+    }),
+    clear: vi.fn(() => {
+      store = {}
+    }),
+  }
+})()
+
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+})
+
+// Мокаем api.post для logout
+vi.mock('@/api', () => ({
+  default: {
+    post: vi.fn().mockResolvedValue({ data: { success: true } }),
+    interceptors: {
+      request: { use: vi.fn(), eject: vi.fn() },
+      response: { use: vi.fn(), eject: vi.fn() },
+    },
+  },
+}))
+
+const wrapper = ({ children }: { children: ReactNode }) => (
+  <AuthProvider>{children}</AuthProvider>
+)
+
+describe('AuthContext', () => {
+  const originalLocation = window.location
+
+  beforeEach(() => {
+    localStorageMock.clear()
+    vi.clearAllMocks()
+
+    Object.defineProperty(window, 'location', {
+      value: {
+        href: 'http://localhost/',
+      },
+      writable: true,
+      configurable: true,
+    })
+  })
+
+  afterEach(() => {
+    Object.defineProperty(window, 'location', {
+      value: originalLocation,
+      writable: true,
+      configurable: true,
+    })
+  })
+
+  describe('useAuth', () => {
+    it('должен выбрасывать ошибку при использовании вне AuthProvider', () => {
+      // Отключаем console.error для этого теста
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+
+      expect(() => {
+        renderHook(() => useAuth())
+      }).toThrow('useAuth must be used within an AuthProvider')
+
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('initial state', () => {
+    it('должен инициализироваться с token из localStorage', () => {
+      localStorageMock.getItem.mockReturnValue('test-token-123')
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.token).toBe('test-token-123')
+      expect(result.current.isAuthenticated).toBe(true)
+      expect(localStorageMock.getItem).toHaveBeenCalledWith('token')
+    })
+
+    it('должен инициализироваться с null если token отсутствует в localStorage', () => {
+      localStorageMock.getItem.mockReturnValue(null)
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.token).toBe(null)
+      expect(result.current.isAuthenticated).toBe(false)
+    })
+  })
+
+  describe('login', () => {
+    it('должен сохранять токен в localStorage и state', () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      act(() => {
+        result.current.login('new-token-456')
+      })
+
+      expect(result.current.token).toBe('new-token-456')
+      expect(result.current.isAuthenticated).toBe(true)
+      expect(localStorageMock.setItem).toHaveBeenCalledWith('token', 'new-token-456')
+    })
+
+    it('должен обновлять isAuthenticated после login', () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.isAuthenticated).toBe(false)
+
+      act(() => {
+        result.current.login('another-token')
+      })
+
+      expect(result.current.isAuthenticated).toBe(true)
+    })
+  })
+
+  describe('logout', () => {
+    it('должен удалять токен из localStorage и state', async () => {
+      localStorageMock.getItem.mockReturnValue('existing-token')
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.token).toBe('existing-token')
+
+      await act(async () => {
+        await result.current.logout()
+      })
+
+      expect(result.current.token).toBe(null)
+      expect(result.current.isAuthenticated).toBe(false)
+      expect(localStorageMock.removeItem).toHaveBeenCalledWith('token')
+      expect(api.post).toHaveBeenCalledWith('/auth/logout')
+    })
+
+    it('должен корректно работать logout когда token уже null', async () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      await act(async () => {
+        await result.current.logout()
+      })
+
+      expect(result.current.token).toBe(null)
+      expect(result.current.isAuthenticated).toBe(false)
+      expect(localStorageMock.removeItem).toHaveBeenCalledWith('token')
+    })
+  })
+
+  describe('isAuthenticated', () => {
+    it('должен возвращать true когда token существует', () => {
+      localStorageMock.getItem.mockReturnValue('valid-token')
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.isAuthenticated).toBe(true)
+    })
+
+    it('должен возвращать false когда token null', () => {
+      localStorageMock.getItem.mockReturnValue(null)
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.isAuthenticated).toBe(false)
+    })
+
+    it('должен возвращать false когда token пустая строка', () => {
+      localStorageMock.getItem.mockReturnValue('')
+
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.isAuthenticated).toBe(false)
+    })
+  })
+
+  describe('context methods', () => {
+    it('должен предоставлять метод login', () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.login).toBeDefined()
+      expect(typeof result.current.login).toBe('function')
+    })
+
+    it('должен предоставлять метод logout', () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      expect(result.current.logout).toBeDefined()
+      expect(typeof result.current.logout).toBe('function')
+    })
+  })
+
+  describe('multiple login/logout cycles', () => {
+    it('должен корректно обрабатывать несколько циклов login/logout', async () => {
+      const { result } = renderHook(() => useAuth(), { wrapper })
+
+      // Первый цикл
+      act(() => {
+        result.current.login('token-1')
+      })
+      expect(result.current.token).toBe('token-1')
+
+      await act(async () => {
+        await result.current.logout()
+      })
+      expect(result.current.token).toBe(null)
+
+      // Второй цикл
+      act(() => {
+        result.current.login('token-2')
+      })
+      expect(result.current.token).toBe('token-2')
+
+      await act(async () => {
+        await result.current.logout()
+      })
+      expect(result.current.token).toBe(null)
+
+      // Третий цикл
+      act(() => {
+        result.current.login('token-3')
+      })
+      expect(result.current.token).toBe('token-3')
+    })
+  })
+})
@@ -0,0 +1,174 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, waitFor } from '@testing-library/react'
+import { MemoryRouter } from 'react-router-dom'
+import { AxiosInterceptor } from '../../src/auth/AxiosInterceptor'
+import { AuthProvider } from '../../src/auth/AuthContext'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { Logger } from '../../src/utils/logger'
+
+const mockNavigate = vi.fn()
+const mockLogout = vi.fn()
+
+// Мок api с интерсепторами - используем vi.hoisted для подъёма
+const mocks = vi.hoisted(() => ({
+  responseUse: vi.fn(),
+  responseEject: vi.fn(),
+}))
+
+vi.mock('../../src/api', () => ({
+  default: {
+    interceptors: {
+      request: {
+        use: vi.fn(),
+        eject: vi.fn(),
+      },
+      response: {
+        use: mocks.responseUse,
+        eject: mocks.responseEject,
+      },
+    },
+  },
+}))
+
+// Мок react-router-dom
+vi.mock('react-router-dom', async () => {
+  const actual = await vi.importActual('react-router-dom')
+  return {
+    ...(actual as object),
+    useNavigate: () => mockNavigate,
+    useLocation: () => ({ pathname: '/subscriptions' }),
+  }
+})
+
+// Мок AuthContext
+vi.mock('../../src/auth/AuthContext', async () => {
+  const actual = await vi.importActual('../../src/auth/AuthContext')
+  return {
+    ...(actual as object),
+    useAuth: () => ({ logout: mockLogout }),
+  }
+})
+
+vi.mock('../../src/utils/logger', () => ({
+  Logger: {
+    warn: vi.fn(),
+    debug: vi.fn(),
+    error: vi.fn(),
+    info: vi.fn(),
+  },
+}))
+
+describe('AxiosInterceptor', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockNavigate.mockClear()
+    mockLogout.mockClear()
+    vi.mocked(Logger.warn).mockClear()
+    vi.mocked(Logger.debug).mockClear()
+    mocks.responseUse.mockClear()
+    mocks.responseEject.mockClear()
+  })
+
+  it('должен рендериться без ошибок и возвращать null', () => {
+    const { container } = render(
+      <MemoryRouter>
+        <AuthProvider>
+          <ThemeProvider>
+            <AxiosInterceptor />
+          </ThemeProvider>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+    expect(container.firstChild).toBeNull()
+  })
+
+  it('должен регистрировать interceptor при монтировании', async () => {
+    render(
+      <MemoryRouter>
+        <AuthProvider>
+          <ThemeProvider>
+            <AxiosInterceptor />
+          </ThemeProvider>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    await waitFor(() => {
+      expect(mocks.responseUse).toHaveBeenCalled()
+    })
+
+    // Проверяем что был зарегистрирован обработчик
+    const interceptorCall = vi.mocked(mocks.responseUse).mock.calls[0]
+    expect(interceptorCall).toBeDefined()
+    expect(typeof interceptorCall?.[0]).toBe('function') // success handler
+    expect(typeof interceptorCall?.[1]).toBe('function') // error handler
+  })
+
+  it('должен пропускать успешные ответы', () => {
+    const successHandler = (response: unknown) => response
+
+    const response = { data: { test: 'value' }, status: 200 }
+    const result = successHandler(response)
+
+    expect(result).toEqual(response)
+  })
+
+  it('должен отклонять ошибки не 401', async () => {
+    const errorHandler = (error: unknown) => Promise.reject(error)
+
+    const errorResponse = { response: { status: 500 } }
+
+    await expect(errorHandler(errorResponse)).rejects.toEqual(errorResponse)
+  })
+
+  it('должен удалять interceptor при размонтировании', async () => {
+    const { unmount } = render(
+      <MemoryRouter>
+        <AuthProvider>
+          <ThemeProvider>
+            <AxiosInterceptor />
+          </ThemeProvider>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    await waitFor(() => {
+      expect(mocks.responseUse).toHaveBeenCalled()
+    })
+
+    unmount()
+
+    expect(mocks.responseEject).toHaveBeenCalled()
+  })
+
+  it('должен обрабатывать 401 ошибки', async () => {
+    render(
+      <MemoryRouter>
+        <AuthProvider>
+          <ThemeProvider>
+            <AxiosInterceptor />
+          </ThemeProvider>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    await waitFor(() => {
+      expect(mocks.responseUse).toHaveBeenCalled()
+    })
+
+    const interceptorCall = vi.mocked(mocks.responseUse).mock.calls[0]
+    const errorHandler = interceptorCall?.[1]
+
+    if (errorHandler) {
+      try {
+        await errorHandler({ response: { status: 401 } })
+      } catch {
+        // Ожидаем что ошибка будет проброшена дальше
+      }
+    }
+
+    // Проверяем что logout и navigate были вызваны
+    expect(mockLogout).toHaveBeenCalled()
+    expect(mockNavigate).toHaveBeenCalledWith('/login')
+  })
+})
@@ -0,0 +1,135 @@
+import { describe, it, expect, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { MemoryRouter, Routes, Route } from 'react-router-dom'
+import PublicRoute from '@/auth/PublicRoute'
+import { AuthProvider } from '@/auth/AuthContext'
+
+// Мокаем localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {}
+  return {
+    getItem: vi.fn((key: string) => store[key] || null),
+    setItem: vi.fn((key: string, value: string) => {
+      store[key] = value
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete store[key]
+    }),
+    clear: vi.fn(() => {
+      store = {}
+    }),
+  }
+})()
+
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+})
+
+describe('PublicRoute', () => {
+  beforeEach(() => {
+    localStorageMock.clear()
+    vi.clearAllMocks()
+  })
+
+  it('должен рендерить Outlet когда пользователь не авторизован', () => {
+    localStorageMock.getItem.mockReturnValue(null)
+
+    render(
+      <MemoryRouter initialEntries={['/login']}>
+        <AuthProvider>
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+            </Route>
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    expect(screen.getByTestId('login-page')).toBeInTheDocument()
+    expect(screen.getByText('Login Page')).toBeInTheDocument()
+  })
+
+  it('должен перенаправлять на / когда пользователь авторизован', () => {
+    localStorageMock.getItem.mockReturnValue('valid-token')
+
+    render(
+      <MemoryRouter initialEntries={['/login']}>
+        <AuthProvider>
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+            </Route>
+            <Route path="/" element={<div data-testid="home-page">Home Page</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Должен показать главную страницу вместо login
+    expect(screen.getByTestId('home-page')).toBeInTheDocument()
+    expect(screen.getByText('Home Page')).toBeInTheDocument()
+  })
+
+  it('должен работать с несколькими публичными роутами', () => {
+    localStorageMock.getItem.mockReturnValue(null)
+
+    render(
+      <MemoryRouter initialEntries={['/register']}>
+        <AuthProvider>
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+              <Route path="/register" element={<div data-testid="register-page">Register Page</div>} />
+            </Route>
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    expect(screen.getByTestId('register-page')).toBeInTheDocument()
+    expect(screen.getByText('Register Page')).toBeInTheDocument()
+  })
+
+  it('должен перенаправлять авторизованного пользователя с любого публичного роута', () => {
+    localStorageMock.getItem.mockReturnValue('valid-token')
+
+    render(
+      <MemoryRouter initialEntries={['/register']}>
+        <AuthProvider>
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+              <Route path="/register" element={<div data-testid="register-page">Register Page</div>} />
+            </Route>
+            <Route path="/" element={<div data-testid="home-page">Home Page</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Должен показать главную страницу
+    expect(screen.getByTestId('home-page')).toBeInTheDocument()
+    expect(screen.queryByTestId('register-page')).not.toBeInTheDocument()
+  })
+
+  it('должен использовать replace при перенаправлении', () => {
+    localStorageMock.getItem.mockReturnValue('valid-token')
+
+    const { container } = render(
+      <MemoryRouter initialEntries={['/login']}>
+        <AuthProvider>
+          <Routes>
+            <Route element={<PublicRoute />}>
+              <Route path="/login" element={<div>Login</div>} />
+            </Route>
+            <Route path="/" element={<div>Home</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Проверяем что рендерится Home
+    expect(container.textContent).toContain('Home')
+  })
+})
@@ -0,0 +1,186 @@
+import { describe, it, expect, vi } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { MemoryRouter, Routes, Route } from 'react-router-dom'
+import RequireAuth from '@/auth/RequireAuth'
+import { AuthProvider } from '@/auth/AuthContext'
+
+// Мокаем localStorage
+const localStorageMock = (() => {
+  let store: Record<string, string> = {}
+  return {
+    getItem: vi.fn((key: string) => store[key] || null),
+    setItem: vi.fn((key: string, value: string) => {
+      store[key] = value
+    }),
+    removeItem: vi.fn((key: string) => {
+      delete store[key]
+    }),
+    clear: vi.fn(() => {
+      store = {}
+    }),
+  }
+})()
+
+Object.defineProperty(window, 'localStorage', {
+  value: localStorageMock,
+})
+
+describe('RequireAuth', () => {
+  beforeEach(() => {
+    localStorageMock.clear()
+    vi.clearAllMocks()
+  })
+
+  it('должен рендерить children когда пользователь авторизован', () => {
+    localStorageMock.getItem.mockReturnValue('valid-token')
+
+    render(
+      <MemoryRouter initialEntries={['/protected']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/protected"
+              element={
+                <RequireAuth>
+                  <div data-testid="protected-content">Protected Content</div>
+                </RequireAuth>
+              }
+            />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    expect(screen.getByTestId('protected-content')).toBeInTheDocument()
+    expect(screen.getByText('Protected Content')).toBeInTheDocument()
+  })
+
+  it('должен перенаправлять на /login когда пользователь не авторизован', () => {
+    localStorageMock.getItem.mockReturnValue(null)
+
+    render(
+      <MemoryRouter initialEntries={['/protected']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/protected"
+              element={
+                <RequireAuth>
+                  <div data-testid="protected-content">Protected Content</div>
+                </RequireAuth>
+              }
+            />
+            <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    expect(screen.getByTestId('login-page')).toBeInTheDocument()
+    expect(screen.getByText('Login Page')).toBeInTheDocument()
+  })
+
+  it('должен сохранять state.from с текущим location при перенаправлении на login', () => {
+    localStorageMock.getItem.mockReturnValue(null)
+
+    render(
+      <MemoryRouter initialEntries={['/settings']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/settings"
+              element={
+                <RequireAuth>
+                  <div data-testid="settings-content">Settings</div>
+                </RequireAuth>
+              }
+            />
+            <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Должен показать login страницу
+    expect(screen.getByTestId('login-page')).toBeInTheDocument()
+  })
+
+  it('должен использовать replace: true при перенаправлении', () => {
+    // Этот тест проверяет поведение Navigate компонента
+    // В реальном сценарии replace предотвращает добавление записи в историю
+    localStorageMock.getItem.mockReturnValue(null)
+
+    const { container } = render(
+      <MemoryRouter initialEntries={['/protected']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/protected"
+              element={
+                <RequireAuth>
+                  <div>Protected</div>
+                </RequireAuth>
+              }
+            />
+            <Route path="/login" element={<div>Login</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Проверяем что рендерится login
+    expect(container.textContent).toContain('Login')
+  })
+
+  it('должен работать с вложенными роутами', () => {
+    localStorageMock.getItem.mockReturnValue('valid-token')
+
+    render(
+      <MemoryRouter initialEntries={['/dashboard/profile']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/dashboard/*"
+              element={
+                <RequireAuth>
+                  <Routes>
+                    <Route path="profile" element={<div data-testid="profile">Profile</div>} />
+                  </Routes>
+                </RequireAuth>
+              }
+            />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    expect(screen.getByTestId('profile')).toBeInTheDocument()
+  })
+
+  it('должен блокировать доступ к защищённому маршруту без авторизации', () => {
+    localStorageMock.getItem.mockReturnValue(null)
+
+    render(
+      <MemoryRouter initialEntries={['/admin']}>
+        <AuthProvider>
+          <Routes>
+            <Route
+              path="/admin"
+              element={
+                <RequireAuth>
+                  <div data-testid="admin-content">Admin Panel</div>
+                </RequireAuth>
+              }
+            />
+            <Route path="/login" element={<div data-testid="login-page">Login Page</div>} />
+          </Routes>
+        </AuthProvider>
+      </MemoryRouter>
+    )
+
+    // Контент админки не должен быть доступен
+    expect(screen.queryByTestId('admin-content')).not.toBeInTheDocument()
+    // Должна показываться страница логина
+    expect(screen.getByTestId('login-page')).toBeInTheDocument()
+  })
+})
@@ -0,0 +1,78 @@
+import { describe, it, expect } from 'vitest'
+import { render, screen } from '@testing-library/react'
+import { MemoryRouter } from 'react-router-dom'
+import Footer from '../../src/components/Footer'
+
+describe('Footer', () => {
+  const renderFooter = (props: Partial<React.ComponentProps<typeof Footer>> = {}) => {
+    return render(
+      <MemoryRouter>
+        <Footer {...props} />
+      </MemoryRouter>
+    )
+  }
+
+  it('должен рендериться с логотипом', () => {
+    renderFooter()
+    const logo = screen.getByAltText('Logo')
+    expect(logo).toBeInTheDocument()
+    expect(logo).toHaveAttribute('src', '/img/logo.png')
+  })
+
+  it('должен отображать ссылку на документацию', () => {
+    renderFooter()
+    const docLink = screen.getByText('Документация')
+    expect(docLink).toBeInTheDocument()
+    expect(docLink).toHaveAttribute('href', 'https://3dp-manager.com/docs/intro')
+    expect(docLink).toHaveAttribute('target', '_blank')
+    expect(docLink).toHaveAttribute('rel', 'noopener')
+  })
+
+  it('должен отображать иконку GitHub', () => {
+    renderFooter()
+    const githubButton = screen.getByLabelText('GitHub')
+    expect(githubButton).toBeInTheDocument()
+    expect(githubButton.closest('a')).toHaveAttribute(
+      'href',
+      'https://github.com/denpiligrim/3dp-manager'
+    )
+  })
+
+  it('должен отображать иконку YouTube', () => {
+    renderFooter()
+    const youtubeButton = screen.getByLabelText('YouTube')
+    expect(youtubeButton).toBeInTheDocument()
+    expect(youtubeButton.closest('a')).toHaveAttribute(
+      'href',
+      'https://youtube.com/@denpiligrim'
+    )
+  })
+
+  it('должен отображать иконку Telegram', () => {
+    renderFooter()
+    const telegramButton = screen.getByLabelText('Telegram')
+    expect(telegramButton).toBeInTheDocument()
+    expect(telegramButton.closest('a')).toHaveAttribute(
+      'href',
+      'https://t.me/denpiligrim_web'
+    )
+  })
+
+  it('должен принимать prop isMobile', () => {
+    renderFooter({ isMobile: true })
+    expect(screen.getByAltText('Logo')).toBeInTheDocument()
+  })
+
+  it('должен иметь правильный семантический тег footer', () => {
+    renderFooter()
+    expect(screen.getByRole('contentinfo')).toBeInTheDocument()
+  })
+
+  it('должен иметь правильный layout с Grid', () => {
+    renderFooter()
+    // Проверяем, что все три колонки присутствуют
+    expect(screen.getByText('Документация')).toBeInTheDocument()
+    expect(screen.getByLabelText('GitHub')).toBeInTheDocument()
+    expect(screen.getByAltText('Logo')).toBeInTheDocument()
+  })
+})
@@ -0,0 +1,213 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { MemoryRouter } from 'react-router-dom'
+import Header from '../../src/components/Header'
+import { useThemeContext } from '../../src/ThemeContext'
+import { useAuth } from '../../src/auth/AuthContext'
+
+vi.mock('../../src/ThemeContext', () => ({
+  useThemeContext: vi.fn(),
+}))
+
+vi.mock('../../src/auth/AuthContext', () => ({
+  useAuth: vi.fn(),
+}))
+
+describe('Header', () => {
+  const mockToggleColorMode = vi.fn()
+  const mockLogout = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    vi.mocked(useThemeContext).mockReturnValue({
+      mode: 'light',
+      toggleColorMode: mockToggleColorMode,
+    })
+    vi.mocked(useAuth).mockReturnValue({
+      isAuthenticated: true,
+      login: vi.fn(),
+      logout: mockLogout,
+    })
+  })
+
+  const renderHeader = (props: Partial<React.ComponentProps<typeof Header>> = {}) => {
+    return render(
+      <MemoryRouter>
+        <Header {...props} />
+      </MemoryRouter>
+    )
+  }
+
+  it('должен рендериться с логотипом и названием', () => {
+    renderHeader()
+    expect(screen.getByText('3DP-MANAGER')).toBeInTheDocument()
+    const logo = screen.getByAltText('Logo')
+    expect(logo).toBeInTheDocument()
+    expect(logo).toHaveAttribute('src', '/img/logo.png')
+  })
+
+  it('должен отображать иконку справки', () => {
+    renderHeader()
+    const helpButton = screen.getByLabelText('Справка о программе')
+    expect(helpButton).toBeInTheDocument()
+  })
+
+  it('должен открывать диалог справки при клике на иконку справки', async () => {
+    renderHeader()
+    const helpButton = screen.getByLabelText('Справка о программе')
+    fireEvent.click(helpButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Об утилите 3DP-MANAGER')).toBeInTheDocument()
+    })
+    expect(screen.getByText(/Утилита для автогенерации инбаундов/)).toBeInTheDocument()
+  })
+
+  it('должен закрывать диалог справки при клике на кнопку "Понятно"', async () => {
+    renderHeader()
+    const helpButton = screen.getByLabelText('Справка о программе')
+    fireEvent.click(helpButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Об утилите 3DP-MANAGER')).toBeInTheDocument()
+    })
+    
+    const closeButton = screen.getByText('Понятно')
+    fireEvent.click(closeButton)
+    
+    await waitFor(() => {
+      expect(screen.queryByText('Об утилите 3DP-MANAGER')).not.toBeInTheDocument()
+    })
+  })
+
+  it('должен отображать иконку темы', () => {
+    renderHeader()
+    const themeButton = screen.getByLabelText('Режим: Светлая тема')
+    expect(themeButton).toBeInTheDocument()
+  })
+
+  it('должен вызывать toggleColorMode при клике на иконку темы', () => {
+    renderHeader()
+    const themeButton = screen.getByLabelText('Режим: Светлая тема')
+    fireEvent.click(themeButton)
+    expect(mockToggleColorMode).toHaveBeenCalled()
+  })
+
+  it('должен отображать правильную иконку для light mode', () => {
+    vi.mocked(useThemeContext).mockReturnValue({
+      mode: 'light',
+      toggleColorMode: mockToggleColorMode,
+    })
+    renderHeader()
+    expect(screen.getByLabelText('Режим: Светлая тема')).toBeInTheDocument()
+  })
+
+  it('должен отображать правильную иконку для dark mode', () => {
+    vi.mocked(useThemeContext).mockReturnValue({
+      mode: 'dark',
+      toggleColorMode: mockToggleColorMode,
+    })
+    renderHeader()
+    expect(screen.getByLabelText('Режим: Темная тема')).toBeInTheDocument()
+  })
+
+  it('должен отображать правильную иконку для system mode', () => {
+    vi.mocked(useThemeContext).mockReturnValue({
+      mode: 'system',
+      toggleColorMode: mockToggleColorMode,
+    })
+    renderHeader()
+    expect(screen.getByLabelText('Режим: Системная тема')).toBeInTheDocument()
+  })
+
+  it('должен отображать иконку выхода', () => {
+    renderHeader()
+    const logoutButton = screen.getByLabelText('Выйти из системы')
+    expect(logoutButton).toBeInTheDocument()
+  })
+
+  it('должен открывать диалог подтверждения при клике на выход', async () => {
+    renderHeader()
+    const logoutButton = screen.getByLabelText('Выйти из системы')
+    fireEvent.click(logoutButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Вы действительно хотите выйти?')).toBeInTheDocument()
+    })
+  })
+
+  it('должен закрывать диалог подтверждения при клике на "Отмена"', async () => {
+    renderHeader()
+    const logoutButton = screen.getByLabelText('Выйти из системы')
+    fireEvent.click(logoutButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Вы действительно хотите выйти?')).toBeInTheDocument()
+    })
+    
+    const cancelButton = screen.getByText('Отмена')
+    fireEvent.click(cancelButton)
+    
+    await waitFor(() => {
+      expect(screen.queryByText('Вы действительно хотите выйти?')).not.toBeInTheDocument()
+    })
+  })
+
+  it('должен вызывать logout при подтверждении выхода', async () => {
+    renderHeader()
+    const logoutButton = screen.getByLabelText('Выйти из системы')
+    fireEvent.click(logoutButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Вы действительно хотите выйти?')).toBeInTheDocument()
+    })
+    
+    const confirmButton = screen.getByText('Выйти')
+    fireEvent.click(confirmButton)
+    
+    expect(mockLogout).toHaveBeenCalled()
+  })
+
+  it('должен принимать prop isMobile', () => {
+    renderHeader({ isMobile: true })
+    expect(screen.getByText('3DP-MANAGER')).toBeInTheDocument()
+  })
+
+  it('должен отображать кнопку меню в мобильном режиме', () => {
+    const onMenuClick = vi.fn()
+    renderHeader({ isMobile: true, onMenuClick })
+    
+    const menuButton = screen.getByTestId('icon-Menu').closest('button')
+    expect(menuButton).toBeInTheDocument()
+    
+    if (menuButton) {
+      fireEvent.click(menuButton)
+      expect(onMenuClick).toHaveBeenCalled()
+    }
+  })
+
+  it('должен отображать версию в диалоге справки', async () => {
+    renderHeader()
+    const helpButton = screen.getByLabelText('Справка о программе')
+    fireEvent.click(helpButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText(/Разработчик:/)).toBeInTheDocument()
+    })
+    // Версия отображается отдельным текстом с br переносом
+    expect(screen.getByText(/\d+\.\d+\.\d+/)).toBeInTheDocument()
+  })
+
+  it('должен отображать список возможностей в диалоге справки', async () => {
+    renderHeader()
+    const helpButton = screen.getByLabelText('Справка о программе')
+    fireEvent.click(helpButton)
+    
+    await waitFor(() => {
+      expect(screen.getByText('Автоматическая генерация')).toBeInTheDocument()
+    })
+    expect(screen.getByText('Управление подписками')).toBeInTheDocument()
+    expect(screen.getByText('Белый список доменов')).toBeInTheDocument()
+    expect(screen.getByText('Перенаправление')).toBeInTheDocument()
+  })
+})
@@ -0,0 +1,136 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent } from '@testing-library/react'
+import { MemoryRouter, Route, Routes } from 'react-router-dom'
+import Layout from '../../src/components/Layout'
+import { useThemeContext } from '../../src/ThemeContext'
+import { useAuth } from '../../src/auth/AuthContext'
+
+vi.mock('../../src/ThemeContext', () => ({
+  useThemeContext: vi.fn(),
+}))
+
+vi.mock('../../src/auth/AuthContext', () => ({
+  useAuth: vi.fn(),
+}))
+
+describe('Layout', () => {
+  const mockToggleColorMode = vi.fn()
+  const mockLogout = vi.fn()
+
+  beforeEach(() => {
+    vi.clearAllMocks()
+    vi.mocked(useThemeContext).mockReturnValue({
+      mode: 'light',
+      toggleColorMode: mockToggleColorMode,
+    })
+    vi.mocked(useAuth).mockReturnValue({
+      isAuthenticated: true,
+      login: vi.fn(),
+      logout: mockLogout,
+    })
+  })
+
+  const renderLayout = (initialPath = '/') => {
+    return render(
+      <MemoryRouter initialEntries={[initialPath]}>
+        <Routes>
+          <Route path="/" element={<Layout />}>
+            <Route index element={<div data-testid="outlet">SubscriptionsPage</div>} />
+            <Route path="domains" element={<div data-testid="outlet">DomainsPage</div>} />
+            <Route path="tunnels" element={<div data-testid="outlet">TunnelsPage</div>} />
+            <Route path="settings" element={<div data-testid="outlet">SettingsPage</div>} />
+          </Route>
+        </Routes>
+      </MemoryRouter>
+    )
+  }
+
+  it('должен рендериться без ошибок', () => {
+    renderLayout()
+    expect(screen.getByTestId('outlet')).toBeInTheDocument()
+  })
+
+  it('должен отображать Header', () => {
+    renderLayout()
+    expect(screen.getByText('3DP-MANAGER')).toBeInTheDocument()
+  })
+
+  it('должен отображать навигационное меню', () => {
+    renderLayout()
+    expect(screen.getByText('Подписки')).toBeInTheDocument()
+    expect(screen.getByText('Домены')).toBeInTheDocument()
+    expect(screen.getByText('Перенаправление')).toBeInTheDocument()
+    expect(screen.getByText('Настройки')).toBeInTheDocument()
+  })
+
+  it('должен выделять активный пункт меню для главной страницы', () => {
+    renderLayout('/')
+    const subscriptionsItem = screen.getByText('Подписки').closest('.Mui-selected')
+    expect(subscriptionsItem).toBeInTheDocument()
+  })
+
+  it('должен выделять активный пункт меню для страницы доменов', () => {
+    renderLayout('/domains')
+    const domainsItem = screen.getByText('Домены').closest('.Mui-selected')
+    expect(domainsItem).toBeInTheDocument()
+  })
+
+  it('должен выделять активный пункт меню для страницы туннелей', () => {
+    renderLayout('/tunnels')
+    const tunnelsItem = screen.getByText('Перенаправление').closest('.Mui-selected')
+    expect(tunnelsItem).toBeInTheDocument()
+  })
+
+  it('должен выделять активный пункт меню для страницы настроек', () => {
+    renderLayout('/settings')
+    const settingsItem = screen.getByText('Настройки').closest('.Mui-selected')
+    expect(settingsItem).toBeInTheDocument()
+  })
+
+  it('должен переходить на главную при клике на "Подписки"', () => {
+    renderLayout('/domains')
+    const subscriptionsLink = screen.getByText('Подписки')
+    fireEvent.click(subscriptionsLink)
+    expect(screen.getByText('SubscriptionsPage')).toBeInTheDocument()
+  })
+
+  it('должен переходить на страницу доменов при клике на "Домены"', () => {
+    renderLayout('/')
+    const domainsLink = screen.getByText('Домены')
+    fireEvent.click(domainsLink)
+    expect(screen.getByText('DomainsPage')).toBeInTheDocument()
+  })
+
+  it('должен переходить на страницу туннелей при клике на "Перенаправление"', () => {
+    renderLayout('/')
+    const tunnelsLink = screen.getByText('Перенаправление')
+    fireEvent.click(tunnelsLink)
+    expect(screen.getByText('TunnelsPage')).toBeInTheDocument()
+  })
+
+  it('должен переходить на страницу настроек при клике на "Настройки"', () => {
+    renderLayout('/')
+    const settingsLink = screen.getByText('Настройки')
+    fireEvent.click(settingsLink)
+    expect(screen.getByText('SettingsPage')).toBeInTheDocument()
+  })
+
+  it('должен отображать Footer', () => {
+    renderLayout()
+    expect(screen.getByRole('contentinfo')).toBeInTheDocument()
+  })
+
+  it('должен иметь правильную структуру с main и Toolbar', () => {
+    renderLayout()
+    const main = screen.getByTestId('outlet').closest('main')
+    expect(main).toBeInTheDocument()
+  })
+
+  it('должен иметь правильные иконки для пунктов меню', () => {
+    renderLayout()
+    expect(screen.getByTestId('icon-People')).toBeInTheDocument()
+    expect(screen.getByTestId('icon-Dns')).toBeInTheDocument()
+    expect(screen.getByTestId('icon-SwapHoriz')).toBeInTheDocument()
+    expect(screen.getByTestId('icon-Settings')).toBeInTheDocument()
+  })
+})
@@ -0,0 +1,175 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import SecurityWarning from '../../src/components/SecurityWarning'
+
+// Мок для navigator.clipboard
+const mockWriteText = vi.fn()
+Object.assign(navigator, {
+  clipboard: {
+    writeText: mockWriteText,
+  },
+})
+
+// Мок для document.execCommand (fallback для старых браузеров)
+const mockExecCommand = vi.fn()
+beforeEach(() => {
+  vi.clearAllMocks()
+  document.execCommand = mockExecCommand
+})
+
+describe('SecurityWarning', () => {
+  const INSTALL_COMMAND = 'bash <(curl -fsSL https://raw.githubusercontent.com/denpiligrim/3dp-manager/main/install.sh)'
+
+  const renderWarning = () => {
+    return render(<SecurityWarning />)
+  }
+
+  describe('рендеринг', () => {
+    it('должен рендериться с заголовком предупреждения', () => {
+      renderWarning()
+      expect(
+        screen.getByText(/3DP-MANAGER работает в небезопасном режиме/i)
+      ).toBeInTheDocument()
+    })
+
+    it('должен отображать предупреждение о паролях', () => {
+      renderWarning()
+      expect(
+        screen.getByText(/Не вводите реальные пароли от 3x-ui панели/i)
+      ).toBeInTheDocument()
+    })
+
+    it('должен отображать инструкцию по переустановке', () => {
+      renderWarning()
+      expect(
+        screen.getByText(/Для безопасной работы переустановите 3DP-MANAGER с SSL-сертификатами/i)
+      ).toBeInTheDocument()
+    })
+
+    it('должен отображать команду установки', () => {
+      renderWarning()
+      expect(screen.getByText(INSTALL_COMMAND)).toBeInTheDocument()
+    })
+
+    it('должен отображать кнопку копирования команды', () => {
+      renderWarning()
+      expect(screen.getByText('Копировать')).toBeInTheDocument()
+    })
+
+    it('должен отображать иконку копирования', () => {
+      renderWarning()
+      expect(screen.getByTestId('icon-ContentCopy')).toBeInTheDocument()
+    })
+
+    it('должен иметь семантически правильный Alert', () => {
+      renderWarning()
+      const alert = screen.getByRole('alert')
+      expect(alert).toBeInTheDocument()
+    })
+  })
+
+  describe('копирование команды', () => {
+    it('должен копировать команду в буфер обмена при клике', async () => {
+      mockWriteText.mockResolvedValue(undefined)
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(mockWriteText).toHaveBeenCalledWith(INSTALL_COMMAND)
+      })
+    })
+
+    it('должен показывать уведомление "Скопировано" после копирования', async () => {
+      mockWriteText.mockResolvedValue(undefined)
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Скопировано')).toBeInTheDocument()
+      })
+    })
+
+    it('должен использовать fallback при отсутствии navigator.clipboard', async () => {
+      // Мок ошибки clipboard API
+      mockWriteText.mockRejectedValue(new Error('Not supported'))
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(mockExecCommand).toHaveBeenCalledWith('copy')
+      })
+    })
+
+    it('должен показывать уведомление "Скопировано" при использовании fallback', async () => {
+      mockWriteText.mockRejectedValue(new Error('Not supported'))
+      mockExecCommand.mockReturnValue(true)
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Скопировано')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Snackbar уведомление', () => {
+    it('должен показывать уведомление после копирования', async () => {
+      mockWriteText.mockResolvedValue(undefined)
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Скопировано')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать уведомление при клике на кнопку закрытия', async () => {
+      mockWriteText.mockResolvedValue(undefined)
+
+      renderWarning()
+      const copyButton = screen.getByText('Копировать')
+      fireEvent.click(copyButton)
+
+      // Ждём появления уведомления
+      await waitFor(() => {
+        expect(screen.getByText('Скопировано')).toBeInTheDocument()
+      })
+
+      // Находим кнопку закрытия по иконке Close
+      const closeButton = screen.getByTestId('icon-Close').closest('button')
+      if (closeButton) {
+        fireEvent.click(closeButton)
+      }
+
+      // Уведомление закрыто
+      await waitFor(() => {
+        expect(screen.queryByText('Скопировано')).not.toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('стили компонента', () => {
+    it('должен иметь variant="filled"', () => {
+      renderWarning()
+      const alert = screen.getByRole('alert')
+      // Проверяем что Alert имеет filled стиль (проверка через классы MUI)
+      expect(alert).toHaveClass('MuiAlert-filledWarning')
+    })
+
+    it('должен отображать код в monospace шрифте', () => {
+      renderWarning()
+      const codeBlock = screen.getByText(INSTALL_COMMAND)
+      expect(codeBlock.tagName).toBe('CODE')
+    })
+  })
+})
@@ -0,0 +1,26 @@
+import { vi } from 'vitest'
+
+// Мок для window.matchMedia
+Object.defineProperty(window, 'matchMedia', {
+  writable: true,
+  value: vi.fn().mockImplementation(query => ({
+    matches: false,
+    media: query,
+    onchange: null,
+    addListener: vi.fn(),
+    removeListener: vi.fn(),
+    addEventListener: vi.fn(),
+    removeEventListener: vi.fn(),
+    dispatchEvent: vi.fn(),
+  })),
+})
+
+// Мок для scrollIntoView
+Element.prototype.scrollIntoView = vi.fn()
+
+// Мок для IntersectionObserver
+window.IntersectionObserver = vi.fn(() => ({
+  observe: vi.fn(),
+  unobserve: vi.fn(),
+  disconnect: vi.fn(),
+}))
@@ -0,0 +1,623 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import DomainsPage from '../../src/pages/DomainsPage'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { AuthProvider } from '../../src/auth/AuthContext'
+
+const mockGet = vi.fn()
+const mockPost = vi.fn()
+const mockDelete = vi.fn()
+
+vi.mock('../../src/api', () => ({
+  default: {
+    get: (...args: unknown[]) => mockGet(...args),
+    post: (...args: unknown[]) => mockPost(...args),
+    delete: (...args: unknown[]) => mockDelete(...args),
+  },
+}))
+
+beforeEach(() => {
+  vi.clearAllMocks()
+  vi.spyOn(console, 'log').mockImplementation(() => {})
+  vi.spyOn(console, 'debug').mockImplementation(() => {})
+  vi.spyOn(console, 'warn').mockImplementation(() => {})
+  vi.spyOn(console, 'error').mockImplementation(() => {})
+
+  Object.defineProperty(window, 'localStorage', {
+    value: {
+      getItem: vi.fn(() => null),
+      setItem: vi.fn(),
+      removeItem: vi.fn(),
+      clear: vi.fn(),
+    },
+    writable: true,
+  })
+})
+
+afterEach(() => {
+  vi.restoreAllMocks()
+})
+
+const setupMockGet = (overrides?: {
+  domains?: { data: unknown[]; total: number }
+  capabilities?: unknown
+  status?: unknown
+  settings?: unknown
+}) => {
+  mockGet.mockImplementation((url: string) => {
+    if (url.startsWith('/domains?page=')) {
+      return Promise.resolve({ data: overrides?.domains || { data: [], total: 0 } })
+    }
+    if (url === '/domains/scan/capabilities') {
+      return Promise.resolve({ data: overrides?.capabilities || { scannerAvailable: false } })
+    }
+    if (url === '/domains/scan/status') {
+      return Promise.resolve({ data: overrides?.status || { running: false } })
+    }
+    if (url === '/settings') {
+      return Promise.resolve({ data: overrides?.settings || {} })
+    }
+    return Promise.resolve({ data: {} })
+  })
+}
+
+const renderDomainsPage = () => {
+  return render(
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <DomainsPage />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  )
+}
+
+describe('DomainsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Рендеринг', () => {
+    it('должен рендериться с заголовком', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Белый список доменов (SNI)')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать поле для добавления домена', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByLabelText('Доменное имя')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать кнопку "Добавить"', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Добавить')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать кнопку "Из файла"', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Из файла')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать таблицу доменов', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'example.com' }], total: 1 }
+      })
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('example.com')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать сообщение при отсутствии доменов', async () => {
+      setupMockGet({ domains: { data: [], total: 0 } })
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Нет доменов')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Загрузка данных', () => {
+    it('должен загружать домены при монтировании', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains?page=1&limit=10')
+      })
+    })
+
+    it('должен загружать возможности сканера', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains/scan/capabilities')
+      })
+    })
+
+    it('должен загружать настройки', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/settings')
+      })
+    })
+  })
+
+  describe('Пагинация', () => {
+    it('должен отображать пагинацию', async () => {
+      setupMockGet({ domains: { data: [{ id: 1, name: 'test.com' }], total: 25 } })
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByRole('combobox')).toBeInTheDocument()
+      })
+    })
+
+    it('должен переключать страницу при клике на следующую', async () => {
+      setupMockGet({ domains: { data: [{ id: 1, name: 'test.com' }], total: 25 } })
+      renderDomainsPage()
+
+      const nextPageButton = await screen.findByLabelText('Go to next page')
+      fireEvent.click(nextPageButton)
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains?page=2&limit=10')
+      })
+    })
+
+    it('должен менять количество строк на странице', async () => {
+      setupMockGet({ domains: { data: [{ id: 1, name: 'test.com' }], total: 25 } })
+      renderDomainsPage()
+
+      const rowsPerPageSelect = await screen.findByLabelText('Доменов на странице:')
+      fireEvent.mouseDown(rowsPerPageSelect)
+
+      const option = await screen.findByText('25')
+      fireEvent.click(option)
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains?page=1&limit=25')
+      })
+    })
+  })
+
+  describe('Добавление домена', () => {
+    it('должен позволять вводить домен', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      const input = await screen.findByLabelText('Доменное имя')
+      fireEvent.change(input, { target: { value: 'newdomain.com' } })
+
+      expect(input).toHaveValue('newdomain.com')
+    })
+
+    it('должен добавлять домен при клике на кнопку', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const input = await screen.findByLabelText('Доменное имя')
+      fireEvent.change(input, { target: { value: 'newdomain.com' } })
+
+      const addButton = screen.getByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/domains', { name: 'newdomain.com' })
+      })
+    })
+
+    it('должен очищать поле после добавления', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const input = await screen.findByLabelText('Доменное имя')
+      fireEvent.change(input, { target: { value: 'newdomain.com' } })
+
+      const addButton = screen.getByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(input).toHaveValue('')
+      })
+    })
+
+    it('должен перезагружать список после добавления', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const input = await screen.findByLabelText('Доменное имя')
+      fireEvent.change(input, { target: { value: 'newdomain.com' } })
+
+      const addButton = screen.getByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains?page=1&limit=10')
+      })
+    })
+  })
+
+  describe('Удаление домена', () => {
+    it('должен отображать кнопку удаления для домена', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      renderDomainsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      expect(deleteButton).toBeInTheDocument()
+    })
+
+    it('должен удалять домен при клике на кнопку удаления', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      await waitFor(() => {
+        expect(mockDelete).toHaveBeenCalledWith('/domains/1')
+      })
+    })
+
+    it('должен перезагружать список после удаления', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains?page=1&limit=10')
+      })
+    })
+  })
+
+  describe('Удаление всех доменов', () => {
+    it('должен отображать кнопку "Удалить все"', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Удалить все')).toBeInTheDocument()
+      })
+    })
+
+    it('должен открывать диалог подтверждения удаления всех', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(deleteAllButton)
+
+      await waitFor(() => {
+        expect(screen.getByRole('dialog')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог при клике на "Отмена"', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(deleteAllButton)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByRole('dialog')).not.toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Загрузка из файла', () => {
+    it('должен отображать кнопку "Из файла"', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Из файла')).toBeInTheDocument()
+      })
+    })
+
+    it('должен иметь скрытый input type="file"', async () => {
+      setupMockGet()
+      renderDomainsPage()
+
+      const fileInput = screen.getByTestId('file-input')
+      expect(fileInput).toBeInTheDocument()
+    })
+
+    it('должен загружать файл при выборе', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { count: 5 } })
+
+      renderDomainsPage()
+
+      const fileInput = screen.getByTestId('file-input') as HTMLInputElement
+      const file = new File(['example.com\ntest.org'], 'domains.txt', { type: 'text/plain' })
+
+      fireEvent.change(fileInput, { target: { files: [file] } })
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/domains/upload', { domains: expect.any(Array) })
+      })
+    })
+
+    it('должен показывать успех после загрузки файла', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { count: 5 } })
+
+      renderDomainsPage()
+
+      const fileInput = screen.getByTestId('file-input') as HTMLInputElement
+      const file = new File(['example.com\ntest.org'], 'domains.txt', { type: 'text/plain' })
+
+      fireEvent.change(fileInput, { target: { files: [file] } })
+
+      await waitFor(() => {
+        expect(screen.getByText('Успешно добавлено доменов: 5')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Сканер доменов', () => {
+    it('должен отображать кнопку "Сканировать" в аккордеоне', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true }
+      })
+      renderDomainsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Сканировать')).toBeInTheDocument()
+      })
+    })
+
+    it('должен запускать сканирование при валидных данных', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true },
+        settings: { xui_ip: '1.2.3.4' }
+      })
+      mockPost.mockResolvedValue({ data: { runId: '123', foundCount: 5, domains: ['a.com', 'b.com'] } })
+
+      renderDomainsPage()
+
+      const scanButton = await screen.findByText('Сканировать')
+      fireEvent.click(scanButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/domains/scan/start', expect.objectContaining({
+          addr: expect.any(String),
+        }))
+      })
+    })
+
+    it('должен очищать результаты сканирования', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true },
+        settings: { xui_ip: '1.2.3.4' }
+      })
+      mockPost.mockResolvedValue({ data: { runId: '123', foundCount: 2, domains: ['a.com', 'b.com'] } })
+
+      renderDomainsPage()
+
+      const scanButton = await screen.findByText('Сканировать')
+      fireEvent.click(scanButton)
+
+      const clearButton = await screen.findByText('Очистить предварительный')
+      fireEvent.click(clearButton)
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalled()
+      })
+    })
+
+    it('должен изменять настройки сканирования', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true },
+        settings: { xui_ip: '1.2.3.4' }
+      })
+
+      renderDomainsPage()
+
+      const secondsInput = await screen.findByLabelText('Секунд скана')
+      fireEvent.change(secondsInput, { target: { value: '120' } })
+      expect(secondsInput).toHaveValue(120)
+
+      const threadInput = screen.getByLabelText('Потоков')
+      fireEvent.change(threadInput, { target: { value: '8' } })
+      expect(threadInput).toHaveValue(8)
+
+      const timeoutInput = screen.getByLabelText('Таймаут, сек')
+      fireEvent.change(timeoutInput, { target: { value: '10' } })
+      expect(timeoutInput).toHaveValue(10)
+    })
+
+    it('должен разворачивать/сворачивать аккордеон сканера', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true }
+      })
+
+      renderDomainsPage()
+
+      const accordionSummary = await screen.findByText('Автопоиск SNI (backend scanner)')
+      
+      fireEvent.click(accordionSummary)
+
+      await waitFor(() => {
+        const secondsInput = screen.getByLabelText('Секунд скана')
+        expect(secondsInput).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать сообщение при пустом списке кандидатов после сканирования', async () => {
+      setupMockGet({
+        capabilities: { scannerAvailable: true },
+        settings: { xui_ip: '1.2.3.4' }
+      })
+      mockPost.mockResolvedValue({ data: { runId: '123', foundCount: 0, domains: [] } })
+
+      renderDomainsPage()
+
+      const scanButton = await screen.findByText('Сканировать')
+      fireEvent.click(scanButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Домены не найдены')).toBeInTheDocument()
+      })
+    })
+
+    it('должен сохранять состояние сканера в localStorage', async () => {
+      const mockSetItem = vi.fn()
+      const mockLocalStorage = {
+        getItem: vi.fn().mockReturnValue(null),
+        setItem: mockSetItem,
+        removeItem: vi.fn(),
+        clear: vi.fn(),
+      }
+      Object.defineProperty(window, 'localStorage', { value: mockLocalStorage, writable: true })
+
+      setupMockGet({
+        capabilities: { scannerAvailable: true },
+        settings: { xui_ip: '1.2.3.4' }
+      })
+
+      renderDomainsPage()
+
+      const addrInput = await screen.findByLabelText('IP/домен VPS')
+      fireEvent.change(addrInput, { target: { value: 'new-addr.com' } })
+
+      await waitFor(() => {
+        expect(mockSetItem).toHaveBeenCalledWith(
+          'domains_scan_state_v1',
+          expect.any(String)
+        )
+      })
+    })
+
+    it('должен показывать кнопку удаления для домена в основном списке', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+
+      renderDomainsPage()
+
+      const deleteButtons = await screen.findAllByTestId('icon-Delete')
+      expect(deleteButtons.length).toBeGreaterThan(0)
+    })
+
+    it('должен подтверждать удаление всех доменов', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(deleteAllButton)
+
+      const confirmButton = await screen.findByText('Удалить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockDelete).toHaveBeenCalledWith('/domains/all')
+      })
+    })
+
+    it('должен показывать успех после удаления всех доменов', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockResolvedValue({})
+
+      renderDomainsPage()
+
+      const deleteAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(deleteAllButton)
+
+      const confirmButton = await screen.findByText('Удалить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        const alerts = screen.getAllByRole('alert')
+        const successAlert = alerts.find(alert => alert.textContent?.includes('Все домены удалены'))
+        expect(successAlert).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неудачном удалении всех доменов', async () => {
+      setupMockGet({
+        domains: { data: [{ id: 1, name: 'test.com' }], total: 1 }
+      })
+      mockDelete.mockRejectedValue({ response: { status: 500 } })
+
+      renderDomainsPage()
+
+      const deleteAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(deleteAllButton)
+
+      const confirmButton = await screen.findByText('Удалить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        const alerts = screen.getAllByRole('alert')
+        const errorAlert = alerts.find(alert => alert.textContent?.includes('Ошибка удаления'))
+        expect(errorAlert).toBeInTheDocument()
+      })
+    })
+  })
+})
@@ -0,0 +1,110 @@
+import { describe, it, expect, vi, beforeEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import LoginPage from '../../src/pages/LoginPage'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { AuthProvider } from '../../src/auth/AuthContext'
+
+const mockNavigate = vi.fn()
+const mockLogin = vi.fn()
+
+vi.mock('react-router-dom', async () => {
+  const actual = await vi.importActual('react-router-dom')
+  return {
+    ...(actual as object),
+    useNavigate: () => mockNavigate,
+  }
+})
+
+vi.mock('../../src/auth/AuthContext', async () => {
+  const actual = await vi.importActual('../../src/auth/AuthContext')
+  return {
+    ...(actual as object),
+    useAuth: () => ({ login: mockLogin }),
+  }
+})
+
+vi.mock('../../src/api', () => ({
+  default: {
+    post: vi.fn(),
+  },
+}))
+
+const renderLoginPage = () => {
+  return render(
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <LoginPage />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  )
+}
+
+describe('LoginPage', () => {
+  beforeEach(() => {
+    mockNavigate.mockClear()
+    mockLogin.mockClear()
+    vi.clearAllMocks()
+  })
+
+  it('должен отображать заголовок с версией', () => {
+    renderLoginPage()
+    expect(screen.getByText(/Вход в 3DP-MANAGER/)).toBeInTheDocument()
+  })
+
+  it('должен отображать поля ввода логина и пароля', () => {
+    renderLoginPage()
+    expect(screen.getByLabelText('Логин')).toBeInTheDocument()
+    expect(screen.getByLabelText('Пароль')).toBeInTheDocument()
+  })
+
+  it('должен отображать кнопку "Войти"', () => {
+    renderLoginPage()
+    expect(screen.getByText('Войти')).toBeInTheDocument()
+  })
+
+  it('должен позволять вводить текст в поля', () => {
+    renderLoginPage()
+    const loginField = screen.getByLabelText('Логин')
+    const passwordField = screen.getByLabelText('Пароль')
+
+    fireEvent.change(loginField, { target: { value: 'admin' } })
+    fireEvent.change(passwordField, { target: { value: 'password123' } })
+
+    expect(loginField).toHaveValue('admin')
+    expect(passwordField).toHaveValue('password123')
+  })
+
+  it('должен показывать ошибку при неверных учетных данных', async () => {
+    const api = await import('../../src/api')
+    vi.mocked(api.default.post).mockRejectedValue({ response: { status: 401 } })
+
+    renderLoginPage()
+    
+    fireEvent.change(screen.getByLabelText('Логин'), { target: { value: 'admin' } })
+    fireEvent.change(screen.getByLabelText('Пароль'), { target: { value: 'wrong' } })
+    fireEvent.click(screen.getByText('Войти'))
+
+    await waitFor(() => {
+      expect(screen.getByText('Неверный логин или пароль')).toBeInTheDocument()
+    })
+  })
+
+  it('должен выполнять навигацию на главную при успешном входе', async () => {
+    const api = await import('../../src/api')
+    vi.mocked(api.default.post).mockResolvedValue({ data: { access_token: 'fake-token' } })
+
+    renderLoginPage()
+    
+    fireEvent.change(screen.getByLabelText('Логин'), { target: { value: 'admin' } })
+    fireEvent.change(screen.getByLabelText('Пароль'), { target: { value: 'password' } })
+    fireEvent.click(screen.getByText('Войти'))
+
+    await waitFor(() => {
+      expect(mockLogin).toHaveBeenCalledWith('fake-token')
+      expect(mockNavigate).toHaveBeenCalledWith('/')
+    })
+  })
+})
@@ -0,0 +1,44 @@
+import { describe, it, expect, vi } from 'vitest'
+import { render, screen, fireEvent } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import NotFoundPage from '../../src/pages/NotFoundPage'
+
+const mockNavigate = vi.fn()
+vi.mock('react-router-dom', async () => {
+  const actual = await vi.importActual('react-router-dom')
+  return {
+    ...(actual as object),
+    useNavigate: () => mockNavigate,
+  }
+})
+
+const renderNotFoundPage = () => {
+  return render(
+    <BrowserRouter>
+      <NotFoundPage />
+    </BrowserRouter>
+  )
+}
+
+describe('NotFoundPage', () => {
+  it('должен отображать код ошибки 404', () => {
+    renderNotFoundPage()
+    expect(screen.getByText('404')).toBeInTheDocument()
+  })
+
+  it('должен отображать сообщение "Страница не найдена"', () => {
+    renderNotFoundPage()
+    expect(screen.getByText('Страница не найдена')).toBeInTheDocument()
+  })
+
+  it('должен иметь кнопку "На главную"', () => {
+    renderNotFoundPage()
+    expect(screen.getByText('На главную')).toBeInTheDocument()
+  })
+
+  it('должен выполнять навигацию на главную при клике на кнопку', () => {
+    renderNotFoundPage()
+    fireEvent.click(screen.getByText('На главную'))
+    expect(mockNavigate).toHaveBeenCalledWith('/')
+  })
+})
@@ -0,0 +1,651 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import SettingsPage from '../../src/pages/SettingsPage'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { AuthProvider } from '../../src/auth/AuthContext'
+
+const mockGet = vi.fn()
+const mockPost = vi.fn()
+const mockPut = vi.fn()
+
+vi.mock('../../src/api', () => ({
+  default: {
+    get: (...args: unknown[]) => mockGet(...args),
+    post: (...args: unknown[]) => mockPost(...args),
+    put: (...args: unknown[]) => mockPut(...args),
+  },
+}))
+
+// Хелпер для настройки мока get по умолчанию
+const setupMockGet = (overrides?: { settings?: Record<string, unknown>, subscriptions?: unknown[] }) => {
+  mockGet.mockImplementation((url: string) => {
+    if (url === '/settings') return Promise.resolve({ data: overrides?.settings || {} })
+    if (url === '/subscriptions') return Promise.resolve({ data: overrides?.subscriptions || [] })
+    return Promise.resolve({ data: {} })
+  })
+}
+
+const renderSettingsPage = () => {
+  return render(
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <SettingsPage />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  )
+}
+
+describe('SettingsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Рендеринг', () => {
+    it('должен рендериться с заголовком', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Настройки утилиты')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать секцию панели 3x-ui', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Панель 3x-ui')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать секцию генерации инбаундов', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Генерация инбаундов')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать поля ввода для 3x-ui', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByLabelText('URL панели')).toBeInTheDocument()
+        expect(screen.getByLabelText('Логин 3x-ui')).toBeInTheDocument()
+        expect(screen.getByLabelText('Пароль 3x-ui')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать поле интервала генерации', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByLabelText('Интервал генерации')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать пресеты интервалов', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Сутки')).toBeInTheDocument()
+        expect(screen.getByText('3 дня')).toBeInTheDocument()
+        expect(screen.getByText('Неделя')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Загрузка настроек', () => {
+    it('должен загружать настройки при монтировании', async () => {
+      const mockSettings = {
+        xui_url: 'https://test.com:2053',
+        xui_login: 'admin',
+        xui_password: 'password',
+        rotation_interval: '60',
+        rotation_status: 'active',
+        last_rotation_timestamp: '1234567890',
+      }
+      setupMockGet({ settings: mockSettings })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/settings')
+      })
+    })
+
+    it('должен загружать подписки при монтировании', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: true }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/subscriptions')
+      })
+    })
+  })
+
+  describe('Изменение полей', () => {
+    it('должен позволять изменять URL панели', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      fireEvent.change(urlField, { target: { value: 'https://new-url.com:2053' } })
+      
+      expect(urlField).toHaveValue('https://new-url.com:2053')
+    })
+
+    it('должен позволять изменять логин 3x-ui', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const loginField = await screen.findByLabelText('Логин 3x-ui')
+      fireEvent.change(loginField, { target: { value: 'newadmin' } })
+      
+      expect(loginField).toHaveValue('newadmin')
+    })
+
+    it('должен позволять изменять пароль 3x-ui', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const passwordField = await screen.findByLabelText('Пароль 3x-ui')
+      fireEvent.change(passwordField, { target: { value: 'newpassword' } })
+      
+      expect(passwordField).toHaveValue('newpassword')
+    })
+  })
+
+  describe('Пресеты интервалов', () => {
+    it('должен отображать пресеты интервалов', async () => {
+      setupMockGet({ settings: { rotation_interval: '30' } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Сутки')).toBeInTheDocument()
+        expect(screen.getByText('3 дня')).toBeInTheDocument()
+        expect(screen.getByText('Неделя')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Сохранение настроек подключения', () => {
+    it('должен показывать ошибку при пустых полях', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const saveButton = await screen.findByText('Сохранить подключение')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText(/Заполните все поля/i)).toBeInTheDocument()
+      })
+    })
+
+    it('должен сохранять настройки при валидных данных', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      const loginField = screen.getByLabelText('Логин 3x-ui')
+      const passwordField = screen.getByLabelText('Пароль 3x-ui')
+      
+      fireEvent.change(urlField, { target: { value: 'https://test.com:2053' } })
+      fireEvent.change(loginField, { target: { value: 'admin' } })
+      fireEvent.change(passwordField, { target: { value: 'password' } })
+      
+      const saveButton = screen.getByText('Сохранить подключение')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/settings', expect.objectContaining({
+          xui_url: 'https://test.com:2053',
+          xui_login: 'admin',
+          xui_password: 'password',
+        }))
+      })
+    })
+
+    it('должен показывать сообщение об успехе после сохранения', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      const loginField = screen.getByLabelText('Логин 3x-ui')
+      const passwordField = screen.getByLabelText('Пароль 3x-ui')
+      
+      fireEvent.change(urlField, { target: { value: 'https://test.com:2053' } })
+      fireEvent.change(loginField, { target: { value: 'admin' } })
+      fireEvent.change(passwordField, { target: { value: 'password' } })
+      
+      const saveButton = screen.getByText('Сохранить подключение')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText('Настройки сохранены!')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Проверка подключения', () => {
+    it('должен проверять подключение при клике на кнопку "Проверить"', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { success: true } })
+      
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      const loginField = screen.getByLabelText('Логин 3x-ui')
+      const passwordField = screen.getByLabelText('Пароль 3x-ui')
+      
+      fireEvent.change(urlField, { target: { value: 'https://test.com:2053' } })
+      fireEvent.change(loginField, { target: { value: 'admin' } })
+      fireEvent.change(passwordField, { target: { value: 'password' } })
+      
+      const checkButton = screen.getByText('Проверить')
+      fireEvent.click(checkButton)
+      
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/settings/check', expect.objectContaining({
+          xui_url: 'https://test.com:2053',
+          xui_login: 'admin',
+          xui_password: 'password',
+        }))
+      })
+    })
+
+    it('должен показывать успех при успешной проверке', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { success: true } })
+      
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      const loginField = screen.getByLabelText('Логин 3x-ui')
+      const passwordField = screen.getByLabelText('Пароль 3x-ui')
+      
+      fireEvent.change(urlField, { target: { value: 'https://test.com:2053' } })
+      fireEvent.change(loginField, { target: { value: 'admin' } })
+      fireEvent.change(passwordField, { target: { value: 'password' } })
+      
+      const checkButton = screen.getByText('Проверить')
+      fireEvent.click(checkButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText('Подключение успешно!')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неудачной проверке', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { success: false } })
+      
+      renderSettingsPage()
+      
+      const urlField = await screen.findByLabelText('URL панели')
+      const loginField = screen.getByLabelText('Логин 3x-ui')
+      const passwordField = screen.getByLabelText('Пароль 3x-ui')
+      
+      fireEvent.change(urlField, { target: { value: 'https://test.com:2053' } })
+      fireEvent.change(loginField, { target: { value: 'admin' } })
+      fireEvent.change(passwordField, { target: { value: 'wrong' } })
+      
+      const checkButton = screen.getByText('Проверить')
+      fireEvent.click(checkButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText(/Ошибка/i)).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Сохранение интервала', () => {
+    it('должен сохранять интервал при клике на кнопку', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const intervalField = await screen.findByLabelText('Интервал генерации')
+      fireEvent.change(intervalField, { target: { value: '120' } })
+      
+      const saveButton = screen.getByText('Применить интервал')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/settings', {
+          rotation_interval: '120',
+        })
+      })
+    })
+
+    it('должен показывать сообщение об успехе после сохранения интервала', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const intervalField = await screen.findByLabelText('Интервал генерации')
+      fireEvent.change(intervalField, { target: { value: '120' } })
+      
+      const saveButton = screen.getByText('Применить интервал')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText('Интервал генерации применён!')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Принудительная ротация', () => {
+    it('должен показывать диалог подтверждения при клике на "Сгенерировать сейчас"', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const rotateButton = await screen.findByText('Сгенерировать сейчас')
+      fireEvent.click(rotateButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText(/ВНИМАНИЕ/i)).toBeInTheDocument()
+      })
+    })
+
+    it('должен выполнять ротацию при подтверждении', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: { success: true, message: 'Ротация выполнена' } })
+      
+      renderSettingsPage()
+      
+      const rotateButton = await screen.findByText('Сгенерировать сейчас')
+      fireEvent.click(rotateButton)
+
+      const confirmButton = await screen.findByText('Сгенерировать')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/rotation/rotate-all')
+      })
+    })
+  })
+
+  describe('Управление авторотацией подписок', () => {
+    it('должен отображать список подписок с чекбоксами', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: true }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Test Sub')).toBeInTheDocument()
+      })
+    })
+
+    it('должен переключать авторотацию при клике на чекбокс', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: true }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      mockPut.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+      
+      await waitFor(() => {
+        expect(mockPut).toHaveBeenCalledWith('/subscriptions/bulk-auto-rotation', expect.anything())
+      })
+    })
+
+    it('должен показывать сообщение при включении авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: false }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      mockPut.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+      
+      await waitFor(() => {
+        expect(screen.getByText('Авторотация включена')).toBeInTheDocument()
+      })
+    })
+
+    it('должен выполнять ручную ротацию при клике на кнопку обновления', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: true }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      mockPost.mockResolvedValue({ data: { message: 'Ротация выполнена' } })
+      
+      renderSettingsPage()
+      
+      const refreshButton = await screen.findByRole('button', { name: /Обновить подписку вручную/i })
+      fireEvent.click(refreshButton)
+      
+      const confirmButton = await screen.findByText('Обновить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/rotation/rotate-one/1')
+      })
+    })
+
+    it('должен выполнять массовое включение авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: false }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      mockPut.mockResolvedValue({ data: { message: 'Настройки обновлены' } })
+      
+      renderSettingsPage()
+      
+      const enableAllButton = await screen.findByText('Включить для всех')
+      fireEvent.click(enableAllButton)
+      
+      await waitFor(() => {
+        expect(mockPut).toHaveBeenCalledWith('/subscriptions/bulk-auto-rotation', expect.objectContaining({
+          enabled: true,
+        }))
+      })
+    })
+
+    it('должен выполнять массовое выключение авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', isAutoRotationEnabled: true }
+      ]
+      mockGet.mockImplementation((url: string) => {
+        if (url === '/subscriptions') return Promise.resolve({ data: mockSubs })
+        return Promise.resolve({ data: {} })
+      })
+      mockPut.mockResolvedValue({ data: { message: 'Настройки обновлены' } })
+      
+      renderSettingsPage()
+      
+      const disableAllButton = await screen.findByText('Выключить для всех')
+      fireEvent.click(disableAllButton)
+      
+      await waitFor(() => {
+        expect(mockPut).toHaveBeenCalledWith('/subscriptions/bulk-auto-rotation', expect.objectContaining({
+          enabled: false,
+        }))
+      })
+    })
+  })
+
+  describe('Обновление профиля администратора', () => {
+    it('должен позволять изменять логин администратора', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const loginField = await screen.findByLabelText('Логин администратора')
+      fireEvent.change(loginField, { target: { value: 'newadmin' } })
+      
+      expect(loginField).toHaveValue('newadmin')
+    })
+
+    it('должен позволять изменять пароль администратора', async () => {
+      setupMockGet()
+      renderSettingsPage()
+      
+      const passwordField = await screen.findByLabelText('Новый пароль')
+      fireEvent.change(passwordField, { target: { value: 'newpassword' } })
+      
+      expect(passwordField).toHaveValue('newpassword')
+    })
+
+    it('должен сохранять профиль администратора', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const loginField = await screen.findByLabelText('Логин администратора')
+      const passwordField = screen.getByLabelText('Новый пароль')
+      
+      fireEvent.change(loginField, { target: { value: 'newadmin' } })
+      fireEvent.change(passwordField, { target: { value: 'newpassword' } })
+      
+      const saveButton = screen.getByText('Обновить профиль')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/auth/update-profile', expect.objectContaining({
+          login: 'newadmin',
+          password: 'newpassword',
+        }))
+      })
+    })
+
+    it('должен показывать сообщение об успехе после обновления профиля', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const loginField = await screen.findByLabelText('Логин администратора')
+      const passwordField = screen.getByLabelText('Новый пароль')
+      
+      fireEvent.change(loginField, { target: { value: 'newadmin' } })
+      fireEvent.change(passwordField, { target: { value: 'newpassword' } })
+      
+      const saveButton = screen.getByText('Обновить профиль')
+      fireEvent.click(saveButton)
+      
+      await waitFor(() => {
+        expect(screen.getByText('Профиль администратора обновлен!')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Пауза/возобновление ротации', () => {
+    it('должен отображать статус "Активен" при active статусе', async () => {
+      setupMockGet({ settings: { rotation_status: 'active' } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Активен')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать статус "Остановлен" при stopped статусе', async () => {
+      setupMockGet({ settings: { rotation_status: 'stopped' } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Остановлен')).toBeInTheDocument()
+      })
+    })
+
+    it('должен переключать статус при клике на кнопку паузы', async () => {
+      setupMockGet({ settings: { rotation_status: 'active' } })
+      mockPost.mockResolvedValue({ data: {} })
+      
+      renderSettingsPage()
+      
+      const pauseButton = await screen.findByRole('button', { name: 'Поставить на паузу' })
+      fireEvent.click(pauseButton)
+      
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/settings', expect.objectContaining({
+          rotation_status: 'stopped',
+        }))
+      })
+    })
+  })
+
+  describe('Отображение дат ротации', () => {
+    it('должен отображать дату последней ротации', async () => {
+      setupMockGet({ settings: { last_rotation_timestamp: '1234567890' } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Последняя генерация')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать дату следующей ротации', async () => {
+      setupMockGet({ settings: { 
+        rotation_status: 'active',
+        last_rotation_timestamp: '1234567890',
+        rotation_interval: '60'
+      } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Следующая генерация')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать "Пауза" для следующей ротации при stopped статусе', async () => {
+      setupMockGet({ settings: { rotation_status: 'stopped' } })
+      renderSettingsPage()
+      
+      await waitFor(() => {
+        expect(screen.getByText('Пауза')).toBeInTheDocument()
+      })
+    })
+  })
+})
@@ -0,0 +1,824 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import SubscriptionsPage from '../../src/pages/SubscriptionsPage'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { AuthProvider } from '../../src/auth/AuthContext'
+
+const mockGet = vi.fn()
+const mockPost = vi.fn()
+const mockPut = vi.fn()
+const mockDelete = vi.fn()
+
+vi.mock('../../src/api', () => ({
+  default: {
+    get: (...args: unknown[]) => mockGet(...args),
+    post: (...args: unknown[]) => mockPost(...args),
+    put: (...args: unknown[]) => mockPut(...args),
+    delete: (...args: unknown[]) => mockDelete(...args),
+  },
+}))
+
+const mockClipboardWriteText = vi.fn()
+Object.assign(navigator, { clipboard: { writeText: mockClipboardWriteText } })
+
+const mockWindowOpen = vi.fn()
+const originalWindowOpen = window.open
+beforeEach(() => {
+  window.open = mockWindowOpen
+  vi.spyOn(console, 'log').mockImplementation(() => {})
+  vi.spyOn(console, 'debug').mockImplementation(() => {})
+})
+afterEach(() => {
+  window.open = originalWindowOpen
+  vi.restoreAllMocks()
+})
+
+const setupMockGet = (overrides?: {
+  subscriptions?: unknown[]
+  tunnels?: unknown[]
+  domains?: unknown[]
+}) => {
+  mockGet.mockImplementation((url: string) => {
+    if (url === '/subscriptions') return Promise.resolve({ data: overrides?.subscriptions || [] })
+    if (url === '/tunnels') return Promise.resolve({ data: overrides?.tunnels || [] })
+    if (url === '/domains/all') return Promise.resolve({ data: overrides?.domains || [] })
+    return Promise.resolve({ data: {} })
+  })
+}
+
+const renderSubscriptionsPage = () => {
+  return render(
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <SubscriptionsPage />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  )
+}
+
+describe('SubscriptionsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+    mockClipboardWriteText.mockClear()
+    mockWindowOpen.mockClear()
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Рендеринг', () => {
+    it('должен рендериться с заголовком', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Подписки')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать кнопку "Создать"', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Создать')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать сообщение при отсутствии подписок', async () => {
+      setupMockGet({ subscriptions: [] })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Нет подписок')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать список подписок', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{}, {}], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Test Sub')).toBeInTheDocument()
+        expect(screen.getByText('abc-123')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать количество инбаундов', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{}, {}, {}] }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('3')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать чекбокс авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        const checkbox = screen.getByRole('checkbox')
+        expect(checkbox).toBeChecked()
+      })
+    })
+  })
+
+  describe('Загрузка данных', () => {
+    it('должен загружать подписки при монтировании', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/subscriptions')
+      })
+    })
+
+    it('должен загружать туннели при монтировании', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/tunnels')
+      })
+    })
+
+    it('должен загружать домены при монтировании', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/domains/all')
+      })
+    })
+
+    it('должен фильтровать только установленные туннели', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Tunnel 1', ip: '1.1.1.1', domain: '', isInstalled: true },
+        { id: 2, name: 'Tunnel 2', ip: '2.2.2.2', domain: '', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/tunnels')
+        expect(mockGet).toHaveBeenCalledTimes(3)
+      })
+    })
+  })
+
+  describe('Селектор сервера', () => {
+    it('должен отображать селектор сервера при наличии туннелей', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Tunnel 1', ip: '1.1.1.1', domain: '', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels, subscriptions: [] })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        const select = screen.getByRole('combobox')
+        expect(select).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать иконку Dns для основного сервера', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Tunnel 1', ip: '1.1.1.1', domain: '', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels, subscriptions: [] })
+      renderSubscriptionsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Основной сервер')).toBeInTheDocument()
+      })
+    })
+
+    it('должен переключать выбранный сервер', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Tunnel 1', ip: '1.1.1.1', domain: '', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels, subscriptions: [] })
+      renderSubscriptionsPage()
+
+      const select = await screen.findByRole('combobox')
+      fireEvent.mouseDown(select)
+
+      const tunnelOption = await screen.findByText('Tunnel 1')
+      fireEvent.click(tunnelOption)
+
+      await waitFor(() => {
+        expect(screen.getByText('Tunnel 1')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Диалог создания подписки', () => {
+    it('должен открывать диалог при клике на "Создать"', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Новая подписка')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог при клике на "Отмена"', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Новая подписка')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать поле имени подписки', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      await waitFor(() => {
+        expect(screen.getByLabelText('Имя подписки')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать инбаунды по умолчанию', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Инбаунды (10/20)')).toBeInTheDocument()
+      })
+    })
+
+    it('должен позволять вводить имя подписки', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'My Subscription' } })
+
+      expect(nameField).toHaveValue('My Subscription')
+    })
+
+    it('должен показывать ошибку при пустом имени', async () => {
+      setupMockGet()
+      mockPost.mockRejectedValue({})
+
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const saveButton = await screen.findByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Введите имя подписки')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Управление инбаундами в диалоге', () => {
+    it('должен отображать инбаунды по умолчанию', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Инбаунды (10/20)')).toBeInTheDocument()
+      })
+    })
+
+    it('должен позволять вводить имя подписки', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'My Subscription' } })
+
+      expect(nameField).toHaveValue('My Subscription')
+    })
+
+    it('должен добавлять новый инбаунд', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const addButton = await screen.findByText('Добавить инбаунд')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Инбаунды (11/20)')).toBeInTheDocument()
+      })
+    })
+
+    it('должен удалять все инбаунды кнопкой "Удалить все"', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const removeAllButton = await screen.findByText('Удалить все')
+      fireEvent.click(removeAllButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Инбаунды (1/20)')).toBeInTheDocument()
+      })
+    })
+
+    it('должен запрещать добавление более 20 инбаундов', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      for (let i = 0; i < 10; i++) {
+        const addButton = screen.getByText('Добавить инбаунд')
+        fireEvent.click(addButton)
+      }
+
+      await waitFor(() => {
+        const addButton = screen.getByText('Добавить инбаунд')
+        expect(addButton).toBeDisabled()
+      })
+    })
+  })
+
+  describe('Сохранение подписки', () => {
+    it('должен создавать новую подписку', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'New Sub' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/subscriptions', expect.objectContaining({
+          name: 'New Sub',
+        }))
+      })
+    })
+
+    it('должен показывать успех после создания', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'New Sub' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Подписка создана')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неудачном сохранении', async () => {
+      setupMockGet()
+      mockPost.mockRejectedValue({ response: { data: { message: 'Ошибка сервера' } } })
+
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'New Sub' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Ошибка сервера')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Редактирование подписки', () => {
+    it('должен открывать диалог редактирования', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const editOption = await screen.findByText('Редактировать')
+      fireEvent.click(editOption)
+
+      await waitFor(() => {
+        expect(screen.getByText('Редактировать подписку')).toBeInTheDocument()
+      })
+    })
+
+    it('должен загружать данные подписки в диалог', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const editOption = await screen.findByText('Редактировать')
+      fireEvent.click(editOption)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      expect(nameField).toHaveValue('Test Sub')
+    })
+
+    it('должен обновлять подписку', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const editOption = await screen.findByText('Редактировать')
+      fireEvent.click(editOption)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'Updated Sub' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(mockPut).toHaveBeenCalledWith('/subscriptions/1', expect.objectContaining({
+          name: 'Updated Sub',
+        }))
+      })
+    })
+
+    it('должен показывать успех после обновления', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const editOption = await screen.findByText('Редактировать')
+      fireEvent.click(editOption)
+
+      const nameField = await screen.findByLabelText('Имя подписки')
+      fireEvent.change(nameField, { target: { value: 'Updated Sub' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Подписка обновлена')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Удаление подписки', () => {
+    it('должен открывать диалог подтверждения удаления', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const deleteOption = await screen.findByText('Удалить')
+      fireEvent.click(deleteOption)
+
+      await waitFor(() => {
+        expect(screen.getByText('Удалить подписку и все соединения?')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог при клике на "Отмена"', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const deleteOption = await screen.findByText('Удалить')
+      fireEvent.click(deleteOption)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Удалить подписку и все соединения?')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен удалять подписку при подтверждении', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockDelete.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const deleteOption = await screen.findByText('Удалить')
+      fireEvent.click(deleteOption)
+
+      const confirmButton = screen.getAllByText('Удалить')[1] as HTMLElement
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockDelete).toHaveBeenCalledWith('/subscriptions/1')
+      })
+    })
+
+    it('должен показывать успех после удаления', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockDelete.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const deleteOption = await screen.findByText('Удалить')
+      fireEvent.click(deleteOption)
+
+      const confirmButton = screen.getAllByText('Удалить')[1] as HTMLElement
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Подписка удалена')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Переключение авторотации', () => {
+    it('должен переключать авторотацию при клике на чекбокс', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+
+      await waitFor(() => {
+        expect(mockPut).toHaveBeenCalledWith('/subscriptions/bulk-auto-rotation', expect.objectContaining({
+          subscriptionIds: ['1'],
+          enabled: false
+        }))
+      })
+    })
+
+    it('должен показывать успех при включении авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: false }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+
+      await waitFor(() => {
+        expect(screen.getByText('Авторотация включена')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать успех при выключении авторотации', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockResolvedValue({})
+
+      renderSubscriptionsPage()
+
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+
+      await waitFor(() => {
+        expect(screen.getByText('Авторотация выключена')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неудачном переключении', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockPut.mockRejectedValue({ response: { data: { message: 'Ошибка' } } })
+
+      renderSubscriptionsPage()
+
+      const checkbox = await screen.findByRole('checkbox')
+      fireEvent.click(checkbox)
+
+      await waitFor(() => {
+        expect(screen.getByText('Ошибка')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Утилитные функции', () => {
+    it('должен генерировать уникальный ID', async () => {
+      setupMockGet()
+      renderSubscriptionsPage()
+
+      const createButton = await screen.findByText('Создать')
+      fireEvent.click(createButton)
+
+      // Проверяем что ID генерируется (просто что форма открывается)
+      await waitFor(() => {
+        expect(screen.getByText('Новая подписка')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Просмотр ссылок', () => {
+    it('должен открывать диалог ссылок при клике на опцию меню', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com', link: 'vless://test' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const linksOption = await screen.findByText('Показать конфиги')
+      fireEvent.click(linksOption)
+
+      await waitFor(() => {
+        expect(screen.getByText('Активные ссылки')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог ссылок при клике на "Закрыть"', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com', link: 'vless://test' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const linksOption = await screen.findByText('Показать конфиги')
+      fireEvent.click(linksOption)
+
+      const closeButton = await screen.findByText('Закрыть')
+      fireEvent.click(closeButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Активные ссылки')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен копировать ссылку при клике на кнопку копирования', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com', link: 'vless://test' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+      mockClipboardWriteText.mockResolvedValue(undefined)
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const linksOption = await screen.findByText('Показать конфиги')
+      fireEvent.click(linksOption)
+
+      const copyButton = await screen.findByText('Копировать все')
+      fireEvent.click(copyButton)
+
+      await waitFor(() => {
+        expect(mockClipboardWriteText).toHaveBeenCalled()
+      })
+    })
+
+    it('должен открывать ссылку в новой вкладке при клике на иконку открытия', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [{ type: 'vless', port: 443, sni: 'example.com', link: 'vless://test' }], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const linksOption = await screen.findByText('Показать конфиги')
+      fireEvent.click(linksOption)
+
+      const openButtons = await screen.findAllByTestId('icon-OpenInNew')
+      if (openButtons.length > 0) {
+        fireEvent.click(openButtons[0])
+      }
+
+      await waitFor(() => {
+        expect(mockWindowOpen).toHaveBeenCalled()
+      })
+    })
+
+    it('должен показывать сообщение при отсутствии ссылок', async () => {
+      const mockSubs = [
+        { id: '1', name: 'Test Sub', uuid: 'abc-123', inbounds: [], isAutoRotationEnabled: true }
+      ]
+      setupMockGet({ subscriptions: mockSubs })
+
+      renderSubscriptionsPage()
+
+      const menuButton = await screen.findByTestId('icon-MoreVert')
+      fireEvent.click(menuButton)
+
+      const linksOption = await screen.findByText('Показать конфиги')
+      fireEvent.click(linksOption)
+
+      await waitFor(() => {
+        expect(screen.getByText('Нет активных ссылок (ждите ротации)')).toBeInTheDocument()
+      })
+    })
+  })
+})
@@ -0,0 +1,764 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { render, screen, fireEvent, waitFor } from '@testing-library/react'
+import { BrowserRouter } from 'react-router-dom'
+import TunnelsPage from '../../src/pages/TunnelsPage'
+import { ThemeProvider } from '../../src/ThemeContext'
+import { AuthProvider } from '../../src/auth/AuthContext'
+
+const mockGet = vi.fn()
+const mockPost = vi.fn()
+const mockDelete = vi.fn()
+
+vi.mock('../../src/api', () => ({
+  default: {
+    get: (...args: unknown[]) => mockGet(...args),
+    post: (...args: unknown[]) => mockPost(...args),
+    delete: (...args: unknown[]) => mockDelete(...args),
+  },
+}))
+
+beforeEach(() => {
+  vi.clearAllMocks()
+  vi.spyOn(console, 'log').mockImplementation(() => {})
+  vi.spyOn(console, 'debug').mockImplementation(() => {})
+  vi.spyOn(console, 'warn').mockImplementation(() => {})
+  vi.spyOn(console, 'error').mockImplementation(() => {})
+})
+
+afterEach(() => {
+  vi.restoreAllMocks()
+})
+
+const setupMockGet = (overrides?: {
+  tunnels?: unknown[]
+}) => {
+  mockGet.mockImplementation((url: string) => {
+    if (url === '/tunnels') return Promise.resolve({ data: overrides?.tunnels || [] })
+    return Promise.resolve({ data: {} })
+  })
+}
+
+const renderTunnelsPage = () => {
+  return render(
+    <BrowserRouter>
+      <ThemeProvider>
+        <AuthProvider>
+          <TunnelsPage />
+        </AuthProvider>
+      </ThemeProvider>
+    </BrowserRouter>
+  )
+}
+
+describe('TunnelsPage', () => {
+  beforeEach(() => {
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    vi.clearAllMocks()
+  })
+
+  describe('Рендеринг', () => {
+    it('должен рендериться с заголовком', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Relay серверы')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать кнопку "Добавить"', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Добавить')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать сообщение при отсутствии серверов', async () => {
+      setupMockGet({ tunnels: [] })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Нет серверов')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать список серверов', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '192.168.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Test Server')).toBeInTheDocument()
+        expect(screen.getByText('192.168.1.1')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать статус "Активен" для установленного сервера', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Active Server', ip: '192.168.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Активен')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать статус "Не настроен" для неустановленного сервера', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Inactive Server', ip: '192.168.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Не настроен')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Загрузка данных', () => {
+    it('должен загружать туннели при монтировании', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(mockGet).toHaveBeenCalledWith('/tunnels')
+      })
+    })
+
+    it('должен отображать несколько серверов', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Server 1', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: true },
+        { id: 2, name: 'Server 2', ip: '2.2.2.2', sshPort: 2222, username: 'admin', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Server 1')).toBeInTheDocument()
+        expect(screen.getByText('Server 2')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Диалог создания сервера', () => {
+    it('должен открывать диалог при клике на "Добавить"', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Новый редирект сервер')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог при клике на "Отмена"', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Новый редирект сервер')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать поля формы', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(screen.getByLabelText('Название')).toBeInTheDocument()
+        expect(screen.getByLabelText('IP адрес')).toBeInTheDocument()
+        expect(screen.getByLabelText('SSH Порт')).toBeInTheDocument()
+        expect(screen.getByLabelText('SSH User')).toBeInTheDocument()
+        expect(screen.getByLabelText('SSH Пароль')).toBeInTheDocument()
+      })
+    })
+
+    it('должен отображать переключатель метода аутентификации', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      await waitFor(() => {
+        expect(screen.getByLabelText('По паролю')).toBeInTheDocument()
+        expect(screen.getByLabelText('По SSH ключу')).toBeInTheDocument()
+      })
+    })
+
+    it('должен переключаться на ввод SSH ключа', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const keyRadio = await screen.findByLabelText('По SSH ключу')
+      fireEvent.click(keyRadio)
+
+      await waitFor(() => {
+        expect(screen.getByLabelText(/SSH Private Key/i)).toBeInTheDocument()
+        expect(screen.queryByLabelText('SSH Пароль')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен позволять вводить название сервера', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'My Server' } })
+
+      expect(nameField).toHaveValue('My Server')
+    })
+
+    it('должен позволять вводить IP адрес', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '10.0.0.1' } })
+
+      expect(ipField).toHaveValue('10.0.0.1')
+    })
+
+    it('должен позволять вводить SSH порт', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '2222' } })
+
+      expect(portField).toHaveValue(2222)
+    })
+
+    it('должен позволять вводить SSH пользователя', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const userField = await screen.findByLabelText('SSH User')
+      fireEvent.change(userField, { target: { value: 'admin' } })
+
+      expect(userField).toHaveValue('admin')
+    })
+
+    it('должен позволять вводить SSH пароль', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const passwordField = await screen.findByLabelText('SSH Пароль')
+      fireEvent.change(passwordField, { target: { value: 'secret123' } })
+
+      expect(passwordField).toHaveValue('secret123')
+    })
+  })
+
+  describe('Валидация формы', () => {
+    it('должен показывать ошибку при пустом названии', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const saveButton = await screen.findByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Введите название сервера')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при пустом IP', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Введите IP адрес')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неверном формате IP', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: 'invalid-ip' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Неверный формат IP адреса')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неверном порте', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.1.1.1' } })
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '99999' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Порт должен быть от 1 до 65535')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при пустом пароле', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.1.1.1' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Введите SSH пароль')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при пустом SSH ключе', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const keyRadio = await screen.findByLabelText('По SSH ключу')
+      fireEvent.click(keyRadio)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.1.1.1' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Введите SSH ключ')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неверном формате SSH ключа', async () => {
+      setupMockGet()
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const keyRadio = await screen.findByLabelText('По SSH ключу')
+      fireEvent.click(keyRadio)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'Test' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.1.1.1' } })
+
+      const keyField = await screen.findByLabelText(/SSH Private Key/i)
+      fireEvent.change(keyField, { target: { value: 'invalid-key' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Неверный формат SSH ключа')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Создание сервера', () => {
+    it('должен создавать сервер с паролем', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'New Server' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.2.3.4' } })
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '22' } })
+
+      const userField = await screen.findByLabelText('SSH User')
+      fireEvent.change(userField, { target: { value: 'root' } })
+
+      const passwordField = await screen.findByLabelText('SSH Пароль')
+      fireEvent.change(passwordField, { target: { value: 'secret123' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/tunnels', expect.objectContaining({
+          name: 'New Server',
+          ip: '1.2.3.4',
+        }))
+      })
+    })
+
+    it('должен показывать успех после создания', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'New Server' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.2.3.4' } })
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '22' } })
+
+      const userField = await screen.findByLabelText('SSH User')
+      fireEvent.change(userField, { target: { value: 'root' } })
+
+      const passwordField = await screen.findByLabelText('SSH Пароль')
+      fireEvent.change(passwordField, { target: { value: 'secret123' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Сервер добавлен')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог после создания', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'New Server' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.2.3.4' } })
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '22' } })
+
+      const userField = await screen.findByLabelText('SSH User')
+      fireEvent.change(userField, { target: { value: 'root' } })
+
+      const passwordField = await screen.findByLabelText('SSH Пароль')
+      fireEvent.change(passwordField, { target: { value: 'secret123' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Новый редирект сервер')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен очищать форму после создания', async () => {
+      setupMockGet()
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const addButton = await screen.findByText('Добавить')
+      fireEvent.click(addButton)
+
+      const nameField = await screen.findByLabelText('Название')
+      fireEvent.change(nameField, { target: { value: 'New Server' } })
+
+      const ipField = await screen.findByLabelText('IP адрес')
+      fireEvent.change(ipField, { target: { value: '1.2.3.4' } })
+
+      const portField = await screen.findByLabelText('SSH Порт')
+      fireEvent.change(portField, { target: { value: '22' } })
+
+      const userField = await screen.findByLabelText('SSH User')
+      fireEvent.change(userField, { target: { value: 'root' } })
+
+      const passwordField = await screen.findByLabelText('SSH Пароль')
+      fireEvent.change(passwordField, { target: { value: 'secret123' } })
+
+      const saveButton = screen.getByText('Сохранить')
+      fireEvent.click(saveButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Новый редирект сервер')).not.toBeInTheDocument()
+      })
+
+      fireEvent.click(addButton)
+      await waitFor(() => {
+        expect(screen.getByLabelText('Название')).toHaveValue('')
+        expect(screen.getByLabelText('IP адрес')).toHaveValue('')
+      })
+    })
+  })
+
+  describe('Удаление сервера', () => {
+    it('должен открывать диалог подтверждения удаления', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Удалить сервер из списка?')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог при клике на "Отмена"', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Удалить сервер из списка?')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен удалять сервер при подтверждении', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      mockDelete.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      const confirmButton = screen.getByText('Подтвердить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockDelete).toHaveBeenCalledWith('/tunnels/1')
+      })
+    })
+
+    it('должен показывать успех после удаления', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: true }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      mockDelete.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const deleteButton = await screen.findByTestId('icon-Delete')
+      fireEvent.click(deleteButton)
+
+      const confirmButton = screen.getByText('Подтвердить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Сервер удалён')).toBeInTheDocument()
+      })
+    })
+  })
+
+  describe('Установка перенаправления', () => {
+    it('должен отображать кнопку "Установить" для неустановленного сервера', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      await waitFor(() => {
+        expect(screen.getByText('Установить')).toBeInTheDocument()
+      })
+    })
+
+    it('должен открывать диалог подтверждения установки', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      const installButton = await screen.findByText('Установить')
+      fireEvent.click(installButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Начать установку перенаправления на этот сервер?')).toBeInTheDocument()
+      })
+    })
+
+    it('должен закрывать диалог установки при клике на "Отмена"', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      renderTunnelsPage()
+
+      const installButton = await screen.findByText('Установить')
+      fireEvent.click(installButton)
+
+      const cancelButton = await screen.findByText('Отмена')
+      fireEvent.click(cancelButton)
+
+      await waitFor(() => {
+        expect(screen.queryByText('Начать установку перенаправления')).not.toBeInTheDocument()
+      })
+    })
+
+    it('должен устанавливать перенаправление при подтверждении', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const installButton = await screen.findByText('Установить')
+      fireEvent.click(installButton)
+
+      const confirmButton = screen.getByText('Подтвердить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(mockPost).toHaveBeenCalledWith('/tunnels/1/install')
+      })
+    })
+
+    it('должен показывать успех после установки', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      mockPost.mockResolvedValue({})
+
+      renderTunnelsPage()
+
+      const installButton = await screen.findByText('Установить')
+      fireEvent.click(installButton)
+
+      const confirmButton = screen.getByText('Подтвердить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Скрипт успешно установлен! Трафик перенаправляется.')).toBeInTheDocument()
+      })
+    })
+
+    it('должен показывать ошибку при неудачной установке', async () => {
+      const mockTunnels = [
+        { id: 1, name: 'Test Server', ip: '1.1.1.1', sshPort: 22, username: 'root', isInstalled: false }
+      ]
+      setupMockGet({ tunnels: mockTunnels })
+      mockPost.mockRejectedValue({ response: { data: { message: 'Ошибка подключения' } } })
+
+      renderTunnelsPage()
+
+      const installButton = await screen.findByText('Установить')
+      fireEvent.click(installButton)
+
+      const confirmButton = screen.getByText('Подтвердить')
+      fireEvent.click(confirmButton)
+
+      await waitFor(() => {
+        expect(screen.getByText('Ошибка: Ошибка подключения')).toBeInTheDocument()
+      })
+    })
+  })
+})
@@ -0,0 +1,156 @@
+import '@testing-library/jest-dom'
+import { cleanup } from '@testing-library/react'
+import { afterEach, vi } from 'vitest'
+import './mocks'
+
+// Очищать DOM после каждого теста
+afterEach(() => {
+  cleanup()
+})
+
+// Подавляем шумные console.log/console.error во время тестов
+// Оставляем только важные ошибки через test.skip()
+const originalConsoleLog = console.log
+const originalConsoleError = console.error
+const originalConsoleWarn = console.warn
+
+beforeAll(() => {
+  // Фильтруем шумные логи от приложений
+  console.log = (...args) => {
+    const message = args.join(' ')
+    // Пропускаем логи от компонентов которые шумят
+    if (
+      message.includes('[Tunnels]') ||
+      message.includes('[Settings]') ||
+      message.includes('[API]') ||
+      message.includes('[Login]') ||
+      message.includes('[AuthContext]') ||
+      message.includes('[AxiosInterceptor]') ||
+      message.includes('[Rotation]') ||
+      message.includes('[Domains]') ||
+      message.includes('[Subs]') ||
+      message.includes('[Scanner]')
+    ) {
+      return
+    }
+    originalConsoleLog(...args)
+  }
+
+  // Подавляем console.warn для известных предупреждений
+  console.warn = (...args) => {
+    const message = args.join(' ')
+    if (
+      message.includes('[Tunnels]') ||
+      message.includes('[Settings]') ||
+      message.includes('[AuthContext]') ||
+      message.includes('[AxiosInterceptor]') ||
+      message.includes('[Domains]') ||
+      message.includes('[Subs]') ||
+      message.includes('[Scanner]')
+    ) {
+      return
+    }
+    originalConsoleWarn(...args)
+  }
+
+  // Подавляем console.error для известных предупреждений React
+  console.error = (...args) => {
+    const message = args.join(' ')
+    // Пропускаем предупреждения act(...) - они не критичны
+    if (
+      message.includes('act(...)') ||
+      message.includes('An update to') ||
+      message.includes('Not implemented: navigation to another Document') ||
+      message.includes('[Login]') ||
+      message.includes('[Settings]') ||
+      message.includes('[AuthContext]') ||
+      message.includes('[AxiosInterceptor]') ||
+      message.includes('[Subs]')
+    ) {
+      return
+    }
+    originalConsoleError(...args)
+  }
+})
+
+afterAll(() => {
+  // Восстанавливаем console после всех тестов
+  console.log = originalConsoleLog
+  console.error = originalConsoleError
+  console.warn = originalConsoleWarn
+})
+
+// Мок для MUI icons-material - используем vi.mock с factory
+vi.mock('@mui/icons-material', async () => {
+  const React = await import('react')
+  
+  const createIconMock = (name: string) => {
+    const IconMock = (props: Record<string, unknown>) => {
+      return React.createElement('span', { 
+        'data-testid': `icon-${name}`,
+        ...props 
+      }, name)
+    }
+    IconMock.displayName = name
+    return IconMock
+  }
+
+  // Создаем мок для всех иконок
+  const mock: Record<string, unknown> = {}
+  const icons = [
+    'GitHub', 'YouTube', 'Telegram', 'Brightness7', 'Brightness4', 'BrightnessAuto',
+    'Logout', 'HelpOutline', 'Menu', 'People', 'Settings', 'Dns', 'SwapHoriz',
+    'Delete', 'Add', 'Terminal', 'CheckCircle', 'Error', 'LinkIcon', 'OpenInNew',
+    'ContentCopy', 'Router', 'Edit', 'MoreVert', 'Remove', 'Refresh', 'Search',
+    'FilterList', 'Warning', 'Info', 'Close', 'Check', 'ArrowDownward', 'ArrowUpward',
+    'MoreHoriz', 'ContentPaste', 'QrCode', 'Usb', 'VpnKey', 'Security', 'Speed',
+    'Timeline', 'Assessment', 'SettingsApplications', 'CloudDownload', 'CloudUpload',
+    'Folder', 'FileCopy', 'Save', 'Print', 'DeleteOutline', 'Restore', 'History',
+    'Schedule', 'AccessTime', 'Today', 'Event', 'Notifications', 'AccountCircle',
+    'Person', 'Group', 'Public', 'Language', 'Translate', 'Star', 'Favorite',
+    'Home', 'LocationOn', 'Place', 'Email', 'Phone', 'Chat', 'Message', 'Forum',
+    'Share', 'Send', 'Inbox', 'Drafts', 'Mail', 'Markunread', 'Lock', 'LockOpen',
+    'Unlock', 'Visibility', 'VisibilityOff', 'ToggleOn', 'ToggleOff',
+    'RadioButtonChecked', 'RadioButtonUnchecked', 'CheckBox', 'CheckBoxOutlineBlank',
+    'PlusOne', 'ThumbUp', 'ThumbDown', 'Whatshot', 'FavoriteBorder', 'StarBorder',
+    'Bookmark', 'BookmarkBorder', 'Bookmarks', 'TurnedIn', 'TurnedInNot', 'Label',
+    'LabelImportant', 'Grade', 'Done', 'Clear', 'Block', 'Stop', 'Pause', 'PlayArrow',
+    'FastForward', 'FastRewind', 'SkipNext', 'SkipPrevious', 'FiberManualRecord',
+    'Circle', 'NavigateNext', 'NavigateBefore', 'ChevronRight', 'ChevronLeft',
+    'ExpandMore', 'ExpandLess', 'UnfoldMore', 'UnfoldLess', 'ArrowRight', 'ArrowLeft',
+    'ArrowBack', 'ArrowForward', 'ArrowDropDown', 'ArrowDropUp', 'Expand',
+    'FileDownload', 'FileUpload', 'UploadFile', 'Download', 'Attachment', 'Link', 'InsertLink', 'Photo',
+    'Image', 'PictureAsPdf', 'ImageIcon', 'CameraAlt', 'Videocam', 'Movie',
+    'MusicNote', 'Mic', 'VolumeUp', 'VolumeOff', 'Headset', 'Headphones', 'Speaker',
+    'Radio', 'Podcasts', 'Tv', 'DesktopWindows', 'Laptop', 'Computer', 'Tablet',
+    'Smartphone', 'PhoneIphone', 'PhoneAndroid', 'Devices', 'SmartDisplay', 'Monitor',
+    'ScreenShare', 'StopScreenShare', 'PresentToAll', 'Cast', 'CastConnected',
+    'Wifi', 'WifiOff', 'NetworkWifi', 'NetworkCell', 'SignalCellular4Bar',
+    'SignalWifi4Bar', 'Bluetooth', 'BluetoothConnected', 'BluetoothDisabled',
+    'GpsFixed', 'GpsNotFixed', 'LocationSearching', 'MyLocation', 'Navigation',
+    'NearMe', 'Directions', 'DirectionsCar', 'DirectionsBus', 'DirectionsTrain',
+    'DirectionsBike', 'DirectionsWalk', 'DirectionsRun', 'Flight', 'LocalAirport',
+    'Hotel', 'Restaurant', 'LocalCafe', 'LocalBar', 'LocalPizza', 'BrunchDining',
+    'DinnerDining', 'LunchDining', 'Nightlife', 'LocalHospital', 'LocalPharmacy',
+    'ShoppingBag', 'ShoppingCart', 'ShoppingBasket', 'Store', 'Shop', 'Storefront',
+    'LocalMall', 'AccountBalance', 'Business', 'CorporateFare', 'Work', 'MeetingRoom',
+    'Gite', 'House', 'Cottage', 'Apartment', 'Villa', 'OtherHouses', 'Foundation',
+    'Fence', 'Yard', 'Pool', 'HotTub', 'Spa', 'FitnessCenter', 'SportsGymnasium',
+    'SportsBasketball', 'SportsFootball', 'SportsSoccer', 'SportsTennis',
+    'SportsVolleyball', 'SportsBaseball', 'SportsCricket', 'SportsGolf', 'SportsHockey',
+    'SportsMma', 'SportsMotorsports', 'SportsRugby', 'SportsScore', 'SportsHandball',
+    'SportsKabaddi', 'Rowing', 'Surfing', 'Kitesurfing', 'Snowboarding',
+    'DownhillSkiing', 'Snowshoeing', 'IceSkating', 'Curling', 'Sailing', 'Kayaking',
+    'Rafting', 'ScubaDiving', 'Diving', 'Fishing', 'Hiking', 'RunningWithErrors',
+    'PlayCircleFilled', 'PauseCircleFilled', 'RefreshTwoTone', 'SubdirectoryArrowRight',
+    'SubdirectoryArrowLeft', 'SettingsInputComponent', 'SettingsInputComponentOutlined',
+    'Dns',
+  ]
+
+  icons.forEach(name => {
+    mock[name] = createIconMock(name)
+  })
+
+  mock.default = createIconMock('DefaultIcon')
+  return mock
+})
@@ -0,0 +1,40 @@
+/* eslint-disable react-refresh/only-export-components */
+import { RenderOptions, render } from '@testing-library/react'
+import { ReactElement, ReactNode } from 'react'
+import { ThemeProvider } from '../src/ThemeContext'
+import { AuthProvider } from '../src/auth/AuthContext'
+import { BrowserRouter } from 'react-router-dom'
+
+interface AllProvidersProps {
+  children: ReactNode
+}
+
+function AllProviders({ children }: AllProvidersProps) {
+  return (
+    <BrowserRouter>
+      <AuthProvider>
+        <ThemeProvider>{children}</ThemeProvider>
+      </AuthProvider>
+    </BrowserRouter>
+  )
+}
+
+interface CustomRenderOptions extends Omit<RenderOptions, 'wrapper'> {
+  wrapper?: ReactElement
+}
+
+export function customRender(
+  ui: ReactElement,
+  options?: CustomRenderOptions
+) {
+  return render(ui, {
+    wrapper: AllProviders,
+    ...options,
+  })
+}
+
+// Переэкспортируем всё из @testing-library/react
+export * from '@testing-library/react'
+
+// Переопределяем render с нашими провайдерами
+export { customRender as render }
@@ -0,0 +1,132 @@
+import { describe, it, expect } from 'vitest'
+import { getDesignTokens } from '@/theme'
+
+describe('theme', () => {
+  describe('getDesignTokens', () => {
+    it('должен возвращать объект с palette, typography, shape и components для light mode', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens).toHaveProperty('palette')
+      expect(tokens).toHaveProperty('typography')
+      expect(tokens).toHaveProperty('shape')
+      expect(tokens).toHaveProperty('components')
+    })
+
+    it('должен возвращать объект с palette, typography, shape и components для dark mode', () => {
+      const tokens = getDesignTokens('dark')
+      
+      expect(tokens).toHaveProperty('palette')
+      expect(tokens).toHaveProperty('typography')
+      expect(tokens).toHaveProperty('shape')
+      expect(tokens).toHaveProperty('components')
+    })
+
+    it('должен устанавливать правильный mode в palette', () => {
+      const lightTokens = getDesignTokens('light')
+      const darkTokens = getDesignTokens('dark')
+      
+      expect(lightTokens.palette.mode).toBe('light')
+      expect(darkTokens.palette.mode).toBe('dark')
+    })
+
+    it('должен использовать lightPalette для light mode', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.palette.primary.main).toBe('#1395de')
+      expect(tokens.palette.background.default).toBe('#f3f4f6')
+      expect(tokens.palette.background.paper).toBe('#ffffff')
+    })
+
+    it('должен использовать darkPalette для dark mode', () => {
+      const tokens = getDesignTokens('dark')
+      
+      expect(tokens.palette.primary.main).toBe('#1395de')
+      expect(tokens.palette.background.default).toBe('#0B0F19')
+      expect(tokens.palette.background.paper).toBe('#111827')
+    })
+
+    it('должен устанавливать fontFamily', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.typography.fontFamily).toBe('"Inter", "Roboto", "Helvetica", "Arial", sans-serif')
+    })
+
+    it('должен устанавливать fontWeight для заголовков', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.typography.h1.fontWeight).toBe(700)
+      expect(tokens.typography.h2.fontWeight).toBe(700)
+      expect(tokens.typography.h3.fontWeight).toBe(600)
+      expect(tokens.typography.h4.fontWeight).toBe(600)
+      expect(tokens.typography.h5.fontWeight).toBe(600)
+      expect(tokens.typography.h6.fontWeight).toBe(600)
+    })
+
+    it('должен устанавливать textTransform none для кнопок', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.typography.button.textTransform).toBe('none')
+      expect(tokens.typography.button.fontWeight).toBe(600)
+    })
+
+    it('должен устанавливать borderRadius 12', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.shape.borderRadius).toBe(12)
+    })
+
+    it('должен настраивать MuiCssBaseline для кастомных скроллбаров', () => {
+      const lightTokens = getDesignTokens('light')
+      const darkTokens = getDesignTokens('dark')
+      
+      expect(lightTokens.components.MuiCssBaseline).toBeDefined()
+      expect(darkTokens.components.MuiCssBaseline).toBeDefined()
+      
+      // Проверяем что styleOverrides существуют
+      expect(lightTokens.components.MuiCssBaseline.styleOverrides).toBeDefined()
+      expect(darkTokens.components.MuiCssBaseline.styleOverrides).toBeDefined()
+    })
+
+    it('должен настраивать MuiButton с borderRadius 8', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.components.MuiButton.styleOverrides.root.borderRadius).toBe(8)
+      expect(tokens.components.MuiButton.styleOverrides.root.boxShadow).toBe('none')
+    })
+
+    it('должен настраивать MuiPaper без backgroundImage', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.components.MuiPaper.styleOverrides.root.backgroundImage).toBe('none')
+    })
+
+    it('должен настраивать MuiPaper с border в зависимости от mode', () => {
+      const lightTokens = getDesignTokens('light')
+      const darkTokens = getDesignTokens('dark')
+      
+      expect(lightTokens.components.MuiPaper.styleOverrides.elevation1.border).toBe('1px solid #e5e7eb')
+      expect(darkTokens.components.MuiPaper.styleOverrides.elevation1.border).toBe('1px solid #374151')
+    })
+
+    it('должен настраивать MuiOutlinedInput с правильными borderColor', () => {
+      const lightTokens = getDesignTokens('light')
+      const darkTokens = getDesignTokens('dark')
+      
+      expect(lightTokens.components.MuiOutlinedInput.styleOverrides.root['& .MuiOutlinedInput-notchedOutline'].borderColor).toBe('#e5e7eb')
+      expect(darkTokens.components.MuiOutlinedInput.styleOverrides.root['& .MuiOutlinedInput-notchedOutline'].borderColor).toBe('#374151')
+    })
+
+    it('должен настраивать MuiAppBar с backdropFilter', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.components.MuiAppBar.styleOverrides.root.backdropFilter).toBe('blur(8px)')
+      expect(tokens.components.MuiAppBar.styleOverrides.root.boxShadow).toBe('none')
+    })
+
+    it('должен настраивать MuiTableRow без border у последнего элемента', () => {
+      const tokens = getDesignTokens('light')
+      
+      expect(tokens.components.MuiTableRow.styleOverrides.root['&:last-child td'].borderBottom).toBe(0)
+    })
+  })
+})
@@ -0,0 +1,82 @@
+import { describe, it, expect } from 'vitest'
+import {
+  isApiError,
+  getApiErrorMessage,
+  getApiErrorStatus,
+} from '@/utils/errorHandlers'
+
+describe('errorHandlers', () => {
+  describe('isApiError', () => {
+    it('должен возвращать true для API ошибки с response', () => {
+      const error = { response: { status: 400, data: { message: 'Error' } } }
+      expect(isApiError(error)).toBe(true)
+    })
+
+    it('должен возвращать true для API ошибки без response.data', () => {
+      const error = { response: {} }
+      expect(isApiError(error)).toBe(true)
+    })
+
+    it('должен возвращать false для null', () => {
+      expect(isApiError(null)).toBe(false)
+    })
+
+    it('должен возвращать false для строки', () => {
+      expect(isApiError('error')).toBe(false)
+    })
+
+    it('должен возвращать false для объекта без response', () => {
+      expect(isApiError({ message: 'Error' })).toBe(false)
+    })
+  })
+
+  describe('getApiErrorMessage', () => {
+    it('должен извлекать строковое сообщение из ошибки', () => {
+      const error = { response: { data: { message: 'Custom error' } } }
+      expect(getApiErrorMessage(error)).toBe('Custom error')
+    })
+
+    it('должен извлекать массив сообщений и объединять через точку с запятой', () => {
+      const error = { response: { data: { message: ['Error 1', 'Error 2'] } } }
+      expect(getApiErrorMessage(error)).toBe('Error 1; Error 2')
+    })
+
+    it('должен возвращать сообщение по умолчанию для обычной ошибки', () => {
+      expect(getApiErrorMessage('string error')).toBe('Произошла ошибка')
+    })
+
+    it('должен извлекать message из Error объекта', () => {
+      const error = new Error('Native error')
+      expect(getApiErrorMessage(error)).toBe('Native error')
+    })
+
+    it('должен использовать кастомное сообщение по умолчанию', () => {
+      expect(getApiErrorMessage(null, 'Custom default')).toBe('Custom default')
+    })
+
+    it('должен возвращать undefined message как сообщение по умолчанию', () => {
+      const error = { response: { data: { message: undefined } } }
+      expect(getApiErrorMessage(error)).toBe('Произошла ошибка')
+    })
+  })
+
+  describe('getApiErrorStatus', () => {
+    it('должен извлекать status код из ошибки', () => {
+      const error = { response: { status: 404 } }
+      expect(getApiErrorStatus(error)).toBe(404)
+    })
+
+    it('должен возвращать undefined для ошибки без status', () => {
+      const error = { response: {} }
+      expect(getApiErrorStatus(error)).toBeUndefined()
+    })
+
+    it('должен возвращать undefined для не API ошибки', () => {
+      expect(getApiErrorStatus('error')).toBeUndefined()
+    })
+
+    it('должен возвращать undefined для null', () => {
+      expect(getApiErrorStatus(null)).toBeUndefined()
+    })
+  })
+})
@@ -0,0 +1,119 @@
+import { describe, it, expect, vi } from 'vitest'
+import { Logger } from '@/utils/logger'
+
+describe('Logger', () => {
+  describe('Logger.error', () => {
+    it('должен вызывать console.error с правильным форматом', () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      Logger.error('Test error', 'TestModule')
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test error', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен вызывать console.error с данными', () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      const data = { code: 500, message: 'Internal error' }
+      Logger.error('Test error', 'TestModule', data)
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test error', data)
+      consoleSpy.mockRestore()
+    })
+
+    it('должен использовать модуль по умолчанию "App"', () => {
+      const consoleSpy = vi.spyOn(console, 'error').mockImplementation(() => {})
+      Logger.error('Test error')
+      expect(consoleSpy).toHaveBeenCalledWith('[App] Test error', '')
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('Logger.warn', () => {
+    it('должен вызывать console.warn с правильным форматом', () => {
+      const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      Logger.warn('Test warning', 'TestModule')
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test warning', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен вызывать console.warn с данными', () => {
+      const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
+      const data = { code: 400, field: 'email' }
+      Logger.warn('Test warning', 'TestModule', data)
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test warning', data)
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('Logger.info', () => {
+    it('должен вызывать console.info с правильным форматом', () => {
+      const consoleSpy = vi.spyOn(console, 'info').mockImplementation(() => {})
+      Logger.info('Test info', 'TestModule')
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test info', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен вызывать console.info с данными', () => {
+      const consoleSpy = vi.spyOn(console, 'info').mockImplementation(() => {})
+      const data = { user: 'admin', action: 'login' }
+      Logger.info('Test info', 'TestModule', data)
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test info', data)
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('Logger.debug', () => {
+    it('должен вызывать console.log с правильным форматом', () => {
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      Logger.debug('Test debug', 'TestModule')
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test debug', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен вызывать console.log с данными', () => {
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      const data = { state: 'loading', progress: 50 }
+      Logger.debug('Test debug', 'TestModule', data)
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test debug', data)
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('Logger.verbose', () => {
+    it('должен вызывать console.log с правильным форматом', () => {
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      Logger.verbose('Test verbose', 'TestModule')
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test verbose', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен вызывать console.log с данными', () => {
+      const consoleSpy = vi.spyOn(console, 'log').mockImplementation(() => {})
+      const data = { detailed: 'trace', step: 3 }
+      Logger.verbose('Test verbose', 'TestModule', data)
+      expect(consoleSpy).toHaveBeenCalledWith('[TestModule] Test verbose', data)
+      consoleSpy.mockRestore()
+    })
+  })
+
+  describe('formatMessage', () => {
+    it('должен форматировать сообщение без данных', () => {
+      const consoleSpy = vi.spyOn(console, 'info').mockImplementation(() => {})
+      Logger.info('Simple message', 'Module')
+      expect(consoleSpy).toHaveBeenCalledWith('[Module] Simple message', '')
+      consoleSpy.mockRestore()
+    })
+
+    it('должен форматировать сообщение с объектом данных', () => {
+      const consoleSpy = vi.spyOn(console, 'info').mockImplementation(() => {})
+      Logger.info('Message with data', 'Module', { key: 'value' })
+      expect(consoleSpy).toHaveBeenCalledWith('[Module] Message with data', { key: 'value' })
+      consoleSpy.mockRestore()
+    })
+
+    it('должен форматировать сообщение с массивом данных', () => {
+      const consoleSpy = vi.spyOn(console, 'info').mockImplementation(() => {})
+      Logger.info('Message with array', 'Module', [1, 2, 3])
+      expect(consoleSpy).toHaveBeenCalledWith('[Module] Message with array', [1, 2, 3])
+      consoleSpy.mockRestore()
+    })
+  })
+})
@@ -0,0 +1,91 @@
+import { describe, it, expect, vi, beforeEach, afterEach } from 'vitest'
+import { renderHook } from '@testing-library/react'
+import { useSecureConnection } from '../../src/utils/useSecureConnection'
+
+describe('useSecureConnection', () => {
+  const originalLocation = window.location
+
+  beforeEach(() => {
+    // Очищаем моки перед каждым тестом
+    vi.clearAllMocks()
+  })
+
+  afterEach(() => {
+    // Восстанавливаем оригинальный location
+    Object.defineProperty(window, 'location', {
+      value: originalLocation,
+      writable: true,
+      configurable: true,
+    })
+  })
+
+  describe('при HTTPS соединении', () => {
+    it('должен возвращать isSecure: true когда protocol https:', () => {
+      // Мок для HTTPS
+      Object.defineProperty(window, 'location', {
+        value: {
+          protocol: 'https:',
+        },
+        writable: true,
+        configurable: true,
+      })
+
+      const { result } = renderHook(() => useSecureConnection())
+
+      expect(result.current.isSecure).toBe(true)
+    })
+  })
+
+  describe('при HTTP соединении', () => {
+    it('должен возвращать isSecure: false когда protocol http:', () => {
+      // Мок для HTTP
+      Object.defineProperty(window, 'location', {
+        value: {
+          protocol: 'http:',
+        },
+        writable: true,
+        configurable: true,
+      })
+
+      const { result } = renderHook(() => useSecureConnection())
+
+      expect(result.current.isSecure).toBe(false)
+    })
+  })
+
+  describe('при localhost', () => {
+    it('должен возвращать isSecure: false для localhost без HTTPS', () => {
+      Object.defineProperty(window, 'location', {
+        value: {
+          protocol: 'http:',
+          hostname: 'localhost',
+        },
+        writable: true,
+        configurable: true,
+      })
+
+      const { result } = renderHook(() => useSecureConnection())
+
+      expect(result.current.isSecure).toBe(false)
+    })
+  })
+
+  describe('мемозация', () => {
+    it('должен возвращать одно и то же значение при повторных рендерах', () => {
+      Object.defineProperty(window, 'location', {
+        value: {
+          protocol: 'https:',
+        },
+        writable: true,
+        configurable: true,
+      })
+
+      const { result, rerender } = renderHook(() => useSecureConnection())
+      const firstValue = result.current.isSecure
+
+      rerender()
+
+      expect(result.current.isSecure).toBe(firstValue)
+    })
+  })
+})
@@ -0,0 +1,19 @@
+import { describe, it, expect } from 'vitest'
+import { APP_VERSION } from '@/utils/version'
+
+describe('version', () => {
+  describe('APP_VERSION', () => {
+    it('должен быть строкой', () => {
+      expect(typeof APP_VERSION).toBe('string')
+    })
+
+    it('должен соответствовать формату семантического версионирования', () => {
+      const semverRegex = /^\d+\.\d+\.\d+$/
+      expect(APP_VERSION).toMatch(semverRegex)
+    })
+
+    it('должен быть непустой строкой', () => {
+      expect(APP_VERSION.length).toBeGreaterThan(0)
+    })
+  })
+})
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
google-labs-jules[bot]	84a64c248e	Change PostgreSQL volume mapping in install.sh and docker-compose.yml Updated the pg_data volume mount point from /var/lib/postgresql/data to /var/lib/postgresql to match the user's request for both the installer script and the default docker-compose configuration. Co-authored-by: denpiligrim <89912505+denpiligrim@users.noreply.github.com>	2026-04-23 07:11:24 +00:00
DenPiligrim	bcd819546b	Merge pull request #42 from denpiligrim/dp-fix fix forwarding command	2026-04-14 15:46:00 +03:00
Den Piligrim	33275e6588	fix forwarding command	2026-04-14 15:45:25 +03:00
DenPiligrim	fef34a0d92	Merge pull request #40 from denpiligrim/dp-new-release New release 2.1.0	2026-04-08 02:07:37 +03:00
Den Piligrim	c1602c07b2	fix proto	2026-04-08 02:06:16 +03:00
Den Piligrim	21a8c59d16	fix cert	2026-04-08 01:18:42 +03:00
Den Piligrim	11dee75ab4	fix cert	2026-04-08 01:05:30 +03:00
Den Piligrim	83cb744d45	version	2026-04-08 00:36:08 +03:00
Den Piligrim	1a60018112	Merge branch 'main' into dp-fix	2026-04-08 00:16:12 +03:00
Den Piligrim	4cfd64faa9	optimized script	2026-04-08 00:14:44 +03:00
DenPiligrim	1c4537c186	Merge pull request #39 from iqubik/dp-fix bug fixes and security	2026-04-06 13:51:25 +03:00
iqubik	41134bcee8	Delete pub.md	2026-04-05 01:01:27 +03:00
iqubik	11c7f27afa	docs: pub.md — анализ custom-правок для PR автору	2026-04-05 00:55:15 +03:00
iqubik	9e87741e33	sync: bring api.md to dp-custom state	2026-04-05 00:48:46 +03:00
iqubik	4335b28d65	sync: bring client/Dockerfile and client/vite.config.ts to dp-custom state	2026-04-05 00:48:11 +03:00
iqubik	60f2a44178	fix(client): динамический текст и цвет кнопки в confirmDialog	2026-04-05 00:43:49 +03:00
iqubik	4a49121409	fix(nginx): добавить X-Forwarded-Proto для корректного HTTPS в bus-ссылках и QR	2026-04-05 00:43:41 +03:00
iqubik	cad277a712	rate limitter	2026-04-05 00:43:31 +03:00
iqubik	3d4b45ad01	style(install-custom): цвета для заголовка SSL меню и значения по умолчанию	2026-04-05 00:43:25 +03:00
iqubik	48b4ab7f96	fix(install-custom): проверка валидности существующих сертификатов перед использованием	2026-04-05 00:43:17 +03:00
iqubik	68f3aef661	fix(install-custom): ALLOWED_ORIGINS зависит от USE_SSL а не от формата хоста	2026-04-05 00:43:05 +03:00
iqubik	84e414cd6f	Update install-custom.sh	2026-04-05 00:43:00 +03:00
iqubik	e57f9b607a	Update debug.md	2026-04-05 00:42:56 +03:00
iqubik	74a73a2de7	fix(install-custom): всегда показывать меню SSL даже при пустом вводе домена	2026-04-05 00:42:51 +03:00
iqubik	f6ec68a906	feat(install-custom): выбор типа SSL — Let's Encrypt / Self-signed / свои сертификаты / HTTP	2026-04-05 00:42:46 +03:00
iqubik	bdd3581e8a	fix(delete-custom): удалять hysteria-server@.service и /etc/hysteria полностью	2026-04-05 00:42:41 +03:00
iqubik	8d4adb0a7d	Create docker-compose.local.yml	2026-04-05 00:42:36 +03:00
iqubik	fdf11f67c5	feat: delete-custom.sh — удаление custom-установки (контейнеры, образы, исходники, опционально Hysteria 2)	2026-04-05 00:42:31 +03:00
iqubik	8057f3079b	Update debug.md	2026-04-05 00:42:25 +03:00
iqubik	21ce1469f5	fix: clipboard fallback для HTTP, update-custom без перезаписи compose, install-custom самостоятельный	2026-04-05 00:42:20 +03:00
iqubik	f04fa01fe1	fix copy btn and copy page btn	2026-04-05 00:42:14 +03:00
iqubik	38e6ae6f3d	Update install-custom.sh	2026-04-05 00:42:08 +03:00
iqubik	e705232cf2	local branch	2026-04-05 00:42:00 +03:00
iqubik	38ac7b1257	Update SubscriptionsPage.tsx	2026-04-04 19:00:32 +03:00
iqubik	aff0414ca3	Update SubscriptionsPage.tsx	2026-04-04 18:51:06 +03:00
DenPiligrim	42bdf2bcb0	Merge pull request #36 from iqubik/dp-fix SNI scanner + lint + logs + refactor + tests (back80+ + front75+)	2026-04-03 13:40:25 +03:00
iqubik	e23de664ac	improve security: back port, base port, login guard, scripts	2026-04-03 02:23:05 +03:00
iqubik	41265ccf37	try to fix security/advisories/GHSA-5x57-h7cw-9jmw	2026-03-31 00:38:00 +03:00
iqubik	295a582828	fix	2026-03-30 23:56:49 +03:00
iqubik	751845bf08	check dockers containers start errors	2026-03-30 23:25:18 +03:00
iqubik	aac9bf18f7	fix scan alert	2026-03-30 21:59:18 +03:00
iqubik	1140a6a96b	http warning	2026-03-30 01:29:04 +03:00
iqubik	6afa8f268e	75+ fronttest	2026-03-30 00:21:08 +03:00
iqubik	f6908cd890	testfront 70+	2026-03-30 00:20:59 +03:00
iqubik	b8c9db799d	tests front 50%	2026-03-30 00:20:49 +03:00
iqubik	4fcdb0d585	Update package.json	2026-03-30 00:20:31 +03:00
iqubik	425c1d5e8d	35% front tests	2026-03-30 00:19:52 +03:00
iqubik	61b814482c	Update inbound-builder.service.spec.ts	2026-03-29 03:58:07 +03:00
iqubik	7f5aae32e7	back tests 80+	2026-03-29 03:52:43 +03:00
iqubik	e7a63dfff0	manual auto-rotation	2026-03-28 23:46:42 +03:00
iqubik	9fdbde3cab	Update subscription.template.ts black theme and theme chooser	2026-03-28 19:32:57 +03:00
iqubik	629a1683b5	Update SubscriptionsPage.tsx url bug fixed	2026-03-28 18:56:35 +03:00
iqubik	8f8a3bf724	refactor: massive codebase stabilization, strict TS, UI/UX overhaul, and central logging	2026-03-28 18:33:13 +03:00
iqubik	388417cec9	fix: validate scanner addr as hostname or IP	2026-03-26 23:59:37 +03:00
iqubik	5ab2b788fe	fix: support docker compose v1/v2 in install and update scripts	2026-03-26 23:40:22 +03:00
iqubik	d414e7dc34	chore: remove local helper files from PR	2026-03-26 02:08:22 +03:00
iqubik	304e768be2	fix big scan countdown	2026-03-26 01:56:14 +03:00
iqubik	ac83dc7cdd	myrepo	2026-03-26 01:28:18 +03:00
iqubik	80ea7d5302	Create update-custom.sh	2026-03-26 01:19:48 +03:00
iqubik	1b9b9b2431	1	2026-03-25 22:28:53 +03:00
iqubik	ed1cd84aba	0	2026-03-25 21:40:56 +03:00
DenPiligrim	fee440b177	Merge pull request #33 from denpiligrim/dp-fix fix docker flag	2026-03-23 22:33:48 +03:00
Den Piligrim	241e9c5af7	fix docker flag	2026-03-23 22:33:17 +03:00
DenPiligrim	a40e06b9c0	Merge pull request #31 from denpiligrim/dp-fix Fix hy2 installation	2026-03-22 15:18:34 +03:00
Den Piligrim	c3431832ec	fix hysteria installation	2026-03-22 15:16:48 +03:00
Den Piligrim	0a9e045c71	Merge branch 'main' into dp-fix	2026-03-22 14:04:16 +03:00
DenPiligrim	612f0468f7	Merge pull request #27 from denpiligrim/dp-new-release New release v2.0.2	2026-03-21 15:43:21 +03:00
Den Piligrim	e7970fd8dd	v2.0.2	2026-03-21 15:41:43 +03:00
Den Piligrim	bca723f8a0	fix patch links	2026-03-21 15:29:44 +03:00
Den Piligrim	21e4907aa2	update	2026-03-21 15:16:09 +03:00
Den Piligrim	29e776a0ec	fix sni	2026-03-21 15:06:13 +03:00
Den Piligrim	82811645bf	fix hy2	2026-03-21 14:10:33 +03:00
Den Piligrim	63adfcb98f	fix	2026-03-21 13:58:00 +03:00
Den Piligrim	5b2870e04a	update	2026-03-21 13:24:47 +03:00
Den Piligrim	21ae964012	hysteria	2026-03-21 09:55:34 +03:00
Den Piligrim	d171d0440c	responsive	2026-03-11 23:37:52 +03:00
Den Piligrim	0e89fdaf98	Merge branch 'main' into dp-fix	2026-03-11 19:50:41 +03:00
Den Piligrim	440c946603	robots	2026-03-11 19:50:03 +03:00
DenPiligrim	81dcbc28ae	Merge pull request #26 from denpiligrim/denpiligrim-patch-2 Configure production environment in Docker workflow	2026-02-26 10:12:47 +03:00
DenPiligrim	8e0bf98813	Configure production environment in Docker workflow Add production environment configuration for Docker publish workflow	2026-02-26 10:12:25 +03:00
DenPiligrim	a6515d73e6	Merge pull request #25 from denpiligrim/denpiligrim-patch-1 Initialize package.json for 3dp-manager project	2026-02-26 00:04:53 +03:00
DenPiligrim	2a7d351abb	Initialize package.json for 3dp-manager project	2026-02-26 00:03:59 +03:00
DenPiligrim	0decb0bc82	Merge pull request #23 from denpiligrim/denpiligrim-patch-1 Add Patreon username for funding support	2026-02-12 15:26:54 +03:00
DenPiligrim	8e9e7b6c66	Add Patreon username for funding support	2026-02-12 15:26:30 +03:00
DenPiligrim	2147701d5a	Merge pull request #22 from denpiligrim/dp-fix fix: forwarding ip, installation	2026-02-07 23:34:50 +03:00
Den Piligrim	fee9cd543c	fix: forwarding ip, installation	2026-02-07 23:34:04 +03:00
Den Piligrim	f05ca55201	fix	2026-02-06 14:45:15 +03:00
Den Piligrim	f568de41de	fix hardcode credentials	2026-02-06 14:43:00 +03:00
DenPiligrim	f7495d691b	Merge pull request #21 from denpiligrim/revert-1-advisory-fix-1 Revert "fix: hardcode credentials"	2026-02-06 12:54:50 +03:00
DenPiligrim	5d8ca39f6c	Revert "fix: hardcode credentials"	2026-02-06 12:54:29 +03:00
DenPiligrim	9bbbc8cd97	Merge commit from fork fix: hardcode credentials	2026-02-06 12:44:25 +03:00
Den Piligrim	460e31260e	fix: hardcode credentials	2026-02-06 12:42:25 +03:00
DenPiligrim	1b2112e6d9	Merge pull request #16 from denpiligrim/update-version-to-2.0.1-4380354273118155952 Update version to 2.0.1	2026-02-04 11:27:17 +03:00
google-labs-jules[bot]	e5f0410197	Update version to 2.0.1 in Header component Changed the hardcoded version string in the Help modal window of the Header component from 2.0.0 to 2.0.1. Co-authored-by: denpiligrim <89912505+denpiligrim@users.noreply.github.com>	2026-02-04 08:24:27 +00:00
DenPiligrim	bd3771e7fd	Merge pull request #15 from denpiligrim/dp-gui new readme	2026-02-03 19:46:28 +03:00
Den Piligrim	dd64e4dcb5	new readme	2026-02-03 19:45:40 +03:00
DenPiligrim	53ea8902e6	Merge pull request #14 from denpiligrim/dp-gui fix: installation	2026-02-03 19:26:21 +03:00
Den Piligrim	9f4ef52aaa	fix: installation	2026-02-03 19:25:42 +03:00
DenPiligrim	e64773f703	Merge pull request #13 from denpiligrim/dp-gui fix install	2026-02-03 19:21:26 +03:00
Den Piligrim	69d030e3b4	fix install	2026-02-03 19:20:22 +03:00
DenPiligrim	1908317d92	Merge pull request #12 from denpiligrim/dp-gui Dp GUI patch	2026-02-03 19:11:39 +03:00
Den Piligrim	9861b87465	fix install	2026-02-03 19:09:33 +03:00
Den Piligrim	9aff2e78d8	fix install	2026-02-03 19:08:28 +03:00
Den Piligrim	98ff14d464	add: rotation status	2026-02-03 18:42:53 +03:00
Den Piligrim	653896ae56	github workflow	2026-02-03 12:45:32 +03:00
Den Piligrim	eb21838ce6	dp-gui	2026-02-03 10:43:16 +03:00
Den Piligrim	007afd3b83	fix errors	2026-02-03 10:34:24 +03:00
DenPiligrim	1f9d54ee0b	Merge pull request #8 from denpiligrim/dp-gui GUI	2026-02-01 13:37:04 +03:00
Den Piligrim	10208930ff	v2.0.0	2026-02-01 13:35:32 +03:00
Den Piligrim	ff7b1646b8	nest proto	2026-02-01 12:50:45 +03:00
Den Piligrim	9dee9bc216	fix frontend port	2026-02-01 12:34:20 +03:00
Den Piligrim	083fdf98b3	fix port	2026-02-01 12:25:18 +03:00
Den Piligrim	80a98002d6	fix backend ssl	2026-02-01 12:01:59 +03:00
Den Piligrim	a6c951938c	fix endpoint	2026-02-01 11:26:11 +03:00
Den Piligrim	8cb9aa46d8	fix api endpoint	2026-02-01 11:17:06 +03:00
Den Piligrim	a470b6112f	fix docker compose	2026-02-01 11:10:40 +03:00
Den Piligrim	27d64b3c5f	fix env	2026-02-01 10:58:51 +03:00
Den Piligrim	2183490efb	fix docker file	2026-01-31 22:26:37 +03:00
Den Piligrim	23dc7bff1f	fix docker file	2026-01-31 22:23:55 +03:00
Den Piligrim	899949a150	fix nginx	2026-01-31 22:03:11 +03:00
Den Piligrim	ad3127f8c1	fix ram	2026-01-31 21:27:44 +03:00
Den Piligrim	a55b3e89ac	fix port	2026-01-31 21:24:57 +03:00
Den Piligrim	b178df908b	fix port	2026-01-31 21:21:56 +03:00
Den Piligrim	236d0b2126	fix port	2026-01-31 21:20:12 +03:00
Den Piligrim	ba4b7ef0a4	fix port	2026-01-31 21:18:01 +03:00
Den Piligrim	27310c0bc0	func optimization	2026-01-31 18:44:09 +03:00
Den Piligrim	6db895bcc7	update	2026-01-30 10:13:13 +03:00
Den Piligrim	ba6db6edd5	gui version	2026-01-28 12:05:10 +03:00
DenPiligrim	f574931c25	Merge pull request #7 from denpiligrim/dp-fix fix: index.js	2026-01-08 00:36:31 +03:00
Den Piligrim	6f02e501e6	fix: index.js	2026-01-08 00:35:47 +03:00
DenPiligrim	fed99d8e5c	Merge pull request #6 from denpiligrim/dp-fix fix: url validation, upload rotate.js (v1.0.2)	2026-01-05 23:44:29 +03:00
Den Piligrim	299ec3ecac	fix: url validation, upload rotate.js	2026-01-05 23:43:22 +03:00
DenPiligrim	0c16656c4f	Merge pull request #5 from denpiligrim/dp-fix v1.0.2	2026-01-05 14:29:03 +03:00
Den Piligrim	45f67d3848	add: self-signed cert, docker, cmd rotate	2026-01-05 14:27:03 +03:00
Den Piligrim	b77e5560c8	fix url	2026-01-03 22:09:46 +03:00
Den Piligrim	c48e3df360	fix var	2026-01-03 22:04:50 +03:00
Den Piligrim	17f7baaf61	fix: docker panel, selfsigned cert	2026-01-03 16:05:00 +03:00
				`@@ -0,0 +1 @@`
				<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" aria-hidden="true" role="img" class="iconify iconify--logos" width="35.93" height="32" preserveAspectRatio="xMidYMid meet" viewBox="0 0 256 228"><path fill="#00D8FF" d="M210.483 73.824a171.49 171.49 0 0 0-8.24-2.597c.465-1.9.893-3.777 1.273-5.621c6.238-30.281 2.16-54.676-11.769-62.708c-13.355-7.7-35.196.329-57.254 19.526a171.23 171.23 0 0 0-6.375 5.848a155.866 155.866 0 0 0-4.241-3.917C100.759 3.829 77.587-4.822 63.673 3.233C50.33 10.957 46.379 33.89 51.995 62.588a170.974 170.974 0 0 0 1.892 8.48c-3.28.932-6.445 1.924-9.474 2.98C17.309 83.498 0 98.307 0 113.668c0 15.865 18.582 31.778 46.812 41.427a145.52 145.52 0 0 0 6.921 2.165a167.467 167.467 0 0 0-2.01 9.138c-5.354 28.2-1.173 50.591 12.134 58.266c13.744 7.926 36.812-.22 59.273-19.855a145.567 145.567 0 0 0 5.342-4.923a168.064 168.064 0 0 0 6.92 6.314c21.758 18.722 43.246 26.282 56.54 18.586c13.731-7.949 18.194-32.003 12.4-61.268a145.016 145.016 0 0 0-1.535-6.842c1.62-.48 3.21-.974 4.76-1.488c29.348-9.723 48.443-25.443 48.443-41.52c0-15.417-17.868-30.326-45.517-39.844Zm-6.365 70.984c-1.4.463-2.836.91-4.3 1.345c-3.24-10.257-7.612-21.163-12.963-32.432c5.106-11 9.31-21.767 12.459-31.957c2.619.758 5.16 1.557 7.61 2.4c23.69 8.156 38.14 20.213 38.14 29.504c0 9.896-15.606 22.743-40.946 31.14Zm-10.514 20.834c2.562 12.94 2.927 24.64 1.23 33.787c-1.524 8.219-4.59 13.698-8.382 15.893c-8.067 4.67-25.32-1.4-43.927-17.412a156.726 156.726 0 0 1-6.437-5.87c7.214-7.889 14.423-17.06 21.459-27.246c12.376-1.098 24.068-2.894 34.671-5.345a134.17 134.17 0 0 1 1.386 6.193ZM87.276 214.515c-7.882 2.783-14.16 2.863-17.955.675c-8.075-4.657-11.432-22.636-6.853-46.752a156.923 156.923 0 0 1 1.869-8.499c10.486 2.32 22.093 3.988 34.498 4.994c7.084 9.967 14.501 19.128 21.976 27.15a134.668 134.668 0 0 1-4.877 4.492c-9.933 8.682-19.886 14.842-28.658 17.94ZM50.35 144.747c-12.483-4.267-22.792-9.812-29.858-15.863c-6.35-5.437-9.555-10.836-9.555-15.216c0-9.322 13.897-21.212 37.076-29.293c2.813-.98 5.757-1.905 8.812-2.773c3.204 10.42 7.406 21.315 12.477 32.332c-5.137 11.18-9.399 22.249-12.634 32.792a134.718 134.718 0 0 1-6.318-1.979Zm12.378-84.26c-4.811-24.587-1.616-43.134 6.425-47.789c8.564-4.958 27.502 2.111 47.463 19.835a144.318 144.318 0 0 1 3.841 3.545c-7.438 7.987-14.787 17.08-21.808 26.988c-12.04 1.116-23.565 2.908-34.161 5.309a160.342 160.342 0 0 1-1.76-7.887Zm110.427 27.268a347.8 347.8 0 0 0-7.785-12.803c8.168 1.033 15.994 2.404 23.343 4.08c-2.206 7.072-4.956 14.465-8.193 22.045a381.151 381.151 0 0 0-7.365-13.322Zm-45.032-43.861c5.044 5.465 10.096 11.566 15.065 18.186a322.04 322.04 0 0 0-30.257-.006c4.974-6.559 10.069-12.652 15.192-18.18ZM82.802 87.83a323.167 323.167 0 0 0-7.227 13.238c-3.184-7.553-5.909-14.98-8.134-22.152c7.304-1.634 15.093-2.97 23.209-3.984a321.524 321.524 0 0 0-7.848 12.897Zm8.081 65.352c-8.385-.936-16.291-2.203-23.593-3.793c2.26-7.3 5.045-14.885 8.298-22.6a321.187 321.187 0 0 0 7.257 13.246c2.594 4.48 5.28 8.868 8.038 13.147Zm37.542 31.03c-5.184-5.592-10.354-11.779-15.403-18.433c4.902.192 9.899.29 14.978.29c5.218 0 10.376-.117 15.453-.343c-4.985 6.774-10.018 12.97-15.028 18.486Zm52.198-57.817c3.422 7.8 6.306 15.345 8.596 22.52c-7.422 1.694-15.436 3.058-23.88 4.071a382.417 382.417 0 0 0 7.859-13.026a347.403 347.403 0 0 0 7.425-13.565Zm-16.898 8.101a358.557 358.557 0 0 1-12.281 19.815a329.4 329.4 0 0 1-23.444.823c-7.967 0-15.716-.248-23.178-.732a310.202 310.202 0 0 1-12.513-19.846h.001a307.41 307.41 0 0 1-10.923-20.627a310.278 310.278 0 0 1 10.89-20.637l-.001.001a307.318 307.318 0 0 1 12.413-19.761c7.613-.576 15.42-.876 23.31-.876H128c7.926 0 15.743.303 23.354.883a329.357 329.357 0 0 1 12.335 19.695a358.489 358.489 0 0 1 11.036 20.54a329.472 329.472 0 0 1-11 20.722Zm22.56-122.124c8.572 4.944 11.906 24.881 6.52 51.026c-.344 1.668-.73 3.367-1.15 5.09c-10.622-2.452-22.155-4.275-34.23-5.408c-7.034-10.017-14.323-19.124-21.64-27.008a160.789 160.789 0 0 1 5.888-5.4c18.9-16.447 36.564-22.941 44.612-18.3ZM128 90.808c12.625 0 22.86 10.235 22.86 22.86s-10.235 22.86-22.86 22.86s-22.86-10.235-22.86-22.86s10.235-22.86 22.86-22.86Z"></path></svg>