From dbeb1b9cc01209edbf05b91d4a6e6c6ad14d5350 Mon Sep 17 00:00:00 2001
From: Dokril <floplopru@gmail.com>
Date: Wed, 24 Dec 2025 11:38:35 +0300
Subject: [PATCH] =?UTF-8?q?=D0=B4=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB=D0=B5?=
 =?UTF-8?q?=D0=BD=D1=8B=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B8=20=D0=BD?=
 =?UTF-8?q?=D0=B0=20=D1=84=D1=80=D0=BE=D0=BD=D1=82?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 web/index.html | 68 ++++++++++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 68 insertions(+)

diff --git a/web/index.html b/web/index.html
index 6088884..3db378a 100644
--- a/web/index.html
+++ b/web/index.html
@@ -291,6 +291,44 @@
             color: var(--text-secondary);
         }
 
+        .connection-info {
+            margin-top: 2rem;
+            padding-top: 1.5rem;
+            border-top: 1px solid var(--border-color);
+        }
+
+        .connection-info h3 {
+            font-size: 0.9rem;
+            color: var(--text-secondary);
+            margin-bottom: 1rem;
+            font-weight: 500;
+        }
+
+        .info-item {
+            background: var(--bg-secondary);
+            padding: 0.75rem 1rem;
+            border-radius: 12px;
+            margin-bottom: 0.75rem;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            font-size: 0.85rem;
+        }
+
+        .info-item .label {
+            color: var(--text-secondary);
+        }
+
+        .info-item .value {
+            font-family: 'JetBrains Mono', monospace;
+            color: var(--accent);
+            background: rgba(99, 102, 241, 0.1);
+            padding: 0.25rem 0.5rem;
+            border-radius: 6px;
+            user-select: all;
+            cursor: pointer;
+        }
+
         /* Responsive */
         @media (max-width: 480px) {
             body {
@@ -350,6 +388,18 @@
                 <span class="message-icon" id="messageIcon"></span>
                 <span id="messageText"></span>
             </div>
+
+            <div class="connection-info">
+                <h3>Данные для подключения</h3>
+                <div class="info-item">
+                    <span class="label">HTTP / HTTPS</span>
+                    <code class="value" id="httpLink" title="Нажмите, чтобы скопировать">...</code>
+                </div>
+                <div class="info-item">
+                    <span class="label">SOCKS5</span>
+                    <code class="value" id="socksLink" title="Нажмите, чтобы скопировать">...</code>
+                </div>
+            </div>
         </div>
 
         <div class="footer">
@@ -443,6 +493,24 @@
         fetchStatus();
         // Refresh status every 30 seconds
         setInterval(fetchStatus, 30000);
+
+        // Update connection links
+        const hostname = window.location.hostname;
+        const httpLink = document.getElementById('httpLink');
+        const socksLink = document.getElementById('socksLink');
+        
+        httpLink.textContent = `http://${hostname}:8082`;
+        socksLink.textContent = `socks5://${hostname}:8082`;
+
+        // Copy to clipboard on click
+        [httpLink, socksLink].forEach(el => {
+            el.addEventListener('click', () => {
+                navigator.clipboard.writeText(el.textContent);
+                const original = el.style.color;
+                el.style.color = 'var(--success)';
+                setTimeout(() => el.style.color = original, 500);
+            });
+        });
     </script>
 </body>
 </html>