From f52d68300ca49ffd844f4c5c47039e6f99031398 Mon Sep 17 00:00:00 2001
From: dan <melekdan@yandex.ru>
Date: Sat, 6 Dec 2025 19:43:42 +0300
Subject: [PATCH] Restructure fake packets layout

---
 .../packmate/security/FakeAdminResponder.java | 87 +++++++------------
 1 file changed, 33 insertions(+), 54 deletions(-)

diff --git a/src/main/java/ru/serega6531/packmate/security/FakeAdminResponder.java b/src/main/java/ru/serega6531/packmate/security/FakeAdminResponder.java
index f53d4bd..89d2fd1 100644
--- a/src/main/java/ru/serega6531/packmate/security/FakeAdminResponder.java
+++ b/src/main/java/ru/serega6531/packmate/security/FakeAdminResponder.java
@@ -413,9 +413,27 @@ public class FakeAdminResponder {
                             padding-right: 8px;
                             white-space: nowrap;
                         }
+                        .services-nav {
+                            display: flex;
+                            align-items: center;
+                            gap: 4px;
+                            margin-left: 14px;
+                            flex-wrap: wrap;
+                        }
+                        .services-nav .nav-link {
+                            padding: 6px 10px;
+                            border-radius: 10px;
+                            margin: 2px 0;
+                            background: rgba(122, 29, 255, 0.12);
+                            border: 1px solid rgba(122, 29, 255, 0.28);
+                            color: var(--text);
+                            font-size: 10px;
+                            letter-spacing: 0.3px;
+                            white-space: nowrap;
+                        }
                         .layout {
                             display: grid;
-                            grid-template-columns: 280px 1fr;
+                            grid-template-columns: 320px 1fr;
                             gap: 0;
                             min-height: calc(100vh - 72px);
                         }
@@ -432,30 +450,13 @@ public class FakeAdminResponder {
                             color: var(--muted);
                             margin-bottom: 10px;
                         }
-                        .service {
-                            margin: 8px 0;
-                            border-radius: 14px;
-                            border: 1px solid rgba(122, 29, 255, 0.25);
-                            background: linear-gradient(125deg, rgba(122, 29, 255, 0.12), rgba(7, 4, 15, 0.9));
-                            box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
-                            padding: 12px;
-                        }
-                        .service .name {
-                            color: var(--text);
-                            font-size: 10px;
-                        }
-                        .service .meta {
-                            color: var(--muted);
-                            font-size: 9px;
-                            margin-top: 4px;
-                            line-height: 1.5;
-                        }
                         .content {
                             background: var(--panel);
                             border-left: 1px solid rgba(122, 29, 255, 0.15);
                             padding: 18px 22px 26px;
                             box-shadow: inset 0 0 30px rgba(0, 0, 0, 0.45), 0 0 38px rgba(122, 29, 255, 0.18);
                             position: relative;
+                            min-height: calc(100vh - 120px);
                         }
                         .content-header {
                             display: flex;
@@ -467,15 +468,6 @@ public class FakeAdminResponder {
                             font-size: 12px;
                             color: var(--text);
                         }
-                        .mode-pill {
-                            background: rgba(122, 29, 255, 0.12);
-                            border: 1px solid rgba(122, 29, 255, 0.35);
-                            color: var(--accent);
-                            padding: 6px 10px;
-                            border-radius: 10px;
-                            font-size: 9px;
-                            letter-spacing: 0.5px;
-                        }
                         .packet-board {
                             background: rgba(9, 7, 18, 0.9);
                             border: 1px solid rgba(122, 29, 255, 0.35);
@@ -514,11 +506,7 @@ public class FakeAdminResponder {
                             font-size: 10px;
                         }
                         .packet-line .bytes { color: #9ff8ff; }
-                        .muted-bar {
-                            color: rgba(230, 224, 255, 0.4);
-                            font-size: 10px;
-                            margin-top: 10px;
-                        }
+                        .empty-slot { background: transparent; border: none; box-shadow: none; }
                     </style>
                 </head>
                 <body>
@@ -538,27 +526,21 @@ public class FakeAdminResponder {
                             <div class="patterns-dropdown">
                                 <button class="btn btn-dark btn-block" disabled>Patterns</button>
                             </div>
+                            <div class="services-nav" id="nav-services"></div>
                             <span class="ml-auto text-monospace text-muted" style="font-size: 10px;">[Selected: none]</span>
                         </nav>
                         <div class="layout" style="margin-top: 64px;">
                             <aside class="sidebar">
-                                <div class="sidebar-title">Services</div>
-                                <div id="service-list"></div>
-                            </aside>
-                            <main class="content">
-                                <div class="content-header">
-                                    <div class="title">Streams</div>
-                                    <div class="mode-pill">mode: fake</div>
-                                </div>
+                                <div class="sidebar-title">Packets</div>
                                 <div class="packet-board">
                                     <div class="packet-feed" id="packet-feed"></div>
-                                    <div class="muted-bar">Decoy feed only. Real capture stays sealed.</div>
                                 </div>
-                            </main>
+                            </aside>
+                            <main class="content empty-slot"></main>
                         </div>
                     </div>
                 <script>
-                    const servicesEl = document.getElementById('service-list');
+                    const navServicesEl = document.getElementById('nav-services');
                     const feedEl = document.getElementById('packet-feed');
                     const spmEl = document.getElementById('metric-spm');
                     const ppsEl = document.getElementById('metric-pps');
@@ -579,16 +561,13 @@ public class FakeAdminResponder {
                         });
 
                     function renderServices() {
-                        servicesEl.innerHTML = '';
-                        services.forEach((svc, idx) => {
-                            const wrap = document.createElement('div');
-                            wrap.className = 'service';
-                            wrap.innerHTML = `
-                                <div class="name">${svc.name} #${svc.port}</div>
-                                <div class="meta">kind: ${(svc.packetKind || 'tcp').toUpperCase()}</div>
-                                <div class="meta">streams per min: ${Math.floor(Math.random() * 80) + 4}</div>
-                            `;
-                            servicesEl.appendChild(wrap);
+                        navServicesEl.innerHTML = '';
+                        services.forEach((svc) => {
+                            const link = document.createElement('a');
+                            link.className = 'nav-link';
+                            link.href = '#';
+                            link.textContent = `${svc.name} #${svc.port}`;
+                            navServicesEl.appendChild(link);
                         });
                     }