From fa6ab5d3c752c7f5f1a27695c3d494365d526771 Mon Sep 17 00:00:00 2001
From: chiyi <cyi.cc@outlook.com>
Date: Thu, 8 Oct 2026 17:01:14 +0800
Subject: [PATCH] dim zero-alive regions in proxy sidebar

Fresh-deployed instances run the first alive-check and most free
proxies die, leaving long lists of "0" regions. Dim them so alive
regions stand out; data itself is correct.

Generated with [Devin](https://devin.ai)

Co-Authored-By: Devin <158243242+devin-ai-integration[bot]@users.noreply.github.com>
---
 frontend/src/views/Proxies.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/frontend/src/views/Proxies.vue b/frontend/src/views/Proxies.vue
index 6c95aae..1bed641 100644
--- a/frontend/src/views/Proxies.vue
+++ b/frontend/src/views/Proxies.vue
@@ -159,7 +159,7 @@ function syncDetail(s: proxySyncView): SyncDetail {
             <div class="region-grp">{{ regionZh[grp] ?? grp }}</div>
             <div
               v-for="r in list" :key="r.id"
-              class="region-row" :class="{ on: regionId === r.id }"
+              class="region-row" :class="{ on: regionId === r.id, dead: !r.aliveCount }"
               @click="pickRegion(r.id)"
             >
               <span class="region-code">{{ r.code }}</span>
@@ -281,6 +281,7 @@ function syncDetail(s: proxySyncView): SyncDetail {
 }
 .region-row:hover { background: var(--cb-cream-2, #f1eee8); }
 .region-row.on { background: var(--cb-yellow); border-color: var(--cb-ink); }
+.region-row.dead { opacity: .38; }
 .region-code {
   font-size: 11px; font-weight: 800; font-family: Consolas, monospace;
   border: 2px solid var(--cb-ink); border-radius: 6px; padding: 0 6px;