Creating a control panel infrastructure

src/pages/ProductVersionsPage.vue

@@ -10,11 +10,14 @@ type Tenant = {
   product: 'hamkar' | 'khanegi'
   slug: string
   nameFa: string
+  nameEn?: string | null
   domain: string
   avatarUrl?: string | null
   primaryColor?: string | null
   isActive: boolean
   nodeServer: string
+  notes?: string | null
+  hasAppUiConfig?: boolean
 }
 
 const route = useRoute()
@@ -133,9 +136,14 @@ onMounted(load)
               <div class="domain">{{ item.domain }}</div>
               <div style="margin-top: 8px">
                 <a-tag>{{ item.slug }}</a-tag>
+                <a-tag v-if="item.nameEn" color="blue">{{ item.nameEn }}</a-tag>
                 <a-tag :color="item.isActive ? 'success' : 'default'">
                   {{ item.isActive ? 'فعال' : 'غیرفعال' }}
                 </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>
               </div>
             </div>
           </div>