Add Khanegi modular appearance editor and variant routing.

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

src/pages/TenantFormPage.vue

@@ -21,6 +21,7 @@ const form = reactive({
   domain: '',
   avatarUrl: '',
   appVersion: '1',
+  uiVariant: 'modular' as 'modular' | 'newTheme',
   nodeServer: '',
   nodeWs: '',
   appUrl: '',
@@ -57,6 +58,7 @@ async function load() {
       domain: data.domain,
       avatarUrl: data.avatarUrl || '',
       appVersion: data.appVersion || '1',
+      uiVariant: data.uiVariant === 'newTheme' ? 'newTheme' : 'modular',
       nodeServer: data.nodeServer,
       nodeWs: data.nodeWs || '',
       appUrl: data.appUrl || '',
@@ -142,7 +144,12 @@ onMounted(load)
         v-if="isEdit && form.product === 'khanegi'"
         type="primary"
         ghost
-        @click="router.push({ name: 'version-ui', params: { id: route.params.id } })"
+        @click="
+          router.push({
+            name: form.uiVariant === 'newTheme' ? 'version-ui' : 'version-ui-modular',
+            params: { id: route.params.id },
+          })
+        "
       >
         ظاهر اپ
       </a-button>
@@ -175,7 +182,10 @@ onMounted(load)
         <h3>لوگو</h3>
         <p class="field-hint">
           از طریق /get_user به‌عنوان <code dir="ltr">avatar</code> به نسخه‌ها فرستاده می‌شود.
-          <template v-if="form.product === 'khanegi'"> رنگ و تم از صفحه «ظاهر اپ» تنظیم می‌شود.</template>
+          <template v-if="form.product === 'khanegi'">
+            رنگ و تم از صفحه «ظاهر اپ» تنظیم می‌شود
+            ({{ form.uiVariant === 'newTheme' ? 'New theme' : 'Modular' }}).
+          </template>
         </p>
         <a-form-item name="avatarUrl">
           <div class="logo-upload-row">