From 9ce0bc383849695b6e349843c46becb607f36b5d Mon Sep 17 00:00:00 2001
From: Xiao Yijun <xiaoyijun@silverhand.io>
Date: Fri, 17 Nov 2023 17:18:11 +0800
Subject: [PATCH] refactor(console): update dev tenant migration phrases
 (#4907)

---
 .../DevelopmentTenantFeatures/index.tsx       | 36 --------
 .../index.module.scss                         | 18 ----
 .../DevelopmentTenantMigrationHint/index.tsx  | 46 ----------
 .../TenantEnvMigrationModal/index.module.scss | 31 ++++---
 .../TenantEnvMigrationModal/index.tsx         | 89 +++++++------------
 .../DevelopmentTenantNotification/index.tsx   |  6 +-
 .../de/translation/admin-console/tenants.ts   | 37 ++++----
 .../en/translation/admin-console/tenants.ts   | 29 +++---
 .../es/translation/admin-console/tenants.ts   | 37 ++++----
 .../fr/translation/admin-console/tenants.ts   | 38 ++++----
 .../it/translation/admin-console/tenants.ts   | 37 ++++----
 .../ja/translation/admin-console/tenants.ts   | 37 ++++----
 .../ko/translation/admin-console/tenants.ts   | 36 ++++----
 .../translation/admin-console/tenants.ts      | 37 ++++----
 .../translation/admin-console/tenants.ts      | 37 ++++----
 .../translation/admin-console/tenants.ts      | 37 ++++----
 .../ru/translation/admin-console/tenants.ts   | 37 ++++----
 .../translation/admin-console/tenants.ts      | 38 ++++----
 .../translation/admin-console/tenants.ts      | 34 ++++---
 .../translation/admin-console/tenants.ts      | 34 ++++---
 .../translation/admin-console/tenants.ts      | 34 ++++---
 21 files changed, 358 insertions(+), 407 deletions(-)
 delete mode 100644 packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantFeatures/index.tsx
 delete mode 100644 packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.module.scss
 delete mode 100644 packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.tsx

diff --git a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantFeatures/index.tsx b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantFeatures/index.tsx
deleted file mode 100644
index 00e5bc2df..000000000
--- a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantFeatures/index.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import PlanQuotaList from '@/components/PlanQuotaList';
-import { comingSoonQuotaKeys } from '@/consts/plan-quotas';
-import { ReservedPlanId } from '@/consts/subscriptions';
-import useSubscriptionPlans from '@/hooks/use-subscription-plans';
-import { type SubscriptionPlanQuota } from '@/types/subscriptions';
-
-const featuredQuotaKeys: Array<keyof SubscriptionPlanQuota> = [
-  'mauLimit',
-  'machineToMachineLimit',
-  'mfaEnabled',
-  'ssoEnabled',
-  'organizationEnabled',
-  'rolesLimit',
-  'scopesPerRoleLimit',
-  'auditLogsRetentionDays',
-];
-
-function DevelopmentTenantFeatures() {
-  const { data: plans } = useSubscriptionPlans();
-  const proPlan = plans?.find(({ id }) => id === ReservedPlanId.pro);
-
-  if (!proPlan) {
-    return null;
-  }
-
-  return (
-    <PlanQuotaList
-      hasIcon
-      quota={proPlan.quota}
-      featuredQuotaKeys={featuredQuotaKeys}
-      comingSoonQuotaKeys={comingSoonQuotaKeys}
-    />
-  );
-}
-
-export default DevelopmentTenantFeatures;
diff --git a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.module.scss b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.module.scss
deleted file mode 100644
index 2f32bb6cf..000000000
--- a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.module.scss
+++ /dev/null
@@ -1,18 +0,0 @@
-@use '@/scss/underscore' as _;
-
-.title {
-  font: var(--font-title-3);
-}
-
-.hint {
-  font: var(--font-body-2);
-  margin-top: _.unit(3);
-
-  .strong {
-    font: var(--font-label-2);
-  }
-
-  ol {
-    padding-inline-start: _.unit(4);
-  }
-}
diff --git a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.tsx b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.tsx
deleted file mode 100644
index 4662a67dd..000000000
--- a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/DevelopmentTenantMigrationHint/index.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import { useTranslation, Trans } from 'react-i18next';
-
-import DynamicT from '@/ds-components/DynamicT';
-
-import * as styles from './index.module.scss';
-
-type Props = {
-  type: 'freeStagingTenant' | 'paidTenant';
-};
-
-function DevelopmentTenantMigrationHint({ type }: Props) {
-  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
-
-  return (
-    <div>
-      <div className={styles.title}>
-        <DynamicT forKey="tenants.notification.impact_title" />
-      </div>
-      <div className={styles.hint}>
-        {type === 'freeStagingTenant' && (
-          <Trans components={{ strong: <span className={styles.strong} /> }}>
-            {t('tenants.notification.staging_env_hint')}
-          </Trans>
-        )}
-        {type === 'paidTenant' && (
-          <>
-            <Trans components={{ strong: <span className={styles.strong} /> }}>
-              {t('tenants.notification.paid_tenant_hint_1')}
-            </Trans>
-            <ol>
-              <li>
-                <DynamicT forKey="tenants.notification.paid_tenant_hint_2" />
-              </li>
-              <li>
-                <DynamicT forKey="tenants.notification.paid_tenant_hint_3" />
-              </li>
-            </ol>
-            <DynamicT forKey="tenants.notification.paid_tenant_hint_4" />
-          </>
-        )}
-      </div>
-    </div>
-  );
-}
-
-export default DevelopmentTenantMigrationHint;
diff --git a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.module.scss b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.module.scss
index 001258acd..44a121ec9 100644
--- a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.module.scss
+++ b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.module.scss
@@ -9,18 +9,27 @@
   height: 48px;
 }
 
-.highlight {
-  color: var(--color-text-link);
-}
-
-.linkButton {
-  text-decoration: none;
-}
-
 .content {
   padding: _.unit(6);
   background-color: var(--color-layer-light);
   border-radius: 12px;
+
+  .title {
+    font: var(--font-title-3);
+  }
+
+  .hint {
+    font: var(--font-body-2);
+    margin-top: _.unit(3);
+
+    > div:not(:last-child) {
+      margin-bottom: _.unit(4);
+    }
+
+    .strong {
+      font: var(--font-label-2);
+    }
+  }
 }
 
 .fireworks {
@@ -29,10 +38,6 @@
   pointer-events: none;
 
   .fireworksImage {
-    transform: translateX(-10.5%) translateY(-17%);
-  }
-
-  .stagingFireworksImage {
-    transform: translateX(-10.5%) translateY(-38%);
+    transform: translateX(-10.5%) translateY(-18%);
   }
 }
diff --git a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.tsx b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.tsx
index 4cb8a2e89..8886cf2c9 100644
--- a/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.tsx
+++ b/packages/console/src/containers/AppContent/TenantNotificationContainer/TenantEnvMigrationModal/index.tsx
@@ -1,4 +1,4 @@
-import { Theme, TenantTag } from '@logto/schemas';
+import { Theme } from '@logto/schemas';
 import { useCallback } from 'react';
 import Confetti from 'react-confetti';
 import { Trans, useTranslation } from 'react-i18next';
@@ -7,34 +7,24 @@ import ReactModal from 'react-modal';
 import CongratsDark from '@/assets/images/congrats-dark.svg';
 import Congrats from '@/assets/images/congrats.svg';
 import Fireworks from '@/assets/images/tenant-modal-fireworks.svg';
-import { contactEmailLink } from '@/consts';
-import Button from '@/ds-components/Button';
-import DangerousRaw from '@/ds-components/DangerousRaw';
+import { envTagsFeatureLink } from '@/consts';
+import Button, { LinkButton } from '@/ds-components/Button';
+import DynamicT from '@/ds-components/DynamicT';
 import ModalLayout from '@/ds-components/ModalLayout';
 import useConfigs from '@/hooks/use-configs';
+import useDocumentationUrl from '@/hooks/use-documentation-url';
 import useTheme from '@/hooks/use-theme';
 import * as modalStyles from '@/scss/modal.module.scss';
 
-import DevelopmentTenantFeatures from './DevelopmentTenantFeatures';
-import DevelopmentTenantMigrationHint from './DevelopmentTenantMigrationHint';
 import * as styles from './index.module.scss';
 
-const isFreeTenantWithDevelopmentOrProductionEnvTag = (
-  originalTenantTag: TenantTag,
-  isPaidTenant: boolean
-) => !isPaidTenant && [TenantTag.Development, TenantTag.Production].includes(originalTenantTag);
-
 /**
  * This modal is used to notify the user that the tenant env has been migrated.
  *
  * In our new development tenant feature, the old tenant env `staging` is deprecated,
  * we migrated the existing paid tenant's env to 'production', and the existing free 'staging' tenant's env to 'production'.
  *
- * For the original free tenant:
- *  - If the tenant env is 'dev' or 'production', we will show the development tenant's available feature list.
- *  - If the tenant env is 'staging', we will show the migration hint to notify the user that the tenant env has been migrated to 'production'.
- *
- * For the original paid tenant, we will show the migration hint to notify the user that the tenant env has been migrated to 'production'.
+ * For the original paid and free staging tenants, we will show the migration hint to notify the user that the tenant env has been migrated to 'production'.
  */
 function TenantEnvMigrationModal() {
   const { t } = useTranslation(undefined, { keyPrefix: 'admin_console' });
@@ -42,6 +32,7 @@ function TenantEnvMigrationModal() {
   const HeaderIcon = theme === Theme.Light ? Congrats : CongratsDark;
   const { configs, updateConfigs } = useConfigs();
   const { developmentTenantMigrationNotification: migrationData } = configs ?? {};
+  const { getDocumentationUrl } = useDocumentationUrl();
 
   const onClose = useCallback(async () => {
     if (!migrationData) {
@@ -59,13 +50,6 @@ function TenantEnvMigrationModal() {
     return null;
   }
 
-  const { tag: originalTenantTag, isPaidTenant } = migrationData;
-
-  const shouldDisplayDevelopmentTenantFeatureList = isFreeTenantWithDevelopmentOrProductionEnvTag(
-    originalTenantTag,
-    isPaidTenant
-  );
-
   return (
     <ReactModal
       isOpen
@@ -78,54 +62,41 @@ function TenantEnvMigrationModal() {
         <ModalLayout
           isWordWrapEnabled
           headerIcon={<HeaderIcon className={styles.headerIcon} />}
-          title={
-            <DangerousRaw>
-              <Trans components={{ span: <span className={styles.highlight} /> }}>
-                {t('tenants.notification.allow_pro_features_title')}
-              </Trans>
-            </DangerousRaw>
-          }
-          subtitle="tenants.notification.allow_pro_features_description"
+          title="tenants.dev_tenant_migration.title"
           footer={
             <>
-              {!shouldDisplayDevelopmentTenantFeatureList && (
-                <a href={contactEmailLink} className={styles.linkButton} rel="noopener">
-                  <Button title="general.contact_us_action" size="large" />
-                </a>
-              )}
-              <Button
-                title={
-                  shouldDisplayDevelopmentTenantFeatureList
-                    ? 'tenants.notification.explore_all_features'
-                    : 'general.got_it'
-                }
+              <LinkButton
+                targetBlank
+                title="tenants.dev_tenant_migration.about_tenant_type"
                 size="large"
-                type="primary"
-                onClick={onClose}
+                href={getDocumentationUrl(envTagsFeatureLink)}
               />
+              <Button title="general.got_it" size="large" type="primary" onClick={onClose} />
             </>
           }
           onClose={onClose}
         >
           <div className={styles.content}>
-            {isPaidTenant && <DevelopmentTenantMigrationHint type="paidTenant" />}
-            {!isPaidTenant &&
-              [TenantTag.Development, TenantTag.Production].includes(originalTenantTag) && (
-                <DevelopmentTenantFeatures />
-              )}
-            {!isPaidTenant && originalTenantTag === TenantTag.Staging && (
-              <DevelopmentTenantMigrationHint type="freeStagingTenant" />
-            )}
+            <div className={styles.title}>
+              <DynamicT forKey="tenants.dev_tenant_migration.affect_title" />
+            </div>
+            <div className={styles.hint}>
+              <div>
+                <Trans components={{ strong: <span className={styles.strong} /> }}>
+                  {t('tenants.dev_tenant_migration.hint_1')}
+                </Trans>
+              </div>
+              <div>
+                <Trans components={{ strong: <span className={styles.strong} /> }}>
+                  {t('tenants.dev_tenant_migration.hint_2')}
+                </Trans>
+              </div>
+              <div>{t('tenants.dev_tenant_migration.hint_3')}</div>
+            </div>
           </div>
         </ModalLayout>
         <div className={styles.fireworks}>
-          <Fireworks
-            className={
-              !isPaidTenant && originalTenantTag === TenantTag.Staging
-                ? styles.stagingFireworksImage
-                : styles.fireworksImage
-            }
-          />
+          <Fireworks className={styles.fireworksImage} />
         </div>
       </div>
       <Confetti recycle={false} />
diff --git a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx b/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx
index cae1125bf..1c8c549b2 100644
--- a/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx
+++ b/packages/console/src/pages/GetStarted/DevelopmentTenantNotification/index.tsx
@@ -22,12 +22,12 @@ function DevelopmentTenantNotification() {
       <Image className={styles.image} />
       <div className={styles.content}>
         <div className={styles.title}>
-          <Trans components={{ span: <span className={styles.highlight} /> }}>
-            {t('tenants.notification.allow_pro_features_title')}
+          <Trans components={{ a: <span className={styles.highlight} /> }}>
+            {t('tenants.dev_tenant_notification.title')}
           </Trans>
         </div>
         <div className={styles.description}>
-          <DynamicT forKey="tenants.notification.allow_pro_features_description" />
+          <DynamicT forKey="tenants.dev_tenant_notification.description" />
         </div>
       </div>
       <LinkButton
diff --git a/packages/phrases/src/locales/de/translation/admin-console/tenants.ts b/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
index d43e76401..a68c79bd8 100644
--- a/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/de/translation/admin-console/tenants.ts
@@ -60,22 +60,27 @@ const tenants = {
     create_button: 'Mieter erstellen',
     tenant_name_placeholder: 'Mein Mieter',
   },
-  notification: {
-    allow_pro_features_title:
-      'Sie können jetzt auf <span>alle Funktionen von Logto Pro</span> in Ihrer Entwicklungsumgebung zugreifen!',
-    allow_pro_features_description: 'Es ist komplett kostenlos, ohne Testphase – für immer!',
-    explore_all_features: 'Alle Funktionen erkunden',
-    impact_title: 'Hat das Auswirkungen auf mich?',
-    staging_env_hint:
-      'Ihr Mandanten-Label wurde von "<strong>Staging</strong>" in "<strong>Produktion</strong>" geändert, aber diese Änderung hat keine Auswirkungen auf Ihr aktuelles Setup.',
-    paid_tenant_hint_1:
-      'Wenn Sie sich für den Logto Hobbyplan anmelden, wird Ihr vorheriges "<strong>Entwicklung</strong>"-Mandanten-Tag in "<strong>Produktion</strong>" geändert, und dies hat keine Auswirkung auf Ihr bestehendes Setup.',
-    paid_tenant_hint_2:
-      'Wenn Sie sich noch in der Entwicklungsphase befinden, können Sie einen neuen Entwicklungsmandanten erstellen, um auf mehr Pro-Funktionen zuzugreifen.',
-    paid_tenant_hint_3:
-      'Wenn Sie sich in der Produktionsphase oder in einer Produktionsumgebung befinden, müssen Sie sich immer noch für einen spezifischen Plan anmelden. Sie müssen also im Moment nichts tun.',
-    paid_tenant_hint_4:
-      'Zögern Sie nicht, uns zu kontaktieren, wenn Sie Hilfe benötigen! Vielen Dank, dass Sie Logto gewählt haben!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Mieter löschen',
diff --git a/packages/phrases/src/locales/en/translation/admin-console/tenants.ts b/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
index aa49adab6..2569ff527 100644
--- a/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/en/translation/admin-console/tenants.ts
@@ -52,22 +52,19 @@ const tenants = {
     create_button: 'Create tenant',
     tenant_name_placeholder: 'My tenant',
   },
-  notification: {
-    allow_pro_features_title:
-      'You can now access <span>all features of Logto Pro</span> in your development tenant!',
-    allow_pro_features_description: "It's completely free, with no trial period – forever!",
-    explore_all_features: 'Explore all features',
-    impact_title: 'Does this have any impact on me?',
-    staging_env_hint:
-      'Your tenant label has been updated from "<strong>Staging</strong>" to "<strong>Production</strong>", but this change will not impact your current setup.',
-    paid_tenant_hint_1:
-      'As you subscribe to the Logto Hobby plan, your previous "<strong>Development</strong>" tenant tag will switch to "<strong>Production</strong>", and this won\'t affect your existing setup.',
-    paid_tenant_hint_2:
-      "If you're still in the development stage, you can create a new development tenant to access more pro features.",
-    paid_tenant_hint_3:
-      "If you're in the production stage, or a production environment, you still need to subscribe to a specific plan so there's nothing you need to do at this moment.",
-    paid_tenant_hint_4:
-      "Don't hesitate to reach out if you require help! Thank you for choosing Logto!",
+  dev_tenant_migration: {
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    affect_title: 'How does this affect you?',
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Delete tenant',
diff --git a/packages/phrases/src/locales/es/translation/admin-console/tenants.ts b/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
index a24a2f56f..e0d03da05 100644
--- a/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/es/translation/admin-console/tenants.ts
@@ -60,22 +60,27 @@ const tenants = {
     create_button: 'Crear inquilino',
     tenant_name_placeholder: 'Mi inquilino',
   },
-  notification: {
-    allow_pro_features_title:
-      '¡Ahora puedes acceder a <span>todas las funciones de Logto Pro</span> en tu inquilino de desarrollo!',
-    allow_pro_features_description:
-      '¡Es completamente gratis, sin período de prueba, para siempre!',
-    explore_all_features: 'Explorar todas las funciones',
-    impact_title: '¿Esto tiene algún impacto en mí?',
-    staging_env_hint:
-      'La etiqueta de su inquilino se ha actualizado de "<strong>Pruebas</strong>" a "<strong>Producción</strong>", pero este cambio no afectará su configuración actual.',
-    paid_tenant_hint_1:
-      'Al suscribirse al plan Logto Hobby, su etiqueta de inquilino anterior "<strong>Desarrollo</strong>" se cambiará a "<strong>Producción</strong>", y esto no afectará su configuración existente.',
-    paid_tenant_hint_2:
-      'Si todavía está en la etapa de desarrollo, puede crear un nuevo inquilino de desarrollo para acceder a más funciones profesionales.',
-    paid_tenant_hint_3:
-      'Si está en la etapa de producción o en un entorno de producción, aún necesita suscribirse a un plan específico, por lo que no hay nada que deba hacer en este momento.',
-    paid_tenant_hint_4: '¡No dudes en contactarnos si necesitas ayuda! ¡Gracias por elegir Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Eliminar inquilino',
diff --git a/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts b/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
index e039673c1..0fb8235f6 100644
--- a/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/fr/translation/admin-console/tenants.ts
@@ -61,23 +61,27 @@ const tenants = {
     create_button: 'Créer un locataire',
     tenant_name_placeholder: 'Mon locataire',
   },
-  notification: {
-    allow_pro_features_title:
-      'Vous pouvez désormais accéder à <span>toutes les fonctionnalités de Logto Pro</span> dans votre locataire de développement !',
-    allow_pro_features_description:
-      "C'est entièrement gratuit, sans période d'essai - pour toujours !",
-    explore_all_features: 'Explorer toutes les fonctionnalités',
-    impact_title: 'Cela a-t-il un impact sur moi ?',
-    staging_env_hint:
-      'Votre étiquette de locataire a été mise à jour de "<strong>Staging</strong>" à "<strong>Production</strong>", mais ce changement n\'affectera pas votre configuration actuelle.',
-    paid_tenant_hint_1:
-      'En souscrivant au plan Logto Hobby, votre balise de locataire "<strong>Développement</strong>" passera à "<strong>Production</strong>", et cela n\'affectera pas votre configuration existante.',
-    paid_tenant_hint_2:
-      'Si vous êtes toujours au stade de développement, vous pouvez créer un nouveau locataire de développement pour accéder à davantage de fonctionnalités professionnelles.',
-    paid_tenant_hint_3:
-      "Si vous vous trouvez au stade de production ou dans un environnement de production, vous devez toujours souscrire à un abonnement spécifique. Vous n'avez donc rien à faire pour le moment.",
-    paid_tenant_hint_4:
-      "N'hésitez pas à nous contacter si vous avez besoin d'aide! Merci d'avoir choisi Logto!",
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Supprimer le locataire',
diff --git a/packages/phrases/src/locales/it/translation/admin-console/tenants.ts b/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
index 52282c93e..ba0d99590 100644
--- a/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/it/translation/admin-console/tenants.ts
@@ -60,22 +60,27 @@ const tenants = {
     create_button: 'Crea tenant',
     tenant_name_placeholder: 'Il mio tenant',
   },
-  notification: {
-    allow_pro_features_title:
-      'Ora puoi accedere a <span>tutte le funzionalità di Logto Pro</span> nel tuo tenant di sviluppo!',
-    allow_pro_features_description: 'È completamente gratuito, senza periodo di prova, per sempre!',
-    explore_all_features: 'Esplora tutte le funzionalità',
-    impact_title: 'Questo ha un impatto su di me?',
-    staging_env_hint:
-      'L\'etichetta del tuo inquilino è stata aggiornata da "<strong>Staging</strong>" a "<strong>Produzione</strong>", ma questa modifica non influenzerà la tua configurazione attuale.',
-    paid_tenant_hint_1:
-      'Con l\'iscrizione al piano Logto Hobby, l\'etichetta precedente dell\'inquilino "<strong>Sviluppo</strong>" passerà a "<strong>Produzione</strong>", senza alcun effetto sulla configurazione esistente.',
-    paid_tenant_hint_2:
-      'Se sei ancora nella fase di sviluppo, puoi creare un nuovo tenant di sviluppo per accedere a più funzionalità professionali.',
-    paid_tenant_hint_3:
-      "Se sei nella fase di produzione o in un ambiente di produzione, è necessario sottoscrivere un piano specifico, quindi non c'è nulla che devi fare in questo momento.",
-    paid_tenant_hint_4:
-      'Non esitare a contattarci se hai bisogno di aiuto! Grazie per aver scelto Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Elimina tenant',
diff --git a/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
index 6519f3737..964861551 100644
--- a/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ja/translation/admin-console/tenants.ts
@@ -59,22 +59,27 @@ const tenants = {
     create_button: 'テナントを作成する',
     tenant_name_placeholder: '私のテナント',
   },
-  notification: {
-    allow_pro_features_title:
-      'You can now access <span>all features of Logto Pro</span> in your development tenant!',
-    allow_pro_features_description: "It's completely free, with no trial period – forever!",
-    explore_all_features: 'Explore all features',
-    impact_title: 'Does this have any impact on me?',
-    staging_env_hint:
-      'Your tenant label has been updated from "<strong>Staging</strong>" to "<strong>Production</strong>", but this change will not impact your current setup.',
-    paid_tenant_hint_1:
-      'As you subscribe to the Logto Hobby plan, your previous "<strong>Development</strong>" tenant tag will switch to "<strong>Production</strong>", and this won\'t affect your existing setup.',
-    paid_tenant_hint_2:
-      "If you're still in the development stage, you can create a new development tenant to access more pro features.",
-    paid_tenant_hint_3:
-      "If you're in the production stage, or a production environment, you still need to subscribe to a specific plan so there's nothing you need to do at this moment.",
-    paid_tenant_hint_4:
-      "Don't hesitate to reach out if you require help! Thank you for choosing Logto!",
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'テナントを削除します',
diff --git a/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
index 39e89c982..6341c710c 100644
--- a/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ko/translation/admin-console/tenants.ts
@@ -59,21 +59,27 @@ const tenants = {
     create_button: '테넌트 만들기',
     tenant_name_placeholder: '내 테넌트',
   },
-  notification: {
-    allow_pro_features_title:
-      '이제 개발 테넌트에서 <span>Logto Pro의 모든 기능</span>에 액세스할 수 있습니다!',
-    allow_pro_features_description: '완전히 무료이며 평생 무료로 이용할 수 있습니다!',
-    explore_all_features: '모든 기능 살펴보기',
-    impact_title: '이게 나에게 어떤 영향을 미칠까요?',
-    staging_env_hint:
-      '테넌트 라벨이 "<strong>스테이징</strong>"에서 "<strong>프로드</strong>"로 업데이트되었지만, 이 변경으로 현재 설정에 영향을주지는 않습니다.',
-    paid_tenant_hint_1:
-      'Logto Hobby 플랜에 가입하면 이전의 "<strong>개발</strong>" 테넌트 태그가 "<strong>프로드</strong>"로 전환되며 현재 설정에는 영향을 주지 않습니다.',
-    paid_tenant_hint_2:
-      '아직 개발 중이면 새로운 개발 테넌트를 만들어 더 많은 프로 기능에 액세스할 수 있습니다.',
-    paid_tenant_hint_3:
-      '프로덕션 단계이거나 프로덕션 환경에서는 특정 플랜에 가입해야 하므로이 시점에서 할 일이 없습니다.',
-    paid_tenant_hint_4: '도움이 필요하면 언제든지 문의해주세요! Logto 선택해 주셔서 감사합니다!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: '테넌트 삭제',
diff --git a/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
index 8e3b75344..e826c8d85 100644
--- a/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pl-pl/translation/admin-console/tenants.ts
@@ -59,22 +59,27 @@ const tenants = {
     create_button: 'Utwórz najemcę',
     tenant_name_placeholder: 'Mój najemca',
   },
-  notification: {
-    allow_pro_features_title:
-      'Możesz teraz korzystać z <span>wszystkich funkcji Logto Pro</span> w swoim środowisku development!',
-    allow_pro_features_description: 'Jest całkowicie bezpłatny, bez okresu próbnego - na zawsze!',
-    explore_all_features: 'Przeglądaj wszystkie funkcje',
-    impact_title: 'Czy to ma na mnie jakiś wpływ?',
-    staging_env_hint:
-      'Twój znacznik najemcy został zaktualizowany z „<strong>Staging</strong>” na „<strong>Production</strong>”, ale ta zmiana nie wpłynie na bieżące ustawienia.',
-    paid_tenant_hint_1:
-      'Po zasubskrybowaniu planu Logto Hobby, twój poprzedni znacznik środowiska „<strong>Development</strong>” zmieni się na „<strong>Production</strong>”, i to nie wpłynie na twoje istniejące ustawienia.',
-    paid_tenant_hint_2:
-      'Jeśli nadal jesteś w fazie developmentu, możesz utworzyć nowy najemcę development, aby uzyskać dostęp do więcej funkcji pro.',
-    paid_tenant_hint_3:
-      'Jeśli jesteś w fazie produkcyjnej, lub w środowisku produkcyjnym, nadal musisz zasubskrybować określony plan, więc przez teraz nie musisz nic robić.',
-    paid_tenant_hint_4:
-      'Nie wahaj się skontaktować z nami, jeśli potrzebujesz pomocy! Dziękujemy, że wybrałeś Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Usuń najemcę',
diff --git a/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
index b9abcd864..9fb579a0f 100644
--- a/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pt-br/translation/admin-console/tenants.ts
@@ -60,22 +60,27 @@ const tenants = {
     create_button: 'Criar inquilino',
     tenant_name_placeholder: 'Meu inquilino',
   },
-  notification: {
-    allow_pro_features_title:
-      'Agora você pode acessar <span>todos os recursos do Logto Pro</span> em seu locatário de desenvolvimento!',
-    allow_pro_features_description: 'É completamente gratuito, sem período de teste - para sempre!',
-    explore_all_features: 'Explore todos os recursos',
-    impact_title: 'Isso tem algum impacto em mim?',
-    staging_env_hint:
-      'Sua etiqueta de locatário foi atualizada de "<strong>Homologação</strong>" para "<strong>Produção</strong>", mas essa mudança não afetará sua configuração atual.',
-    paid_tenant_hint_1:
-      'Ao assinar o plano Logto Hobby, sua etiqueta de locatário "<strong>Desenvolvimento</strong>" anterior mudará para "<strong>Produção</strong>", e isso não afetará sua configuração existente.',
-    paid_tenant_hint_2:
-      'Se você ainda está em fase de desenvolvimento, pode criar um novo locatário de desenvolvimento para acessar mais recursos profissionais.',
-    paid_tenant_hint_3:
-      'Se você está em estágio de produção, ou em um ambiente de produção, ainda precisará assinar um plano específico, então não há nada que você precise fazer neste momento.',
-    paid_tenant_hint_4:
-      'Não hesite em nos contactar se precisar de ajuda! Obrigado por escolher o Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Excluir locatário',
diff --git a/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts b/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
index 08d891b41..9f5c224d7 100644
--- a/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/pt-pt/translation/admin-console/tenants.ts
@@ -60,22 +60,27 @@ const tenants = {
     create_button: 'Criar inquilino',
     tenant_name_placeholder: 'Meu inquilino',
   },
-  notification: {
-    allow_pro_features_title:
-      'Agora pode aceder <span>a todas as funcionalidades do Logto Pro</span> no seu inquilino de desenvolvimento!',
-    allow_pro_features_description: 'É completamente gratuito, sem período de teste - para sempre!',
-    explore_all_features: 'Explorar todas as funcionalidades',
-    impact_title: 'Isto tem algum impacto em mim?',
-    staging_env_hint:
-      'A etiqueta do seu inquilino foi atualizada de "<strong>Staging</strong>" para "<strong>Produção</strong>", mas essa alteração não afetará a sua configuração atual.',
-    paid_tenant_hint_1:
-      'Ao subscrever o plano Logto Hobby, a sua etiqueta de inquilino "<strong>Desenvolvimento</strong>" mudará para "<strong>Produção</strong>", e isso não afetará a sua configuração existente.',
-    paid_tenant_hint_2:
-      'Se ainda estiver na fase de desenvolvimento, pode criar um novo inquilino de desenvolvimento para aceder a mais funcionalidades profissionais.',
-    paid_tenant_hint_3:
-      'Se estiver na fase de produção, ou num ambiente de produção, ainda precisa subscrever um plano específico, por isso não há nada a fazer neste momento.',
-    paid_tenant_hint_4:
-      'Não hesite em contactar-nos se precisar de ajuda! Obrigado por escolher o Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Eliminar inquilino',
diff --git a/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts b/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
index 36e68f2c4..9f8ad0c79 100644
--- a/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/ru/translation/admin-console/tenants.ts
@@ -59,22 +59,27 @@ const tenants = {
     create_button: 'Создать арендатора',
     tenant_name_placeholder: 'Мой арендатор',
   },
-  notification: {
-    allow_pro_features_title:
-      'Теперь вы можете получить <span>все функции Logto Pro</span> в своем арендаторе разработки!',
-    allow_pro_features_description: 'Это абсолютно бесплатно, без испытательного срока - навсегда!',
-    explore_all_features: 'Изучить все функции',
-    impact_title: 'Это повлияет на меня как-то?',
-    staging_env_hint:
-      'Ваша метка арендатора была обновлена с "<strong>Staging</strong>" на "<strong>Production</strong>", но это изменение не повлияет на вашу текущую настройку.',
-    paid_tenant_hint_1:
-      'Когда вы подписываетесь на план Logto Hobby, ваша предыдущая метка арендатора "<strong>Разработка</strong>" переключится на "<strong>Производство</strong>", и это не повлияет на вашу существующую настройку.',
-    paid_tenant_hint_2:
-      'Если вы все еще находитесь в стадии разработки, вы можете создать новый арендатор разработки для доступа к дополнительным профессиональным функциям.',
-    paid_tenant_hint_3:
-      'Если вы находитесь в стадии производства или в производственной среде, вам все равно нужно подписаться на определенный план, поэтому сейчас необходимо ничего делать.',
-    paid_tenant_hint_4:
-      'Не стесняйтесь обращаться, если вам нужна помощь! Спасибо, что выбрали Logto!',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Удалить арендатора',
diff --git a/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts b/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
index 78ccac21a..add9ed145 100644
--- a/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/tr-tr/translation/admin-console/tenants.ts
@@ -60,23 +60,27 @@ const tenants = {
     create_button: 'Kiracı oluştur',
     tenant_name_placeholder: 'Benim kiracım',
   },
-  notification: {
-    allow_pro_features_title:
-      "Artık geliştirme kiracınızda <span>Logto Pro'nun tüm özelliklerine</span> erişebilirsiniz!",
-    allow_pro_features_description:
-      'Tüm özelliklerinizi ücretsiz, deneme süresi olmadan kullanın - ebediyen!',
-    explore_all_features: 'Tüm özelliklere göz atın',
-    impact_title: 'Bunun benim üzerimde herhangi bir etkisi var mı?',
-    staging_env_hint:
-      'Kiracı etiketiniz "<strong>Staging</strong>" den "<strong>Prod</strong>" a güncellenmiştir, ancak bu değişiklik mevcut yapılandırmanızı etkilemeyecektir.',
-    paid_tenant_hint_1:
-      'Logto Hobby planına abone olduğunuzda, önceki "<strong>Geliştirme</strong>" kiracı etiketi "<strong>Prod</strong>" a geçecektir ve bu mevcut yapılandırmanızı etkilemeyecektir.',
-    paid_tenant_hint_2:
-      'Eğer hala geliştirme aşamasındaysanız, daha fazla pro özelliklere erişmek için yeni bir geliştirme kiracısı oluşturabilirsiniz.',
-    paid_tenant_hint_3:
-      'Eğer üretim aşamasındaysanız veya bir üretim ortamında iseniz, spesifik bir plana abone olmanız gerekecektir, bu yüzden şu anda yapmanız gereken bir şey yok.',
-    paid_tenant_hint_4:
-      "Yardıma ihtiyacınız olursa çekinmeden bizimle iletişime geçin! Logto'yu seçtiğiniz için teşekkür ederiz!",
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: 'Kiracıyı Sil',
diff --git a/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
index d275d2099..f047ae541 100644
--- a/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-cn/translation/admin-console/tenants.ts
@@ -56,19 +56,27 @@ const tenants = {
     create_button: '创建租户',
     tenant_name_placeholder: '我的租户',
   },
-  notification: {
-    allow_pro_features_title: '您现在可以在您的开发租户中访问 <span>全部Logto Pro功能</span>！',
-    allow_pro_features_description: '完全免费，没有试用期-永远！',
-    explore_all_features: '探索所有功能',
-    impact_title: '这对我有影响吗？',
-    staging_env_hint:
-      '您的租户标签已从"<strong>预发布</strong>"更改为"<strong>产品</strong>"，但此更改不会影响您当前的设置。',
-    paid_tenant_hint_1:
-      '当您订阅Logto Hobby计划时，您以前的"<strong>开发</strong>"租户标签将变更为"<strong>产品</strong>"，这不会影响您的现有设置。',
-    paid_tenant_hint_2: '如果您仍处于开发阶段，您可以创建一个新的开发租户以访问更多专业功能。',
-    paid_tenant_hint_3:
-      '如果您处于生产阶段或生产环境中，您仍然需要订阅特定的计划，因此此时不需要进行任何操作。',
-    paid_tenant_hint_4: '如需帮助，请随时联系我们！感谢您选择Logto！',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: '删除租户',
diff --git a/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
index dc803c222..3ca8f3b4a 100644
--- a/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-hk/translation/admin-console/tenants.ts
@@ -56,19 +56,27 @@ const tenants = {
     create_button: '創建租戶',
     tenant_name_placeholder: '我的租戶',
   },
-  notification: {
-    allow_pro_features_title: '您現在可以在您的開發租戶中訪問<span>所有 Logto Pro 的功能</span>！',
-    allow_pro_features_description: '完全免費，無試用期 - 永久使用！',
-    explore_all_features: '探索所有功能',
-    impact_title: '這對我有影響嗎？',
-    staging_env_hint:
-      '您的租戶標籤從 "<strong>預備</strong>" 變更為 "<strong>生產</strong>"，但此變更不會影響您當前的設置。',
-    paid_tenant_hint_1:
-      '當您訂閱 Logto Hobby 計劃時，您之前的"<strong>開發</strong>"租戶標籤將切換為"<strong>生產</strong>"，這不會影響您現有的設置。',
-    paid_tenant_hint_2: '如果您仍處於開發階段，可以創建新的開發租戶以訪問更多專業功能。',
-    paid_tenant_hint_3:
-      '如果您已進入生產階段或處於生產環境，仍需訂閱特定方案，因此您現在無需採取任何措施。',
-    paid_tenant_hint_4: '如果您需要幫助，請隨時聯繫我們！感謝您選擇 Logto！',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: '刪除租戶',
diff --git a/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts b/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
index fb01822a9..9d9e69176 100644
--- a/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
+++ b/packages/phrases/src/locales/zh-tw/translation/admin-console/tenants.ts
@@ -56,19 +56,27 @@ const tenants = {
     create_button: '建立租戶',
     tenant_name_placeholder: '我的租戶',
   },
-  notification: {
-    allow_pro_features_title: '您現在可以在開發租戶中存取 <span>Logto Pro 的所有功能</span>！',
-    allow_pro_features_description: '完全免費，沒有試用期 - 永遠免費！',
-    explore_all_features: '探索所有功能',
-    impact_title: '這對我有任何影響嗎？',
-    staging_env_hint:
-      '您的租戶標籤已從"<strong>預置</strong>"更改為"<strong>產品</strong>"，但此更改不會影響您當前的設置。',
-    paid_tenant_hint_1:
-      '當您訂閱Logto Hobby 方案時，您之前的"<strong>開發</strong>"租戶標籤將切換為"<strong>產品</strong>"，並且這不會影響您現有的設置。',
-    paid_tenant_hint_2: '如果您仍處於開發階段，您可以創建一個新的開發租戶以存取更多的專業功能。',
-    paid_tenant_hint_3:
-      '如果您處於生產階段或生產環境，您仍需要訂閱特定方案，因此此時無需採取任何行動。',
-    paid_tenant_hint_4: '如需幫助，請隨時聯繫我們！感謝您選擇Logto！',
+  dev_tenant_migration: {
+    /** UNTRANSLATED */
+    title: 'You can now try our Pro features for free by creating a new "Development tenant"!',
+    /** UNTRANSLATED */
+    affect_title: 'How does this affect you?',
+    /** UNTRANSLATED */
+    hint_1:
+      'We are replacing the old <strong>environment tags</strong> with two new tenant types: <strong>“Development”</strong> and <strong>“Production”</strong>.',
+    /** UNTRANSLATED */
+    hint_2:
+      'To ensure a seamless transition and uninterrupted functionality, all early-created tenants will be elevated to the <strong>Production</strong> tenant type along with your previous subscription.',
+    /** UNTRANSLATED */
+    hint_3: "Don't worry, all your other settings will remain the same.",
+    /** UNTRANSLATED */
+    about_tenant_type: 'About tenant type',
+  },
+  dev_tenant_notification: {
+    /** UNTRANSLATED */
+    title: 'You can now access <a>all features of Logto Pro</a> in your development tenant!',
+    /** UNTRANSLATED */
+    description: "It's completely free, with no trial period – forever!",
   },
   delete_modal: {
     title: '刪除租戶',