From d26f9a6818914d38546de10aa5a0531344e75fde Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E2=80=9CNaeel=E2=80=9D?= <tazet@narod.ru>
Date: Mon, 3 Aug 2026 09:27:00 +0400
Subject: [PATCH] =?UTF-8?q?v0.5.13:=20=D1=81=D1=82=D0=B5=D0=BD=D0=B4=D1=8B?=
 =?UTF-8?q?=20=D0=B2=20sticky-header=20=E2=80=94=20=D1=87=D0=B8=D0=BF?=
 =?UTF-8?q?=D1=81=D1=8B=20=D0=B2=D0=BC=D0=B5=D1=81=D1=82=D0=BE=20=D0=BA?=
 =?UTF-8?q?=D0=B0=D1=80=D1=82=D0=BE=D1=87=D0=B5=D0=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/config/loader.py     |  2 +-
 site/static/style.css     | 42 +++++++++++++++++++++++++++++++++++++++
 site/templates/index.html | 25 ++++++++---------------
 3 files changed, 51 insertions(+), 18 deletions(-)

diff --git a/site/config/loader.py b/site/config/loader.py
index 69a2c48..6f1f370 100644
--- a/site/config/loader.py
+++ b/site/config/loader.py
@@ -80,7 +80,7 @@ SERVICES = _DF["SERVICES"]
 OPS_INDEX = _DF["OPS_INDEX"]
 
 DELAY = float(os.getenv("MOCK_OP_DELAY", "0.1"))
-VERSION = "0.5.12"
+VERSION = "0.5.13"
 
 
 def get_services(stand_id):
diff --git a/site/static/style.css b/site/static/style.css
index 38150f0..0773900 100644
--- a/site/static/style.css
+++ b/site/static/style.css
@@ -74,6 +74,48 @@ body {
     color: var(--brand-gray);
 }
 
+/* ── Header stands chips ── */
+.header-stands {
+    display: flex;
+    gap: 8px;
+    margin-top: 8px;
+}
+
+.stand-chip {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 4px 14px;
+    border: 2px solid var(--border);
+    border-radius: 100px;
+    text-decoration: none;
+    font-size: 13px;
+    font-weight: 600;
+    color: var(--text-muted);
+    transition: all 0.15s;
+}
+
+.stand-chip:hover {
+    border-color: var(--brand-primary);
+    color: var(--brand-primary);
+}
+
+.stand-chip .stand-name {
+    text-transform: uppercase;
+    font-size: 12px;
+}
+
+.stand-chip .stand-count {
+    font-size: 11px;
+    opacity: 0.7;
+}
+
+.stand-active {
+    border-color: var(--brand-primary);
+    background: #eff6ff;
+    color: var(--brand-primary);
+}
+
 /* ── Layout ── */
 main {
     max-width: 960px;
diff --git a/site/templates/index.html b/site/templates/index.html
index 519a317..829c513 100644
--- a/site/templates/index.html
+++ b/site/templates/index.html
@@ -26,28 +26,19 @@
         <span class="sep">·</span>
         <span>Задержка: <strong>{{ delay }}s</strong></span>
     </div>
-</header>
-
-<main>
-
-<!-- ── Стенды ── -->
-{% if stands_list|length > 1 %}
-<section class="card card-stands">
-    <div class="card-header">
-        <h2>🖥 Стенды</h2>
-        <span class="muted">Вы находитесь на стенде <strong>{{ current_stand }}</strong></span>
-    </div>
-    <div class="card-body stands-grid">
+    {% if stands_list|length > 1 %}
+    <div class="header-stands">
         {% for s in stands_list %}
-        <a href="/{{ s.id }}/" class="stand-card {% if s.id == current_stand %}stand-active{% endif %}">
+        <a href="/{{ s.id }}/" class="stand-chip {% if s.id == current_stand %}stand-active{% endif %}">
             <span class="stand-name">{{ s.id }}</span>
-            <span class="stand-count">{{ s.count }} сервисов</span>
-            <span class="stand-arrow">→</span>
+            <span class="stand-count">{{ s.count }}</span>
         </a>
         {% endfor %}
     </div>
-</section>
-{% endif %}
+    {% endif %}
+</header>
+
+<main>
 
 <!-- ── Что такое Polygon ── -->
 <section class="card">