feat: Реализован новый веб-интерфейс и бэкенд для управления VPN-клиентом, включая списки серверов, элементы управления прокси и опции конфигурации.

web/components/subscription.html

@@ -0,0 +1,25 @@
+<!-- Subscription Input -->
+<div class="flex flex-col gap-2 p-4 bg-[#0a0a0a] border border-[#00ff41]/30 relative">
+    <label class="text-[11px] uppercase tracking-widest opacity-50 text-[#00ff41]">Subscription_URL</label>
+    <div class="flex gap-2">
+        <div class="relative flex-grow">
+            <i data-lucide="link" class="absolute left-3 top-1/2 -translate-y-1/2 w-4 h-4 text-[#00ff41]/40"></i>
+            <!-- Hidden full URL input -->
+            <input type="hidden" id="subUrlFull" />
+            <!-- Masked display input -->
+            <input type="text" id="subUrlInput" placeholder="https://provider.com/..."
+                class="w-full bg-black border border-[#00ff41]/20 py-2.5 pl-10 pr-10 text-sm tracking-wider focus:outline-none focus:border-[#00ff41] transition-all placeholder:text-[#00ff41]/20 text-[#00ff41]" />
+            <!-- Toggle visibility -->
+            <button id="toggleUrlVisibility" type="button"
+                class="absolute right-3 top-1/2 -translate-y-1/2 text-[#00ff41]/40 hover:text-[#00ff41] transition-colors"
+                title="Show/Hide full URL">
+                <i data-lucide="eye-off" class="w-4 h-4" id="urlEyeIcon"></i>
+            </button>
+        </div>
+        <button id="fetchServersBtn"
+            class="flex items-center justify-center gap-2 bg-[#00ff41] text-black px-4 py-2.5 text-xs font-black uppercase tracking-widest hover:bg-white hover:shadow-[0_0_15px_rgba(0,255,65,0.4)] transition-all disabled:opacity-50 disabled:cursor-not-allowed">
+            <i data-lucide="download" class="w-4 h-4" id="fetchIcon"></i>
+            <span id="fetchText">Sync</span>
+        </button>
+    </div>
+</div>