Add All chip to clear status filters on panel legends.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/pages/PluginPanelPage.vue

@@ -98,6 +98,14 @@ onMounted(loadTenants)
     </div>
 
     <div class="legend" role="group" aria-label="فیلتر وضعیت افزونه">
+      <button
+        type="button"
+        class="chip all"
+        :class="{ active: toneFilter === null }"
+        @click="toneFilter = null"
+      >
+        همه
+      </button>
       <button
         type="button"
         class="chip healthy"
@@ -216,6 +224,8 @@ onMounted(loadTenants)
 .chip.critical.active { border-color: #b42318; }
 .chip.unknown { background: #eef2f7; color: #64748b; }
 .chip.unknown.active { border-color: #64748b; }
+.chip.all { background: #e8edf5; color: #334155; }
+.chip.all.active { border-color: #334155; }
 
 .sms-selector {
   border-radius: 22px;

src/pages/ServerPanelPage.vue

@@ -109,6 +109,14 @@ onMounted(loadTenants)
     </div>
 
     <div class="legend" role="group" aria-label="فیلتر وضعیت سرور">
+      <button
+        type="button"
+        class="chip all"
+        :class="{ active: toneFilter === null }"
+        @click="toneFilter = null"
+      >
+        همه
+      </button>
       <button
         type="button"
         class="chip dedicated"
@@ -245,6 +253,8 @@ onMounted(loadTenants)
 .chip.critical.active { border-color: #b42318; }
 .chip.unknown { background: #eef2f7; color: #64748b; }
 .chip.unknown.active { border-color: #64748b; }
+.chip.all { background: #e8edf5; color: #334155; }
+.chip.all.active { border-color: #334155; }
 
 .sms-selector {
   border-radius: 22px;

src/pages/SmsPanelPage.vue

@@ -108,6 +108,14 @@ onMounted(loadTenants)
     />
 
     <div class="legend" role="group" aria-label="فیلتر وضعیت موجودی">
+      <button
+        type="button"
+        class="chip all"
+        :class="{ active: toneFilter === null }"
+        @click="toneFilter = null"
+      >
+        همه
+      </button>
       <button
         type="button"
         class="chip healthy"
@@ -217,6 +225,8 @@ onMounted(loadTenants)
 .chip.warning.active { border-color: #8a6200; }
 .chip.critical { background: #ffd8d8; color: #9d1f1f; }
 .chip.critical.active { border-color: #9d1f1f; }
+.chip.all { background: #eef2f7; color: #334155; }
+.chip.all.active { border-color: #334155; }
 
 .sms-selector {
   background: #f7f9fc;

src/pages/SupportPanelPage.vue

@@ -98,6 +98,14 @@ onMounted(loadTenants)
     </div>
 
     <div class="legend" role="group" aria-label="فیلتر وضعیت پشتیبانی">
+      <button
+        type="button"
+        class="chip all"
+        :class="{ active: toneFilter === null }"
+        @click="toneFilter = null"
+      >
+        همه
+      </button>
       <button
         type="button"
         class="chip healthy"
@@ -216,6 +224,8 @@ onMounted(loadTenants)
 .chip.critical.active { border-color: #b42318; }
 .chip.unknown { background: #eef2f7; color: #64748b; }
 .chip.unknown.active { border-color: #64748b; }
+.chip.all { background: #e8edf5; color: #334155; }
+.chip.all.active { border-color: #334155; }
 
 .sms-selector {
   border-radius: 22px;