added some feature for plugin 2

src/pages/ProductVersionsPage.vue

@@ -155,58 +155,61 @@ onMounted(load)
     <a-spin :spinning="loading">
       <div v-if="filtered.length" class="version-list">
         <article v-for="item in filtered" :key="item.id" class="version-card">
-          <div class="version-card-head">
-            <img
-              v-if="item.avatarUrl"
-              class="version-avatar"
-              :src="rewriteLegacyUploadUrl(item.avatarUrl)"
-              :alt="item.nameFa"
-            />
-            <div
-              v-else
-              class="version-avatar fallback"
-              :style="{ background: item.primaryColor || '#1d4ed8' }"
-            >
-              {{ item.nameFa.slice(0, 1) }}
-            </div>
-            <div class="version-meta">
-              <div class="version-title-row">
-                <h3>{{ item.nameFa }}</h3>
-                <span class="version-status" :class="item.isActive ? 'is-on' : 'is-off'">
-                  {{ item.isActive ? 'فعال' : 'غیرفعال' }}
-                </span>
+          <div class="version-card-body">
+            <div class="version-card-head">
+              <img
+                v-if="item.avatarUrl"
+                class="version-avatar"
+                :src="rewriteLegacyUploadUrl(item.avatarUrl)"
+                :alt="item.nameFa"
+              />
+              <div
+                v-else
+                class="version-avatar fallback"
+                :style="{ background: item.primaryColor || '#1d4ed8' }"
+              >
+                {{ item.nameFa.slice(0, 1) }}
+              </div>
+              <div class="version-meta">
+                <div class="version-title-row">
+                  <h3>{{ item.nameFa }}</h3>
+                  <span class="version-status" :class="item.isActive ? 'is-on' : 'is-off'">
+                    {{ item.isActive ? 'فعال' : 'غیرفعال' }}
+                  </span>
+                </div>
+                <div class="domain">{{ item.domain }}</div>
+                <div class="created-at">{{ formatIranDateTime(item.createdAt) }}</div>
               </div>
-              <div class="domain">{{ item.domain }}</div>
-              <div class="created-at">{{ formatIranDateTime(item.createdAt) }}</div>
             </div>
-          </div>
-          <div class="version-tags">
-            <a-tag>{{ item.slug }}</a-tag>
-            <a-tag v-if="item.nameEn" color="blue">{{ item.nameEn }}</a-tag>
-            <a-tag v-if="item.notes?.includes('classifyConfidence:low')" color="orange">
-              بررسی محصول
-            </a-tag>
-            <a-tag v-if="item.hasAppUiConfig" color="purple">ظاهر اپ</a-tag>
-            <a-tag v-if="item.hasProgramSettings" color="cyan">تنظیمات برنامه</a-tag>
-            <a-tag v-if="product === 'khanegi'" :color="item.uiVariant === 'newTheme' ? 'geekblue' : 'cyan'">
-              {{ item.uiVariant === 'newTheme' ? 'New theme' : 'Modular' }}
-            </a-tag>
+            <div
+              v-if="item.notes?.includes('classifyConfidence:low') || product === 'khanegi'"
+              class="version-tags"
+            >
+              <a-tag v-if="item.notes?.includes('classifyConfidence:low')" color="orange">
+                بررسی محصول
+              </a-tag>
+              <a-tag
+                v-if="product === 'khanegi'"
+                :color="item.uiVariant === 'newTheme' ? 'geekblue' : 'cyan'"
+              >
+                {{ item.uiVariant === 'newTheme' ? 'New theme' : 'Modular' }}
+              </a-tag>
+            </div>
           </div>
           <div class="version-actions">
-            <a-button size="small" type="primary" ghost block @click="edit(item.id)">
+            <a-button size="small" type="primary" ghost @click="edit(item.id)">
               <template #icon><SettingOutlined /></template>
               مدیریت
             </a-button>
             <a-button
               v-if="product === 'khanegi'"
               size="small"
-              block
               @click="goProgramSettings(item.id)"
             >
               <template #icon><SlidersOutlined /></template>
               تنظیمات
             </a-button>
-            <a-button size="small" block @click="goAppearance(item)">
+            <a-button size="small" @click="goAppearance(item)">
               <template #icon><SkinOutlined /></template>
               ظاهر
             </a-button>
@@ -215,7 +218,6 @@ onMounted(load)
               size="small"
               danger
               ghost
-              block
               @click="remove(item)"
             >
               <template #icon><DeleteOutlined /></template>