From b58bc9e1ba1367288df4d40bb65757039140d317 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=92=D0=B8=D1=82=D0=B0=D0=BB=D0=B8=D0=B9=20=D0=9B=D0=B8?=
 =?UTF-8?q?=D1=82=D0=B2=D0=B8=D0=BD=D0=BE=D0=B2?=
 <vitalijlitvinov@MacBook-Pro-Vitalij.local>
Date: Sat, 25 Apr 2026 15:35:13 +0300
Subject: [PATCH] v2.5.0: make key stats selection explicit

---
 admin-web/static/app.js      |  4 +++-
 admin-web/static/index.html  |  2 +-
 admin-web/static/styles.css  | 19 +++++++++++++++++++
 tests/test_admin_features.py |  1 +
 4 files changed, 24 insertions(+), 2 deletions(-)

diff --git a/admin-web/static/app.js b/admin-web/static/app.js
index 39f07d7..e3c9e19 100644
--- a/admin-web/static/app.js
+++ b/admin-web/static/app.js
@@ -1153,7 +1153,9 @@ function renderUsers() {
     return `
     <tr class="${user.enabled ? "" : "disabled-row"} ${pending ? "pending-row" : ""} ${selected ? "selected-row" : ""}" data-select-user-traffic="${escapeAttr(user.name)}" aria-selected="${selected ? "true" : "false"}">
       <td data-label="${escapeAttr(t("tableUser"))}">
-        <strong>${escapeHtml(user.name)}</strong>${user.main ? ` <small>${escapeHtml(t("main"))}</small>` : ""}
+        <button class="key-name-button" type="button" data-user-traffic="${escapeAttr(user.name)}">
+          <strong>${escapeHtml(user.name)}</strong>${user.main ? ` <small>${escapeHtml(t("main"))}</small>` : ""}
+        </button>
       </td>
       <td data-label="${escapeAttr(t("tableStatus"))}">
         <div class="status-control">
diff --git a/admin-web/static/index.html b/admin-web/static/index.html
index 60749ea..6405d90 100644
--- a/admin-web/static/index.html
+++ b/admin-web/static/index.html
@@ -400,6 +400,6 @@
       </div>
     </div>
   </div>
-  <script src="/app.js?v=2.5.0-admin14" type="module"></script>
+  <script src="/app.js?v=2.5.0-admin15" type="module"></script>
 </body>
 </html>
diff --git a/admin-web/static/styles.css b/admin-web/static/styles.css
index e7a0a00..9a589e5 100644
--- a/admin-web/static/styles.css
+++ b/admin-web/static/styles.css
@@ -875,6 +875,25 @@ td small {
   white-space: nowrap;
 }
 
+.key-name-button {
+  min-height: auto;
+  padding: 0;
+  border-radius: 0;
+  background: transparent;
+  color: var(--text);
+  box-shadow: none;
+  display: inline-flex;
+  align-items: baseline;
+  gap: 5px;
+  text-align: left;
+}
+
+.key-name-button:hover {
+  color: var(--blue);
+  transform: none;
+  box-shadow: none;
+}
+
 .mini-actions {
   justify-content: flex-start;
   flex-wrap: nowrap;
diff --git a/tests/test_admin_features.py b/tests/test_admin_features.py
index 2940a8a..859270e 100644
--- a/tests/test_admin_features.py
+++ b/tests/test_admin_features.py
@@ -136,6 +136,7 @@ class AdminFeatureTests(unittest.TestCase):
 
         self.assertNotIn('class="actions"', app_js)
         self.assertIn('class="action-buttons"', app_js)
+        self.assertIn('class="key-name-button"', app_js)
         self.assertNotIn("td.actions", styles)
         self.assertRegex(index, r'<table class="keys-table">[\s\S]*?<tbody id="usersTable">')