From 68de9a233713832540be741cc169785facf470e3 Mon Sep 17 00:00:00 2001
From: Mahdi <mahdi.banilohi@gmail.com>
Date: Sat, 8 Aug 2026 13:00:50 +0330
Subject: [PATCH] Add All chip to clear status filters on panel legends.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/pages/PluginPanelPage.vue  | 10 ++++++++++
 src/pages/ServerPanelPage.vue  | 10 ++++++++++
 src/pages/SmsPanelPage.vue     | 10 ++++++++++
 src/pages/SupportPanelPage.vue | 10 ++++++++++
 4 files changed, 40 insertions(+)

diff --git a/src/pages/PluginPanelPage.vue b/src/pages/PluginPanelPage.vue
index 7765484..c89da7e 100644
--- a/src/pages/PluginPanelPage.vue
+++ b/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;
diff --git a/src/pages/ServerPanelPage.vue b/src/pages/ServerPanelPage.vue
index c89377f..12aa740 100644
--- a/src/pages/ServerPanelPage.vue
+++ b/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;
diff --git a/src/pages/SmsPanelPage.vue b/src/pages/SmsPanelPage.vue
index d8569b6..20d0afd 100644
--- a/src/pages/SmsPanelPage.vue
+++ b/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;
diff --git a/src/pages/SupportPanelPage.vue b/src/pages/SupportPanelPage.vue
index 8a2284c..774b1c9 100644
--- a/src/pages/SupportPanelPage.vue
+++ b/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;