bfg-common 1.5.655 → 1.5.657

package/assets/localization/local_be.json

@@ -3741,6 +3741,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "Двухфактарная аўтэнтыфікацыя",
-    "securityLabel": "Дадайце дадатковы ўзровень бяпекі да вашага акаўнта"
+    "securityLabel": "Дадайце дадатковы ўзровень бяпекі да вашага акаўнта",
+    "enterOtpForDisabled": "Увядзіце 6-значны код і пацвердзіце, каб адключыць:",
+    "enterOtpForEnabled": "Увядзіце 6-значны код і пацвердзіце:",
+    "qrcodeDescription": "Скануйце гэты QR-код з дапамогай праграмы-аўтэнтыфікатара альбо ўвядзіце адзін з гэтых кодаў уручную. Пасля гэтага пацвердзіце дзеянне, увёўшы аднаразовы код ніжэй."
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "Палітыка двухфактарнай аўтэнтыфікацыі",
+    "twoFactorGracePeriodDays": "Дні льготнага перыяду для двухфактарнай аўтэнтыфікацыі",
+    "maxIdenticalAdjacentCharacters": "Макс. колькасць аднолькавых суседніх сімвалаў",
+    "maxLength": "Макс. даўжыня",
+    "minLength": "Мін. даўжыня",
+    "minAlphabeticCount": "Мін. колькасць літар",
+    "minLowerCaseCount": "Мін. колькасць малых літар",
+    "minUpperCaseCount": "Мін. колькасць вялікіх літар",
+    "minNumericCount": "Мін. колькасць лічбаў",
+    "minSpecialCharCount": "Мін. колькасць спецыяльных сімвалаў",
+    "passwordLifeTimeDays": "Тэрмін дзеяння пароля ў днях",
+    "prohibitedPreviousPasswordCount": "Колькасць забароненых папярэдніх пароляў",
+    "maxFailedAttempts": "Максімальная колькасць няўдалых спроб",
+    "failedAttemptIntervalSec": "Інтэрвал паміж няўдалымі спробамі (сек)",
+    "autoUnlockIntervalSec": "Інтэрвал аўтаматычнай разблакіроўкі (сек)",
+    "maxDurationSec": "Максімальная працягласць (сек)",
+    "idleTimeoutSec": "Час бездзейнасці (сек)",
+    "maxConcurrentSessions": "Макс. колькасць адначасовых сесій"
   }
 }

package/assets/localization/local_en.json

@@ -3745,6 +3745,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "Two-Factor Authentication",
-    "securityLabel": "Add an extra layer of security to your account"
+    "securityLabel": "Add an extra layer of security to your account",
+    "enterOtpForDisabled": "Enter the 6-digit code and confirm to disable it:",
+    "enterOtpForEnabled": "Enter the 6-digit code and confirm:",
+    "qrcodeDescription": "Scan this QR code with your authenticator app, or enter one of these codes manually. After that, confirm the action by entering the one-time code below."
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "Two-factor policy",
+    "twoFactorGracePeriodDays": "Two factor grace period days",
+    "maxIdenticalAdjacentCharacters": "Max identical adjacent characters",
+    "maxLength": "Max length",
+    "minLength": "Min length",
+    "minAlphabeticCount": "Min alphabetic count",
+    "minLowerCaseCount": "Min lower case count",
+    "minUpperCaseCount": "Min upper case count",
+    "minNumericCount": "Min numeric count",
+    "minSpecialCharCount": "Min special character count",
+    "passwordLifeTimeDays": "Password life time days",
+    "prohibitedPreviousPasswordCount": "Prohibited previous password count",
+    "maxFailedAttempts": "Max failed attempts",
+    "failedAttemptIntervalSec": "Failed attempt interval sec",
+    "autoUnlockIntervalSec": "Auto unlock interval sec",
+    "maxDurationSec": "Max duration sec",
+    "idleTimeoutSec": "Idle timeout sec",
+    "maxConcurrentSessions": "Max concurrent sessions"
   }
 }

package/assets/localization/local_hy.json

@@ -3745,6 +3745,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "Երկգործոն նույնականացում",
-    "securityLabel": "Ավելացրեք հաշվին անվտանգության լրացուցիչ շերտ"
+    "securityLabel": "Ավելացրեք հաշվին անվտանգության լրացուցիչ շերտ",
+    "enterOtpForDisabled": "Մուտքագրեք 6 նիշի կոդը և հաստատեք անջատելու համար.",
+    "enterOtpForEnabled": "Մուտքագրեք 6 նիշի կոդը և հաստատեք.",
+    "qrcodeDescription": "Սկանավորեք այս QR կոդը ձեր նույնականացման հավելվածով կամ մուտքագրեք այս կոդերից մեկը ձեռքով: Դրանից հետո հաստատեք գործողությունը՝ ներքևում մուտքագրելով միանգամյա կոդը:"
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "Երկու գործոնի քաղաքականություն",
+    "twoFactorGracePeriodDays": "Երկու գործոնի արտոնյալ ժամանակահատվածի օրերը",
+    "maxIdenticalAdjacentCharacters": "Առավելագույն նույնական հաջորդական նիշեր",
+    "maxLength": "Առավելագույն երկարություն",
+    "minLength": "Նվազագույն երկարություն",
+    "minAlphabeticCount": "Նվազագույն տառերի քանակ",
+    "minLowerCaseCount": "Նվազագույն փոքրատառերի քանակ",
+    "minUpperCaseCount": "Նվազագույն մեծատառերի քանակ",
+    "minNumericCount": "Նվազագույն թվանշանների քանակ",
+    "minSpecialCharCount": "Նվազագույն հատուկ նշանների քանակ",
+    "passwordLifeTimeDays": "Գաղտնաբառի ժամկետը օրերով",
+    "prohibitedPreviousPasswordCount": "Անթույլատրելի նախորդ գաղտնաբառերի քանակ",
+    "maxFailedAttempts": "Ավտոմատ չհաջողված փորձերի առավելագույն թիվ",
+    "failedAttemptIntervalSec": "Ասֆալտ չհաջողված փորձերի ինտերվալ (վայրկյան)",
+    "autoUnlockIntervalSec": "Ավտոմատ ապակողպման ինտերվալ (վայրկյան)",
+    "maxDurationSec": "Առավելագույն տևողություն (վայրկյան)",
+    "idleTimeoutSec": "Անգործության ժամանակավոր պատուհան (վայրկյան)",
+    "maxConcurrentSessions": "Առավելագույն համաժամանակյա սեսիաներ"
   }
 }

package/assets/localization/local_kk.json

@@ -3744,6 +3744,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "Екі факторлы аутентификация",
-    "securityLabel": "Аккаунтыңызға қауіпсіздіктің қосымша қабатын қосыңыз"
+    "securityLabel": "Аккаунтыңызға қауіпсіздіктің қосымша қабатын қосыңыз",
+    "enterOtpForDisabled": "Өшіру үшін 6 таңбалы кодты енгізіп, растаңыз:",
+    "enterOtpForEnabled": "6 таңбалы кодты енгізіп, растаңыз:",
+    "qrcodeDescription": "Бұл QR-кодты аутентификатор қолданбасымен сканерлеңіз немесе осы кодтардың бірін қолмен енгізіңіз. Содан кейін әрекетті төмендегі бір реттік кодты енгізу арқылы растаңыз."
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "Екі факторлы саясат",
+    "twoFactorGracePeriodDays": "Екі факторлы жеңілдік мерзімінің күндері",
+    "maxIdenticalAdjacentCharacters": "Қатар тұрған бірдей таңбалардың макс. саны",
+    "maxLength": "Максималды ұзындық",
+    "minLength": "Минималды ұзындық",
+    "minAlphabeticCount": "Әріптердің мин. саны",
+    "minLowerCaseCount": "Кіші әріптердің мин. саны",
+    "minUpperCaseCount": "Бас әріптердің мин. саны",
+    "minNumericCount": "Сандық таңбалардың мин. саны",
+    "minSpecialCharCount": "Арнайы таңбалардың мин. саны",
+    "passwordLifeTimeDays": "Құпия сөздің жарамдылық мерзімі (күнмен)",
+    "prohibitedPreviousPasswordCount": "Алдыңғы парольдерді қолдануға тыйым салынған сан",
+    "maxFailedAttempts": "Максималды сәтсіз әрекеттер саны",
+    "failedAttemptIntervalSec": "Сәтсіз әрекеттер арасындағы интервал (сек)",
+    "autoUnlockIntervalSec": "Автоматты ашу аралығы (сек)",
+    "maxDurationSec": "Максималды ұзақтық (сек)",
+    "idleTimeoutSec": "Босқа тұрған уақыт (сек)",
+    "maxConcurrentSessions": "Максималды бір уақытта қосылған сессиялар"
   }
 }

package/assets/localization/local_ru.json

@@ -3744,6 +3744,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "Двухфакторная аутентификация",
-    "securityLabel": "Добавьте дополнительный уровень защиты к вашему аккаунту"
+    "securityLabel": "Добавьте дополнительный уровень защиты к вашему аккаунту",
+    "enterOtpForDisabled": "Введите 6-значный код и подтвердите, чтобы отключить:",
+    "enterOtpForEnabled": "Введите 6-значный код и подтвердите:",
+    "qrcodeDescription": "Отсканируйте этот QR-код с помощью приложения-аутентификатора или введите один из этих кодов вручную. После этого подтвердите действие, введя одноразовый код ниже."
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "Политика двухфакторной аутентификации",
+    "twoFactorGracePeriodDays": "Дни льготного периода для двухфакторной аутентификации",
+    "maxIdenticalAdjacentCharacters": "Макс. количество одинаковых соседних символов",
+    "maxLength": "Максимальная длина",
+    "minLength": "Минимальная длина",
+    "minAlphabeticCount": "Мин. количество букв",
+    "minLowerCaseCount": "Мин. количество строчных букв",
+    "minUpperCaseCount": "Мин. количество прописных букв",
+    "minNumericCount": "Мин. количество цифр",
+    "minSpecialCharCount": "Мин. количество специальных символов",
+    "passwordLifeTimeDays": "Срок действия пароля в днях",
+    "prohibitedPreviousPasswordCount": "Количество запрещённых предыдущих паролей",
+    "maxFailedAttempts": "Макс. количество неудачных попыток",
+    "failedAttemptIntervalSec": "Интервал между неудачными попытками (сек)",
+    "autoUnlockIntervalSec": "Интервал авторазблокировки (сек)",
+    "maxDurationSec": "Максимальная продолжительность (сек)",
+    "idleTimeoutSec": "Время простоя (сек)",
+    "maxConcurrentSessions": "Макс. количество одновременных сессий"
   }
 }

package/assets/localization/local_zh.json

@@ -3742,6 +3742,29 @@
   },
   "myPreferences": {
     "twoFactorAuthentication": "双因素认证",
-    "securityLabel": "为您的账户添加额外的安全层"
+    "securityLabel": "为您的账户添加额外的安全层",
+    "enterOtpForDisabled": "输入6位代码并确认以禁用它：",
+    "enterOtpForEnabled": "输入6位代码并确认：",
+    "qrcodeDescription": "使用您的身份验证器应用程序扫描此QR码，或手动输入其中一个代码。然后，通过输入下面的一次性代码来确认操作。"
+  },
+  "ssoConfiguration": {
+    "twoFactorPolicy": "双因素策略",
+    "twoFactorGracePeriodDays": "双因素宽限期天数",
+    "maxIdenticalAdjacentCharacters": "最大相同相邻字符数",
+    "maxLength": "最大长度",
+    "minLength": "最小长度",
+    "minAlphabeticCount": "最小字母数量",
+    "minLowerCaseCount": "最小小写字母数量",
+    "minUpperCaseCount": "最大小写字母数量",
+    "minNumericCount": "最小数字数量",
+    "minSpecialCharCount": "最小特殊字符数量",
+    "passwordLifeTimeDays": "密码有效期（天）",
+    "prohibitedPreviousPasswordCount": "禁用的以前密码数量",
+    "maxFailedAttempts": "最大失败尝试次数",
+    "failedAttemptIntervalSec": "失败尝试间隔（秒）",
+    "autoUnlockIntervalSec": "自动解锁间隔（秒）",
+    "maxDurationSec": "最长持续时间（秒）",
+    "idleTimeoutSec": "空闲超时（秒）",
+    "maxConcurrentSessions": "最大并发会话数"
   }
 }

package/components/common/layout/theHeader/TheHeader.vue

@@ -19,7 +19,7 @@
     :remote-console="props.remoteConsole"
     :vm-cluster="props.vmCluster"
     :security-loader="props.securityLoader"
-    :recovery-codes="props.recoveryCodes"
+    :recovery="props.recovery"
     @toggle-main-menu="emits('toggle-main-menu')"
     @show-preference="emits('show-preference')"
     @reset-preference="emits('reset-preference')"
@@ -32,6 +32,7 @@
     @update-is-new-view="emits('update-is-new-view', $event)"
     @update-remote-console="emits('update-remote-console', $event)"
     @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @security-confirm="emits('security-confirm', $event)"
     @submit-preferences="emits('submit-preferences')"
   />
   <common-layout-the-header-old
@@ -52,7 +53,7 @@
     :remote-console="props.remoteConsole"
     :vm-cluster="props.vmCluster"
     :security-loader="props.securityLoader"
-    :recovery-codes="props.recoveryCodes"
+    :recovery="props.recovery"
     @toggle-main-menu="emits('toggle-main-menu')"
     @show-preference="emits('show-preference')"
     @hide-preference="emits('hide-preference')"
@@ -64,6 +65,7 @@
     @update-is-new-view="emits('update-is-new-view', $event)"
     @update-remote-console="emits('update-remote-console', $event)"
     @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @security-confirm="emits('security-confirm', $event)"
     @submit-preferences="emits('submit-preferences')"
   />
 
@@ -75,34 +77,43 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
 import { checkIsTokenExpired } from '~/lib/utils/token'
 
 const security = defineModel<boolean>('security')
 
-const props = defineProps<{
-  isShowMainMenu: boolean
-  companyName: string
-  betaText: string
-  globalRefreshLoading: boolean
-  project: UI_T_Project
-  projectName: string
-  hostname: string
-  isPreference: boolean
-  selectedLanguageType: string
-  selectedLang: UI_I_Dropdown
-  remoteConsole: string
-  vmCluster: boolean
-  newView: boolean
-  newViewLocal: boolean
-  timeFormat: string
-  isDarkTheme: boolean
-  isPauseReconnect: boolean
-  expireTimeFromState: number
-  isShowReconnectModal: boolean
-  isShowRedirectLoginModal: boolean
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
-}>()
+const props = withDefaults(
+    defineProps<{
+      isShowMainMenu: boolean
+      companyName: string
+      betaText: string
+      globalRefreshLoading: boolean
+      project: UI_T_Project
+      projectName: string
+      hostname: string
+      isPreference: boolean
+      selectedLanguageType: string
+      selectedLang: UI_I_Dropdown
+      remoteConsole: string
+      vmCluster: boolean
+      newView: boolean
+      newViewLocal: boolean
+      timeFormat: string
+      isDarkTheme: boolean
+      isPauseReconnect: boolean
+      expireTimeFromState: number
+      isShowReconnectModal: boolean
+      isShowRedirectLoginModal: boolean
+      securityLoader?: boolean // для Сферы
+      recovery?: UI_I_Recovery | null // для Сферы
+    }>(),
+    {
+      securityLoader: false,
+      recovery: null
+    }
+)
 
 const emits = defineEmits<{
   (event: 'toggle-main-menu'): void
@@ -117,6 +128,7 @@ const emits = defineEmits<{
   (event: 'update-is-new-view', value: boolean): void
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
   (event: 'submit-preferences'): void
   (event: 'show-redirect-login-modal', value: boolean): void
   (event: 'show-reconnect-modal', value: boolean): void

package/components/common/layout/theHeader/TheHeaderNew.vue

@@ -113,7 +113,7 @@
             :remote-console="props.remoteConsole"
             :vm-cluster="props.vmCluster"
             :security-loader="props.securityLoader"
-            :recovery-codes="props.recoveryCodes"
+            :recovery="props.recovery"
             @show-preference="emits('show-preference')"
             @reset-preference="emits('reset-preference')"
             @hide-preference="emits('hide-preference')"
@@ -124,6 +124,7 @@
             @update-is-new-view="emits('update-is-new-view', $event)"
             @update-remote-console="emits('update-remote-console', $event)"
             @update-vm-clusters="emits('update-vm-clusters', $event)"
+            @security-confirm="emits('security-confirm', $event)"
             @submit-preferences="emits('submit-preferences')"
           />
         </div>
@@ -137,6 +138,9 @@ import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropd
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
 import type { UI_T_Project } from '~/lib/models/types'
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
 
 const security = defineModel<boolean>('security')
 
@@ -157,8 +161,8 @@ const props = defineProps<{
   newViewLocal: boolean
   timeFormat: string
   isDarkTheme: boolean
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
 }>()
 
 const emits = defineEmits<{
@@ -174,6 +178,7 @@ const emits = defineEmits<{
   (event: 'update-is-new-view', value: boolean): void
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
   (event: 'submit-preferences'): void
 }>()
 

package/components/common/layout/theHeader/TheHeaderOld.vue

@@ -70,7 +70,7 @@
           :remote-console="props.remoteConsole"
           :vm-cluster="props.vmCluster"
           :security-loader="props.securityLoader"
-          :recovery-codes="props.recoveryCodes"
+          :recovery="props.recovery"
           @show-preference="emits('show-preference')"
           @hide-preference="emits('hide-preference')"
           @change-theme-mode="emits('change-theme-mode')"
@@ -80,6 +80,7 @@
           @update-is-new-view="emits('update-is-new-view', $event)"
           @update-remote-console="emits('update-remote-console', $event)"
           @update-vm-clusters="emits('update-vm-clusters', $event)"
+          @security-confirm="emits('security-confirm', $event)"
           @submit-preferences="emits('submit-preferences')"
         />
 
@@ -105,6 +106,9 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
 import type { UI_T_Project } from '~/lib/models/types'
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
 import { findInLocals } from '~/components/common/selectLanguage/lib/utils/utils'
 
 const security = defineModel<boolean>('security')
@@ -124,8 +128,8 @@ const props = defineProps<{
   newView: boolean
   newViewLocal: boolean
   timeFormat: string
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
 }>()
 
 const emits = defineEmits<{
@@ -140,6 +144,7 @@ const emits = defineEmits<{
   (event: 'update-is-new-view', value: boolean): void
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
   (event: 'submit-preferences'): void
 }>()
 

package/components/common/layout/theHeader/userMenu/UserMenu.vue

@@ -30,7 +30,7 @@
       :remote-console="props.remoteConsole"
       :vm-cluster="props.vmCluster"
       :security-loader="props.securityLoader"
-      :recovery-codes="props.recoveryCodes"
+      :recovery="props.recovery"
       @hide="emits('hide-preference')"
       @reset="emits('reset-preference')"
       @update-time-format="emits('update-time-format', $event)"
@@ -39,6 +39,7 @@
       @update-is-new-view="emits('update-is-new-view', $event)"
       @update-remote-console="emits('update-remote-console', $event)"
       @update-vm-clusters="emits('update-vm-clusters', $event)"
+      @security-confirm="emits('security-confirm', $event)"
       @submit="emits('submit-preferences')"
     />
   </Teleport>
@@ -48,6 +49,9 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
 
 const security = defineModel<boolean>('security')
 
@@ -62,8 +66,8 @@ const props = defineProps<{
   selectedLanguage: UI_I_Dropdown | string
   remoteConsole: string
   vmCluster: boolean
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
 }>()
 const emits = defineEmits<{
   (event: 'show-preference'): void
@@ -76,6 +80,7 @@ const emits = defineEmits<{
   (event: 'update-is-new-view', value: boolean): void
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
   (event: 'submit-preferences'): void
 }>()
 

package/components/common/layout/theHeader/userMenu/modals/preferences/Preferences.vue

@@ -11,7 +11,7 @@
     :remote-console="props.remoteConsole"
     :vm-cluster="props.vmCluster"
     :security-loader="props.securityLoader"
-    :recovery-codes="props.recoveryCodes"
+    :recovery="props.recovery"
     @hide="emits('hide')"
     @reset="emits('reset')"
     @update-time-format="emits('update-time-format', $event)"
@@ -20,6 +20,7 @@
     @update-is-new-view="emits('update-is-new-view', $event)"
     @update-remote-console="emits('update-remote-console', $event)"
     @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @security-confirm="emits('security-confirm', $event)"
     @submit="emits('submit')"
   />
   <common-layout-the-header-user-menu-modals-preferences-old
@@ -34,7 +35,7 @@
     :remote-console="props.remoteConsole"
     :vm-cluster="props.vmCluster"
     :security-loader="props.securityLoader"
-    :recovery-codes="props.recoveryCodes"
+    :recovery="props.recovery"
     @hide="emits('hide')"
     @update-time-format="emits('update-time-format', $event)"
     @update-language="emits('update-language', $event)"
@@ -42,6 +43,7 @@
     @update-is-new-view="emits('update-is-new-view', $event)"
     @update-remote-console="emits('update-remote-console', $event)"
     @update-vm-clusters="emits('update-vm-clusters', $event)"
+    @security-confirm="emits('security-confirm', $event)"
     @submit="emits('submit')"
   />
 </template>
@@ -50,6 +52,9 @@
 import type { UI_I_Dropdown } from '~/node_modules/bfg-uikit/components/ui/dropdown/models/interfaces'
 import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
 import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
 
 const security = defineModel<boolean>('security')
 
@@ -62,8 +67,8 @@ const props = defineProps<{
   selectedLanguage: UI_I_Dropdown | string
   remoteConsole: string
   vmCluster: boolean
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
 }>()
 
 const emits = defineEmits<{
@@ -75,6 +80,7 @@ const emits = defineEmits<{
   (event: 'update-is-new-view', value: boolean): void
   (event: 'update-remote-console', value: string): void
   (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
   (event: 'submit'): void
 }>()
 </script>

package/components/common/layout/theHeader/userMenu/modals/preferences/PreferencesOld.vue

@@ -1,141 +1,144 @@
-<template>
-  <atoms-modal
-    :title="localization.common.preferences"
-    :modal-loading="isLoading || props.securityLoader"
-    test-id="user-preferences-modal"
-    width="580px"
-    height="345px"
-    show
-    @hide="onHide"
-  >
-    <template #modalBody>
-      <atoms-nav-bar
-        v-model="selectedTab"
-        :items="tabsItems"
-        test-id="user-preferences-nav-bar"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-time-format
-        v-if="selectedTab === 'time-tab'"
-        :new-view="props.newView"
-        :time-format="props.timeFormat"
-        @update-time-format="emits('update-time-format', $event)"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-change-language
-        v-if="selectedTab === 'language-tab'"
-        :new-view="props.newView"
-        :selected-type="props.selectedLanguageType"
-        :selected-language="props.selectedLanguage"
-        @update-language="emits('update-language', $event)"
-        @update-is-browser="emits('update-is-browser', $event)"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-inventory
-        v-if="selectedTab === 'inventory-tab' && isSphere"
-        :new-view="props.newView"
-        :vm-cluster="props.vmCluster"
-        @update-vm-clusters="emits('update-vm-clusters', $event)"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-default-console
-        v-if="selectedTab === 'console-tab' && isSphere"
-        :new-view="props.newView"
-        :remote-console="props.remoteConsole"
-        @update-remote-console="emits('update-remote-console', $event)"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-security
-        v-if="selectedTab === 'security-tab'"
-        v-model:security="security"
-        :recovery-codes="props.recoveryCodes"
-      />
-
-      <common-layout-the-header-user-menu-modals-preferences-view
-        v-if="selectedTab === 'view-tab'"
-        :new-view="props.newView"
-        :new-view-local="props.newViewLocal"
-        @update-is-new-view="emits('update-is-new-view', $event)"
-      />
-    </template>
-
-    <template #modalFooter>
-      <button
-        id="user-preferences-cancel-button"
-        data-id="user-preferences-cancel-button"
-        class="btn btn-outline"
-        @click="onHide"
-      >
-        {{ localization.common.cancel }}
-      </button>
-      <button
-        id="user-preferences-apply-button"
-        data-id="user-preferences-apply-button"
-        class="btn btn-primary"
-        @click="onSubmit"
-      >
-        {{ localization.common.save }}
-      </button>
-    </template>
-  </atoms-modal>
-</template>
-
-<script setup lang="ts">
-import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
-import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
-import type { UI_T_UserPreferenceTab } from '~/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types'
-import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
-import { preferencesTabs } from '~/components/common/layout/theHeader/userMenu/modals/preferences/lib/config/preferencesTabs'
-
-const security = defineModel<boolean>('security')
-
-const props = defineProps<{
-  project: UI_T_Project
-  timeFormat: UI_T_TimeValue
-  selectedLanguage: UI_T_LangValue
-  selectedLanguageType: UI_T_LangValue
-  newView: boolean
-  newViewLocal: boolean
-  remoteConsole: string
-  vmCluster: boolean
-  securityLoader?: boolean // для Сферы
-  recoveryCodes?: string[] // для Сферы
-}>()
-const emits = defineEmits<{
-  (event: 'hide'): void
-  (event: 'update-time-format', value: UI_T_TimeValue): void
-  (event: 'update-language', value: string): void
-  (event: 'update-is-browser', value: string): void
-  (event: 'update-is-new-view', value: boolean): void
-  (event: 'update-remote-console', value: string): void
-  (event: 'update-vm-clusters', value: boolean): void
-  (event: 'submit'): void
-}>()
-
-// const { $store }: any = useNuxtApp()
-
-const localization = computed<UI_I_Localization>(() => useLocal())
-
-const isLoading = ref<boolean>(false)
-
-const isSphere = ref<boolean>(props.project === 'sphere')
-const selectedTab = ref<UI_T_UserPreferenceTab>('time-tab')
-
-const tabsItems = computed<UI_I_CollapseNavItem[]>(() =>
-  preferencesTabs(localization.value, props.project)
-)
-
-const onSubmit = (): void => {
-  isLoading.value = true
-  emits('submit')
-}
-
-const onHide = (): void => {
-  emits('hide')
-
-  if (isSphere.value) {
-    selectedTab.value = 'time-tab'
-  }
-}
-</script>
+<template>
+  <atoms-modal
+    :title="localization.common.preferences"
+    :modal-loading="isLoading || props.securityLoader"
+    test-id="user-preferences-modal"
+    width="580px"
+    height="420px"
+    show
+    @hide="onHide"
+  >
+    <template #modalBody>
+      <atoms-nav-bar
+        v-model="selectedTab"
+        :items="tabsItems"
+        test-id="user-preferences-nav-bar"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-time-format
+        v-if="selectedTab === 'time-tab'"
+        :new-view="props.newView"
+        :time-format="props.timeFormat"
+        @update-time-format="emits('update-time-format', $event)"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-change-language
+        v-if="selectedTab === 'language-tab'"
+        :new-view="props.newView"
+        :selected-type="props.selectedLanguageType"
+        :selected-language="props.selectedLanguage"
+        @update-language="emits('update-language', $event)"
+        @update-is-browser="emits('update-is-browser', $event)"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-inventory
+        v-if="selectedTab === 'inventory-tab' && isSphere"
+        :new-view="props.newView"
+        :vm-cluster="props.vmCluster"
+        @update-vm-clusters="emits('update-vm-clusters', $event)"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-default-console
+        v-if="selectedTab === 'console-tab' && isSphere"
+        :new-view="props.newView"
+        :remote-console="props.remoteConsole"
+        @update-remote-console="emits('update-remote-console', $event)"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-security
+        v-if="selectedTab === 'security-tab'"
+        v-model:security="security"
+        :recovery="props.recovery"
+        @confirm="emits('security-confirm', $event)"
+      />
+
+      <common-layout-the-header-user-menu-modals-preferences-view
+        v-if="selectedTab === 'view-tab'"
+        :new-view="props.newView"
+        :new-view-local="props.newViewLocal"
+        @update-is-new-view="emits('update-is-new-view', $event)"
+      />
+    </template>
+
+    <template #modalFooter>
+      <button
+        id="user-preferences-cancel-button"
+        data-id="user-preferences-cancel-button"
+        class="btn btn-outline"
+        @click="onHide"
+      >
+        {{ localization.common.cancel }}
+      </button>
+      <button
+        id="user-preferences-apply-button"
+        data-id="user-preferences-apply-button"
+        class="btn btn-primary"
+        @click="onSubmit"
+      >
+        {{ localization.common.save }}
+      </button>
+    </template>
+  </atoms-modal>
+</template>
+
+<script setup lang="ts">
+import type { UI_I_CollapseNavItem } from '~/components/atoms/collapse/lib/models/interfaces'
+import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_T_LangValue, UI_T_Project } from '~/lib/models/types'
+import type { UI_T_UserPreferenceTab } from '~/components/common/layout/theHeader/userMenu/modals/preferences/lib/models/types'
+import type { UI_T_TimeValue } from '~/components/common/layout/theHeader/userMenu/modals/preferences/timeFormat/lib/models/types'
+import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
+import { preferencesTabs } from '~/components/common/layout/theHeader/userMenu/modals/preferences/lib/config/preferencesTabs'
+
+const security = defineModel<boolean>('security')
+
+const props = defineProps<{
+  project: UI_T_Project
+  timeFormat: UI_T_TimeValue
+  selectedLanguage: UI_T_LangValue
+  selectedLanguageType: UI_T_LangValue
+  newView: boolean
+  newViewLocal: boolean
+  remoteConsole: string
+  vmCluster: boolean
+  securityLoader: boolean // для Сферы
+  recovery: UI_I_Recovery | null // для Сферы
+}>()
+const emits = defineEmits<{
+  (event: 'hide'): void
+  (event: 'update-time-format', value: UI_T_TimeValue): void
+  (event: 'update-language', value: string): void
+  (event: 'update-is-browser', value: string): void
+  (event: 'update-is-new-view', value: boolean): void
+  (event: 'update-remote-console', value: string): void
+  (event: 'update-vm-clusters', value: boolean): void
+  (event: 'security-confirm', value: boolean): void
+  (event: 'submit'): void
+}>()
+
+// const { $store }: any = useNuxtApp()
+
+const localization = computed<UI_I_Localization>(() => useLocal())
+
+const isLoading = ref<boolean>(false)
+
+const isSphere = ref<boolean>(props.project === 'sphere')
+const selectedTab = ref<UI_T_UserPreferenceTab>('time-tab')
+
+const tabsItems = computed<UI_I_CollapseNavItem[]>(() =>
+  preferencesTabs(localization.value, props.project)
+)
+
+const onSubmit = (): void => {
+  isLoading.value = true
+  emits('submit')
+}
+
+const onHide = (): void => {
+  emits('hide')
+
+  if (isSphere.value) {
+    selectedTab.value = 'time-tab'
+  }
+}
+</script>

package/components/common/layout/theHeader/userMenu/modals/preferences/security/Old.vue

@@ -1,5 +1,5 @@
 <template>
-  <form id="security-form" class="compact">
+  <form id="security-form" class="compact" @submit.prevent>
     <div class="description">
       {{ localization.myPreferences.twoFactorAuthentication }}
     </div>
@@ -11,32 +11,117 @@
       <input id="security" v-model="security" type="checkbox" class="switch" />
     </div>
 
-    <div v-if="props.recoveryCodes.length" class="recovery-codes">
-<!--      TODO-->
-      <label>Recovery codes:</label>
-      <ul class="recovery-codes-list">
-        <li
-          v-for="item in props.recoveryCodes"
-          :key="item"
-          class="recovery-codes-list-item"
-        >
-          {{ item }}
-        </li>
-      </ul>
+    <div
+      v-if="
+        props.recovery && security && !initialSecurity && !otpEnabledSuccess
+      "
+      class="recovery-codes-wrap"
+    >
+      <p>
+        {{ localization.myPreferences.enterOtpForEnabled }}
+      </p>
+
+      <div class="recovery-codes">
+        <common-qrcode :qr-code-url="props.recovery.qr_code_url" />
+
+        <span>{{ localization.common.or }}</span>
+
+        <ul class="recovery-codes-list">
+          <li
+            v-for="item in props.recovery.recovery_codes"
+            :key="item"
+            class="recovery-codes-list-item"
+          >
+            {{ item }}
+          </li>
+        </ul>
+      </div>
+      <section class="form-block">
+        <div class="form-group">
+          <label for="otp">{{ localization.myPreferences.enterOtpForEnabled }}</label>
+          <input id="otp" v-model="otp" type="text" />
+          <button class="btn btn-sm btn-primary" @click="onConfirm">
+            {{ localization.common.confirm }}
+          </button>
+          <atoms-loader v-if="isOtpLoading" test-id="2fa-enabled-loader" />
+        </div>
+      </section>
+    </div>
+
+    <div v-if="!security && initialSecurity && !otpDisabledSuccess">
+      <section class="form-block">
+        <div class="form-group">
+          <label for="otp"
+            >{{ localization.myPreferences.enterOtpForDisabled }}</label
+          >
+          <input id="otp" v-model="otp" type="text" />
+          <button class="btn btn-sm btn-primary" @click="onDisabled">
+            {{ localization.common.confirm }}
+          </button>
+          <atoms-loader v-if="isOtpLoading" test-id="2fa-disabled-loader"/>
+        </div>
+      </section>
     </div>
   </form>
 </template>
 
 <script setup lang="ts">
 import type { UI_I_Localization } from '~/lib/models/interfaces'
+import type { UI_I_Recovery } from '~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces'
+
+const security = defineModel<boolean>('security')
 
 const props = defineProps<{
-  recoveryCodes: string[]
+  recovery?: UI_I_Recovery
+}>()
+const emits = defineEmits<{
+  (event: 'confirm', value: boolean): void
 }>()
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const security = defineModel<boolean>('security')
+const initialSecurity = ref<boolean>(security.value || false)
+
+// TODO refactoring and move to Sphere
+const otp = ref<string>('')
+const isOtpLoading = ref<boolean>(false)
+
+const otpEnabledSuccess = ref<boolean>(false)
+const onConfirm = async (): Promise<void> => {
+  isOtpLoading.value = true
+  const { data } = await useMyFetch<any, any>('ui/auth/2fa/confirm', {
+    method: 'POST',
+    body: {
+      otp: otp.value,
+    },
+  })
+  if (data.value) {
+    otpEnabledSuccess.value = true
+    otpDisabledSuccess.value = false
+    emits('confirm', true)
+  }
+  isOtpLoading.value = false
+}
+
+const otpDisabledSuccess = ref<boolean>(false)
+const onDisabled = async (): Promise<void> => {
+  isOtpLoading.value = true
+  const { data } = await useMyFetch<any, I_ErrorResponse>(
+    'ui/auth/2fa/disable',
+    {
+      method: 'POST',
+      body: {
+        otp: otp.value,
+      },
+    }
+  )
+  if (data.value) {
+    otpDisabledSuccess.value = true
+    otpEnabledSuccess.value = false
+    emits('confirm', false)
+  }
+  isOtpLoading.value = false
+}
 </script>
 
 <style lang="scss" scoped>
@@ -44,12 +129,17 @@ const security = defineModel<boolean>('security')
   margin-bottom: 10px;
 }
 
-.recovery-codes {
-  display: flex;
-  margin-top: 10px;
+.recovery-codes-wrap {
+  margin: 10px 0;
 
-  .recovery-codes-list-item {
-    font-size: 12px;
+  .recovery-codes {
+    display: flex;
+    align-items: center;
+    justify-content: space-evenly;
+
+    .recovery-codes-list-item {
+      font-size: 12px;
+    }
   }
 }
 

package/components/common/layout/theHeader/userMenu/modals/preferences/security/Security.vue

@@ -2,13 +2,21 @@
   <component
     v-model:security="security"
     :is="currentComponent"
-    :recovery-codes="props.recoveryCodes"
+    :recovery="props.recovery"
+    @confirm="emits('confirm', $event)"
   />
 </template>
 
 <script setup lang="ts">
+import type {
+  UI_I_Recovery
+} from "~/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces";
+
 const props = defineProps<{
-  recoveryCodes: string[]
+  recovery: UI_I_Recovery | null
+}>()
+const emits = defineEmits<{
+  (event: 'confirm', value: boolean): void
 }>()
 
 const security = defineModel<boolean>('security')

package/components/common/layout/theHeader/userMenu/modals/preferences/security/lib/models/interfaces.ts

@@ -0,0 +1,4 @@
+export interface UI_I_Recovery {
+    qr_code_url: string
+    recovery_codes: string[]
+}

package/components/common/pages/backups/modals/createBackup/datastores/tableView/old/lib/config/table.ts

@@ -86,6 +86,9 @@ export const bodyItems = (
         text: $binary.round(datastore.capacity[tableKeys[2]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
+        data: {
+          sortValue: datastore.capacity[tableKeys[2]],
+        }
       },
       {
         key: 'col3',
@@ -96,18 +99,27 @@ export const bodyItems = (
         ),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
+        data: {
+          sortValue: datastore.capacity[tableKeys[3]],
+        }
       },
       {
         key: 'col4',
         text: $binary.round(datastore.capacity[tableKeys[4]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
+        data: {
+          sortValue: datastore.capacity[tableKeys[4]],
+        }
       },
       {
         key: 'col5',
         text: $binary.round(datastore.capacity[tableKeys[5]], false, lang),
         id: datastore.id,
         testId: `backup-datastore-table-item-${datastore.id}`,
+        data: {
+          sortValue: datastore.capacity[tableKeys[5]],
+        }
       },
       {
         key: 'col6',

package/components/common/pages/backups/modals/createBackup/disks/tableView/old/lib/config/table.ts

@@ -96,6 +96,9 @@ export const bodyItems = (
         text: $binary.round(disk[tableKeys[4]], false, lang),
         id: disk.source,
         testId: `disk-table-item-${key}`,
+        data: {
+          sortValue: disk[tableKeys[4]],
+        }
       },
       {
         key: 'col5',
@@ -106,12 +109,18 @@ export const bodyItems = (
         ),
         id: disk.source,
         testId: `disk-table-item-${key}`,
+        data: {
+          sortValue: disk[tableKeys[4]] - disk[tableKeys[6]],
+        }
       },
       {
         key: 'col6',
         text: $binary.round(disk[tableKeys[6]], false, lang),
         id: disk.source,
         testId: `disk-table-item-${key}`,
+        data: {
+          sortValue: disk[tableKeys[6]],
+        }
       },
       {
         key: 'col7',

package/components/common/pages/backups/modals/restore/disks/tableView/old/lib/config/table.ts

@@ -91,6 +91,9 @@ export const bodyItems = (
         key: 'col4',
         text: $binary.round(disk[tableKeys[4]], false, lang),
         id: disk.source,
+        data: {
+          sortValue: disk[tableKeys[4]]
+        }
       },
       {
         key: 'col5',
@@ -100,11 +103,17 @@ export const bodyItems = (
           lang
         ),
         id: disk.source,
+        data: {
+          sortValue: disk[tableKeys[4]] - disk[tableKeys[6]]
+        }
       },
       {
         key: 'col6',
         text: $binary.round(disk[tableKeys[6]], false, lang),
         id: disk.source,
+        data: {
+          sortValue: disk[tableKeys[6]]
+        }
       },
       {
         key: 'col7',

package/components/common/pages/licensing/listView/ListView.vue

@@ -2,8 +2,16 @@
   <form id="system-licensing-list-view-form">
     <section v-if="listItems.length" class="form-block">
       <div v-for="(item, index) in listItems" :key="index" class="form-group">
-        <label :data-id="`system-licensing-list-view-label-${index}`">{{ item.label }}</label>
-        <span :class="['word-break-all form-value', { expired: item.data?.isExpired }]" :data-id="`system-licensing-list-view-${index}`">
+        <label :data-id="`system-licensing-list-view-label-${index}`">
+          {{ item.label }}
+        </label>
+        <span
+          :class="[
+            'word-break-all form-value',
+            { expired: item.data?.isExpired },
+          ]"
+          :data-id="`system-licensing-list-view-${index}`"
+        >
           <atoms-the-icon v-if="item.icon" :name="item.icon" class="icon" />
           {{ item.value || '--' }}
         </span>
@@ -17,9 +25,9 @@
 
 <script lang="ts" setup>
 import type { UI_I_Localization } from '~/lib/models/interfaces'
-import type { UI_I_SystemLicense} from "~/components/common/pages/licensing/lib/models/interfaces";
-import type { UI_I_LicensingInfoView} from "~/components/common/pages/licensing/listView/lib/models/interfaces";
-import { systemLicenseViewFunc} from "~/components/common/pages/licensing/listView/lib/config/list";
+import type { UI_I_SystemLicense } from '~/components/common/pages/licensing/lib/models/interfaces'
+import type { UI_I_LicensingInfoView } from '~/components/common/pages/licensing/listView/lib/models/interfaces'
+import { systemLicenseViewFunc } from '~/components/common/pages/licensing/listView/lib/config/list'
 
 const props = defineProps<{
   license: UI_I_SystemLicense | null

package/components/common/pages/licensing/modals/assign/tableView/TableView.vue

@@ -77,11 +77,9 @@ const props = defineProps<{
 
 const localization = computed<UI_I_Localization>(() => useLocal())
 
-const activeLicense = computed<UI_I_SystemLicense | null>(() => {
-  return (
-    props.dataTable.find((item) => item.id === selectedActiveKey.value) || null
-  )
-})
+const activeLicense = computed<UI_I_SystemLicense | null>(() =>
+  props.dataTable.find((item) => item.id === selectedActiveKey.value) || null
+)
 
 const headItems = computed<UI_I_HeadItem[]>(() =>
   table.headItems(localization.value)

package/components/common/pages/scheduledTasks/table/lib/config/scheduledTasksTable.ts

@@ -109,6 +109,9 @@ export const bodyItems = (
         text: formattedLastRun,
         id: task.rid,
         testId: `adapter-table-${key}-row-item`,
+        data: {
+          sortValue: lastRun || 0
+        }
       },
       {
         key: 'icon',
@@ -122,6 +125,9 @@ export const bodyItems = (
         text: formattedNextRun,
         id: task.rid,
         testId: `adapter-table-${key}-row-item`,
+        data: {
+          sortValue: task[scheduledTaskTableItemsKeys[4]]
+        }
       },
     ])
   })

package/components/common/qrcode/Qrcode.vue

@@ -0,0 +1,56 @@
+<template>
+  <div class="qrcode">
+    <img v-if="qrDataUrl" :src="qrDataUrl" alt="QR Code" class="qr-image" />
+  </div>
+</template>
+
+<script setup lang="ts">
+import QRCode from 'qrcode'
+
+const props = defineProps<{
+  qrCodeUrl: string
+}>()
+
+const qrDataUrl = ref<string>('')
+const generateQRCode = async (): Promise<void> => {
+  try {
+    qrDataUrl.value = await QRCode.toDataURL(props.qrCodeUrl, {
+      width: 150,
+      margin: 2,
+    })
+  } catch (error) {
+    console.error('Error generating QR code:', error)
+  }
+}
+
+watch(
+  () => props.qrCodeUrl,
+  (newValue) => {
+    newValue && generateQRCode()
+  },
+  { immediate: true }
+)
+</script>
+
+<style scoped lang="scss">
+.qr-code-display {
+  text-align: center;
+  max-width: 400px;
+  margin: 0 auto;
+}
+
+.qr-wrapper {
+  margin: 20px 0;
+  padding: 20px;
+  background: white;
+  border-radius: 12px;
+  border: 1px solid #e0e0e0;
+  display: inline-block;
+}
+
+.qr-canvas,
+.qr-image {
+  width: 150px;
+  height: 150px;
+}
+</style>

package/components/common/vm/actions/common/customizeHardware/virtualHardware/cpu/Cpu.vue

@@ -100,7 +100,7 @@ watch(
     }
 
     maxCpuInvalid.value = false
-    model.value.cpu.max_vcpus = 1
+    model.value.cpu.max_vcpus = capabilities.value.maxCpus
   }
 )
 

package/lib/models/interfaces.ts

@@ -52,6 +52,7 @@ export interface UI_I_Localization {
   role: UI_I_ArbitraryObject<string>
   backup: UI_I_ArbitraryObject<string>
   ssoUsers: UI_I_ArbitraryObject<string>
+  ssoConfiguration: UI_I_ArbitraryObject<string>
   vmt: UI_I_ArbitraryObject<string>
   passwordRule: UI_I_ArbitraryObject<string>
   identityProvider: UI_I_ArbitraryObject<string>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bfg-common",
   "private": false,
-  "version": "1.5.655",
+  "version": "1.5.657",
   "scripts": {
     "build": "nuxt build",
     "dev": "nuxt dev --port=3002",
@@ -38,6 +38,7 @@
     "@nuxtjs/eslint-config-typescript": "^12.0.0",
     "@vueuse/components": "^10.1.2",
     "html2canvas": "^1.4.1",
-    "prettier-eslint": "^15.0.1"
+    "prettier-eslint": "^15.0.1",
+    "qrcode": "^1.5.4"
   }
 }