v0.5.18: DEV/TEST/PROD в одной строке с лого и Swagger

site/static/style.css

@@ -128,6 +128,31 @@ body {
     color: var(--brand-primary);
 }
 
+/* ── Inline stand chips (in header row) ── */
+.stand-chip-inline {
+    display: inline-block;
+    padding: 2px 10px;
+    border: 2px solid var(--border);
+    border-radius: 100px;
+    text-decoration: none;
+    font-size: 12px;
+    font-weight: 700;
+    text-transform: uppercase;
+    color: var(--text-muted);
+    transition: all 0.15s;
+}
+
+.stand-chip-inline:hover {
+    border-color: var(--brand-primary);
+    color: var(--brand-primary);
+}
+
+.stand-chip-inline.stand-active {
+    border-color: var(--brand-primary);
+    background: #eff6ff;
+    color: var(--brand-primary);
+}
+
 /* ── Layout ── */
 main {
     max-width: 960px;

site/templates/index.html

@@ -13,8 +13,13 @@
 <header class="header">
     <div class="header-top">
         <span class="badge badge-blue">polygon v{{ version }}</span>
-        <span class="sep">·</span>
         <img src="{{ url_for('static', filename='logo.svg') }}" alt="Nubes" class="logo" width="108" height="24">
+        {% if stands_list|length > 1 %}
+        {% for s in stands_list %}
+        <a href="/{{ s.id }}/" class="stand-chip-inline {% if s.id == current_stand %}stand-active{% endif %}">{{ s.id }}</a>
+        {% endfor %}
+        <span class="sep">·</span>
+        {% endif %}
         <a href="/swagger" class="swagger-link">📋 Swagger</a>
         <span class="sep">·</span>
         <span class="dot dot-green"></span>
@@ -26,16 +31,6 @@
         <span class="sep">·</span>
         <span class="header-stat">Задержка: <strong>{{ delay }}s</strong></span>
     </div>
-    {% if stands_list|length > 1 %}
-    <div class="header-stands">
-        {% for s in stands_list %}
-        <a href="/{{ s.id }}/" class="stand-card-sm {% if s.id == current_stand %}stand-active{% endif %}">
-            <span class="stand-name">{{ s.id }}</span>
-            <span class="stand-count">{{ s.count }} сервисов</span>
-        </a>
-        {% endfor %}
-    </div>
-    {% endif %}
 </header>
 
 <main>