refactor(console): i18n phrases used in guides (#4456)

packages/console/src/components/Guide/GuideCard/index.tsx

@@ -32,8 +32,6 @@ function GuideCard({ data, onClick, hasBorder, hasButton }: Props) {
   const { currentTenantId } = useContext(TenantsContext);
   const { data: currentPlan } = useSubscriptionPlan(currentTenantId);
   const isM2mDisabled = isCloud && currentPlan?.quota.machineToMachineLimit === 0;
-  const isSubscriptionRequired =
-    isM2mDisabled && data.metadata.target === ApplicationType.MachineToMachine;
 
   const {
     id,
@@ -41,6 +39,13 @@ function GuideCard({ data, onClick, hasBorder, hasButton }: Props) {
     metadata: { target, name, description },
   } = data;
 
+  const isSubscriptionRequired = isM2mDisabled && target === ApplicationType.MachineToMachine;
+  const buttonText = isSubscriptionRequired
+    ? 'upsell.upgrade_plan'
+    : target === 'API'
+    ? 'guide.get_started'
+    : 'guide.start_building';
+
   const handleClick = useCallback(() => {
     if (isSubscriptionRequired) {
       navigate(subscriptionPage);
@@ -77,15 +82,7 @@ function GuideCard({ data, onClick, hasBorder, hasButton }: Props) {
           </div>
         </div>
       </div>
-      {hasButton && (
-        <Button
-          title={
-            isSubscriptionRequired ? 'upsell.upgrade_plan' : 'applications.guide.start_building'
-          }
-          size="small"
-          onClick={handleClick}
-        />
-      )}
+      {hasButton && <Button title={buttonText} size="small" onClick={handleClick} />}
     </div>
   );
 }

packages/console/src/components/Guide/index.tsx

@@ -97,12 +97,7 @@ function Guide({ className, guideId, isEmpty, isLoading, onClose }: Props) {
       {!isApiResourceGuide && (
         <nav className={styles.actionBar}>
           <div className={styles.layout}>
-            <Button
-              size="large"
-              title="applications.guide.finish_and_done"
-              type="primary"
-              onClick={onClose}
-            />
+            <Button size="large" title="guide.finish_and_done" type="primary" onClick={onClose} />
           </div>
         </nav>
       )}

packages/console/src/pages/ApplicationDetails/components/GuideDrawer/index.tsx

@@ -20,7 +20,7 @@ type Props = {
 };
 
 function GuideDrawer({ app, onClose }: Props) {
-  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.applications.guide' });
+  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.guide' });
   const { getStructuredAppGuideMetadata } = useAppGuideMetadata();
   const [selectedGuide, setSelectedGuide] = useState<SelectedGuide>();
 
@@ -67,7 +67,7 @@ function GuideDrawer({ app, onClose }: Props) {
             <span>{t('checkout_tutorial', { name: selectedGuide.name })}</span>
           </>
         )}
-        {!selectedGuide && t('select_a_framework')}
+        {!selectedGuide && t('app.select_a_framework')}
         <Spacer />
         <IconButton size="large" onClick={onClose}>
           <Close />

packages/console/src/pages/ApplicationDetails/components/GuideModal/index.tsx

@@ -19,12 +19,12 @@ function GuideModal({ guideId, app, onClose }: Props) {
     <Modal shouldCloseOnEsc isOpen className={modalStyles.fullScreen} onRequestClose={onClose}>
       <div className={styles.modalContainer}>
         <ModalHeader
-          title="applications.guide.modal_header_title"
-          subtitle="applications.guide.header_subtitle"
-          buttonText="applications.guide.cannot_find_guide"
-          requestFormFieldLabel="applications.guide.describe_guide_looking_for"
-          requestFormFieldPlaceholder="applications.guide.describe_guide_looking_for_placeholder"
-          requestSuccessMessage="applications.guide.request_guide_successfully"
+          title="guide.app.guide_modal_title"
+          subtitle="guide.app.modal_subtitle"
+          buttonText="guide.cannot_find_guide"
+          requestFormFieldLabel="guide.describe_guide_looking_for"
+          requestFormFieldPlaceholder="guide.app.describe_guide_looking_for_placeholder"
+          requestSuccessMessage="guide.request_guide_successfully"
           onClose={onClose}
         />
         <AppGuide className={styles.guide} guideId={guideId} app={app} onClose={onClose} />

packages/console/src/pages/Applications/components/GuideLibrary/index.module.scss

@@ -19,13 +19,13 @@
 
 .filterAnchor {
   position: absolute;
-  top: 0;
-  right: 100%;
+  inset: 0 auto 0 0;
+  transform: translateX(-100%);
 }
 
 .filters {
   position: sticky;
-  top: 0;
+  top: dim.$guide-content-padding;
   display: flex;
   flex-direction: column;
   width: dim.$guide-sidebar-width;
@@ -63,7 +63,6 @@
   flex: 1;
   display: flex;
   flex-direction: column;
-  padding-bottom: _.unit(8);
   position: relative;
 
   > div {

packages/console/src/pages/Applications/components/GuideLibrary/index.tsx

@@ -30,7 +30,7 @@ type Props = {
 };
 
 function GuideLibrary({ className, hasCardBorder, hasCardButton, hasFilters }: Props) {
-  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.applications.guide' });
+  const { t } = useTranslation(undefined, { keyPrefix: 'admin_console.guide' });
   const { navigate } = useTenantPathname();
   const [keyword, setKeyword] = useState<string>('');
   const [filterCategories, setFilterCategories] = useState<AppGuideCategory[]>([]);
@@ -90,7 +90,7 @@ function GuideLibrary({ className, hasCardBorder, hasCardButton, hasFilters }: P
                   <CheckboxGroup
                     className={styles.checkboxGroup}
                     options={allAppGuideCategories.map((category) => ({
-                      title: `applications.guide.categories.${category}`,
+                      title: `guide.categories.${category}`,
                       value: category,
                     }))}
                     value={filterCategories}

packages/console/src/pages/Applications/components/GuideLibraryModal/index.tsx

@@ -28,18 +28,18 @@ function GuideLibraryModal({ isOpen, onClose }: Props) {
     >
       <div className={styles.container}>
         <ModalHeader
-          title="applications.guide.modal_header_title"
-          subtitle="applications.guide.header_subtitle"
-          buttonText="applications.guide.cannot_find_guide"
-          requestFormFieldLabel="applications.guide.describe_guide_looking_for"
-          requestFormFieldPlaceholder="applications.guide.describe_guide_looking_for_placeholder"
-          requestSuccessMessage="applications.guide.request_guide_successfully"
+          title="guide.app.guide_modal_title"
+          subtitle="guide.app.modal_subtitle"
+          buttonText="guide.cannot_find_guide"
+          requestFormFieldLabel="guide.describe_guide_looking_for"
+          requestFormFieldPlaceholder="guide.app.describe_guide_looking_for_placeholder"
+          requestSuccessMessage="guide.request_guide_successfully"
           onClose={onClose}
         />
         <GuideLibrary hasFilters hasCardButton className={styles.content} />
         <ModalFooter
-          content="applications.guide.do_not_need_tutorial"
-          buttonText="applications.guide.create_without_framework"
+          content="guide.do_not_need_tutorial"
+          buttonText="guide.app.continue_without_framework"
           onClick={() => {
             setShowCreateForm(true);
           }}

packages/console/src/pages/Applications/index.module.scss

@@ -18,6 +18,7 @@
 
   .title {
     text-align: center;
+    margin-bottom: _.unit(6);
   }
 
   .library {

packages/console/src/pages/Applications/index.tsx

@@ -73,8 +73,8 @@ function Applications() {
         <OverlayScrollbar className={styles.guideLibraryContainer}>
           <CardTitle
             className={styles.title}
-            title="applications.guide.header_title"
-            subtitle="applications.guide.header_subtitle"
+            title="guide.app.select_framework_or_tutorial"
+            subtitle="guide.app.modal_subtitle"
           />
           <GuideLibrary hasCardBorder hasCardButton className={styles.library} />
         </OverlayScrollbar>

packages/phrases/src/locales/de/translation/admin-console/applications.ts

@@ -36,41 +36,6 @@ const applications = {
       description: 'z.B. Backend Dienst',
     },
   },
-  guide: {
-    header_title: 'Wähle ein Framework oder Tutorial',
-    modal_header_title: 'Starte mit SDK und Anleitungen',
-    header_subtitle:
-      'Starte deinen App-Entwicklungsprozess mit unserem vorgefertigten SDK und Tutorials.',
-    start_building: 'Starte mit dem Aufbau',
-    categories: {
-      featured: 'Beliebt und für dich',
-      Traditional: 'Herkömmliche Webanwendung',
-      SPA: 'Single page app',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Framework filtern',
-      placeholder: 'Suche nach Framework',
-    },
-    select_a_framework: 'Wähle ein Framework',
-    checkout_tutorial: 'Anleitung zu {{name}} ansehen',
-    get_sample_file: 'Beispielprojekt erhalten',
-    title: 'Die Anwendung wurde erfolgreich erstellt',
-    subtitle:
-      'Folge nun den folgenden Schritten, um deine App-Einstellungen abzuschließen. Bitte wähle den SDK-Typ aus, um fortzufahren.',
-    description_by_sdk:
-      'Diese Schnellstart-Anleitung zeigt, wie man Logto in die {{sdk}}-App integriert.',
-    do_not_need_tutorial:
-      'Wenn du kein Tutorial benötigst, kannst du ohne Framework-Anleitung fortfahren.',
-    create_without_framework: 'App ohne Framework erstellen',
-    finish_and_done: 'Fertig und erledigt',
-    cannot_find_guide: 'Findest du deine Anleitung nicht?',
-    describe_guide_looking_for: 'Beschreibe die Anleitung, nach der du suchst',
-    describe_guide_looking_for_placeholder:
-      'z.B. Ich möchte Logto in meine Angular-App integrieren.',
-    request_guide_successfully: 'Deine Anfrage wurde erfolgreich abgesendet. Danke!',
-  },
   placeholder_title: 'Wähle einen Anwendungstyp, um fortzufahren',
   placeholder_description:
     'Logto verwendet eine Anwendungs-Entität für OIDC, um Aufgaben wie die Identifizierung Ihrer Apps, die Verwaltung der Anmeldung und die Erstellung von Prüfprotokollen zu erleichtern.',

packages/phrases/src/locales/de/translation/admin-console/guide.ts

@@ -0,0 +1,40 @@
+const guide = {
+  start_building: 'Start Building',
+  get_started: 'Beginnen Sie',
+  categories: {
+    featured: 'Beliebt und für dich',
+    Traditional: 'Traditionelle Webanwendung',
+    SPA: 'Single-Page-Anwendung',
+    Native: 'Native',
+    MachineToMachine: 'Maschinen-zu-Maschinen',
+  },
+  filter: {
+    title: 'Filter framework',
+    placeholder: 'Nach Framework suchen',
+  },
+  checkout_tutorial: 'Tutorial von {{name}} anzeigen',
+  do_not_need_tutorial: 'Wenn Sie kein Tutorial benötigen, können Sie ohne Anleitung fortfahren',
+  finish_and_done: 'Fertig und erledigt',
+  cannot_find_guide: 'Guide nicht gefunden?',
+  describe_guide_looking_for: 'Beschreiben Sie den Guide, den Sie suchen',
+  request_guide_successfully: 'Ihre Anfrage wurde erfolgreich übermittelt. Danke!',
+  app: {
+    select_framework_or_tutorial: 'Wählen Sie ein Framework oder Tutorial aus',
+    guide_modal_title: 'Starten Sie mit dem SDK und den Guides',
+    modal_subtitle:
+      'Beschleunigen Sie Ihre App-Entwicklung mit unserem vorgefertigten SDK und Tutorials.',
+    select_a_framework: 'Wählen Sie ein Framework aus',
+    continue_without_framework: 'App ohne Framework erstellen',
+    describe_guide_looking_for_placeholder:
+      'Zum Beispiel: Ich möchte Logto in meine Angular-App integrieren.',
+  },
+  api: {
+    modal_title: 'Starten Sie mit Tutorials',
+    modal_subtitle: 'Beschleunigen Sie Ihre App-Entwicklung mit unseren vorgefertigten Tutorials.',
+    select_a_tutorial: 'Wählen Sie ein Tutorial aus',
+    continue_without_tutorial: 'Ohne Tutorial fortfahren',
+    describe_guide_looking_for_placeholder: 'Zum Beispiel: Ich möchte meine API mit Deno schützen.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/de/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/en/translation/admin-console/applications.ts

@@ -35,39 +35,6 @@ const applications = {
       description: 'E.g., Backend service',
     },
   },
-  guide: {
-    header_title: 'Select a framework or tutorial',
-    modal_header_title: 'Start with SDK and guides',
-    header_subtitle: 'Jumpstart your app development process with our pre-built SDK and tutorials.',
-    start_building: 'Start Building',
-    categories: {
-      featured: 'Popular and for you',
-      Traditional: 'Traditional web app',
-      SPA: 'Single page app',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filter framework',
-      placeholder: 'Search for framework',
-    },
-    select_a_framework: 'Select a framework',
-    checkout_tutorial: 'Checkout {{name}} tutorial',
-    get_sample_file: 'Get Sample',
-    title: 'The application has been successfully created',
-    subtitle:
-      'Now follow the steps below to finish your app settings. Please select the SDK type to continue.',
-    description_by_sdk:
-      'This quick start guide demonstrates how to integrate Logto into {{sdk}} app',
-    do_not_need_tutorial:
-      'If you don’t need a tutorial, you can continue without a framework guide',
-    create_without_framework: 'Create app without framework',
-    finish_and_done: 'Finish and done',
-    cannot_find_guide: "Can't find your guide?",
-    describe_guide_looking_for: 'Describe the guide you are looking for',
-    describe_guide_looking_for_placeholder: 'E.g., I want to integrate Logto into my Angular app.',
-    request_guide_successfully: 'Your request has been successfully submitted. Thank you!',
-  },
   placeholder_title: 'Select an application type to continue',
   placeholder_description:
     'Logto uses an application entity for OIDC to help with tasks such as identifying your apps, managing sign-in, and creating audit logs.',

packages/phrases/src/locales/en/translation/admin-console/guide.ts

@@ -0,0 +1,38 @@
+const guide = {
+  start_building: 'Start Building',
+  get_started: 'Get Started',
+  categories: {
+    featured: 'Popular and for you',
+    Traditional: 'Traditional web app',
+    SPA: 'Single page app',
+    Native: 'Native',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: 'Filter framework',
+    placeholder: 'Search for framework',
+  },
+  checkout_tutorial: 'Checkout {{name}} tutorial',
+  do_not_need_tutorial: "If you don't need a tutorial, you can continue without a framework guide",
+  finish_and_done: 'Finish and done',
+  cannot_find_guide: "Can't find your guide?",
+  describe_guide_looking_for: 'Describe the guide you are looking for',
+  request_guide_successfully: 'Your request has been successfully submitted. Thank you!',
+  app: {
+    select_framework_or_tutorial: 'Select a framework or tutorial',
+    guide_modal_title: 'Start with SDK and guides',
+    modal_subtitle: 'Jumpstart your app development process with our pre-built SDK and tutorials.',
+    select_a_framework: 'Select a framework',
+    continue_without_framework: 'Create app without framework',
+    describe_guide_looking_for_placeholder: 'E.g., I want to integrate Logto into my Angular app.',
+  },
+  api: {
+    modal_title: 'Start with tutorials',
+    modal_subtitle: 'Jumpstart your app development process with our pre-built tutorials.',
+    select_a_tutorial: 'Select a tutorial',
+    continue_without_tutorial: 'Continue without tutorial',
+    describe_guide_looking_for_placeholder: 'E.g., I want to protect my API using deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/en/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/es/translation/admin-console/applications.ts

@@ -36,40 +36,6 @@ const applications = {
       description: 'Por ejemplo, servicio backend',
     },
   },
-  guide: {
-    header_title: 'Selecciona un framework o tutorial',
-    modal_header_title: 'Comienza con el SDK y las guías',
-    header_subtitle:
-      'Inicia tu proceso de desarrollo de aplicaciones con nuestro SDK pre-construido y tutoriales.',
-    start_building: 'Comenzar a construir',
-    categories: {
-      featured: 'Popular y para ti',
-      Traditional: 'Aplicación web tradicional',
-      SPA: 'Aplicación de página única',
-      Native: 'Nativa',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtrar framework',
-      placeholder: 'Buscar framework',
-    },
-    select_a_framework: 'Selecciona un framework',
-    checkout_tutorial: 'Ver el tutorial de {{name}}',
-    get_sample_file: 'Obtener archivo de ejemplo',
-    title: 'La aplicación se ha creado correctamente',
-    subtitle:
-      'Sigue los siguientes pasos para completar la configuración de tu aplicación. Por favor, selecciona el tipo de SDK para continuar.',
-    description_by_sdk:
-      'Esta guía de inicio rápido muestra cómo integrar Logto en la aplicación {{sdk}}',
-    do_not_need_tutorial: 'Si no necesitas un tutorial, puedes continuar sin una guía de framework',
-    create_without_framework: 'Crear aplicación sin framework',
-    finish_and_done: 'Terminar y listo',
-    cannot_find_guide: '¿No puedes encontrar tu guía?',
-    describe_guide_looking_for: 'Describe la guía que estás buscando',
-    describe_guide_looking_for_placeholder:
-      'Por ejemplo, quiero integrar Logto en mi aplicación Angular.',
-    request_guide_successfully: 'Tu solicitud se ha enviado correctamente. ¡Gracias!',
-  },
   placeholder_title: 'Selecciona un tipo de aplicación para continuar',
   placeholder_description:
     'Logto utiliza una entidad de aplicación para OIDC para ayudar con tareas como la identificación de tus aplicaciones, la gestión de inicio de sesión y la creación de registros de auditoría.',

packages/phrases/src/locales/es/translation/admin-console/guide.ts

@@ -0,0 +1,41 @@
+const guide = {
+  start_building: 'Empezar a construir',
+  get_started: 'Comenzar',
+  categories: {
+    featured: 'Popular y para ti',
+    Traditional: 'Aplicación web tradicional',
+    SPA: 'Aplicación de una sola página',
+    Native: 'Nativa',
+    MachineToMachine: 'Máquina a máquina',
+  },
+  filter: {
+    title: 'Filtrar framework',
+    placeholder: 'Buscar un framework',
+  },
+  checkout_tutorial: 'Ver el tutorial de {{name}}',
+  do_not_need_tutorial: 'Si no necesitas un tutorial, puedes continuar sin una guía de framework',
+  finish_and_done: 'Finalizar y terminar',
+  cannot_find_guide: '¿No puedes encontrar tu guía?',
+  describe_guide_looking_for: 'Describe la guía que estás buscando',
+  request_guide_successfully: 'Tu solicitud ha sido enviada correctamente. ¡Gracias!',
+  app: {
+    select_framework_or_tutorial: 'Seleccionar un framework o tutorial',
+    guide_modal_title: 'Comenzar con el SDK y las guías',
+    modal_subtitle:
+      'Agiliza el proceso de desarrollo de tu aplicación con nuestro SDK preconstruido y tutoriales.',
+    select_a_framework: 'Seleccionar un framework',
+    continue_without_framework: 'Crear una aplicación sin framework',
+    describe_guide_looking_for_placeholder:
+      'Ej.: Quiero integrar Logto en mi aplicación de Angular.',
+  },
+  api: {
+    modal_title: 'Comenzar con tutoriales',
+    modal_subtitle:
+      'Agiliza el proceso de desarrollo de tu aplicación con nuestros tutoriales preconstruidos.',
+    select_a_tutorial: 'Seleccionar un tutorial',
+    continue_without_tutorial: 'Continuar sin tutorial',
+    describe_guide_looking_for_placeholder: 'Ej.: Quiero proteger mi API utilizando deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/es/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/fr/translation/admin-console/applications.ts

@@ -37,41 +37,6 @@ const applications = {
       description: 'Par exemple, un service backend',
     },
   },
-  guide: {
-    header_title: 'Sélectionnez un framework ou un tutoriel',
-    modal_header_title: 'Commencez avec SDK et des guides',
-    header_subtitle:
-      "Démarrez votre processus de développement d'application avec nos SDK pré-construits et tutoriels.",
-    start_building: 'Commencer la construction',
-    categories: {
-      featured: 'Populaire et pour vous',
-      Traditional: 'Application web traditionnelle',
-      SPA: 'Application à page unique',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtrer les frameworks',
-      placeholder: 'Rechercher un framework',
-    },
-    select_a_framework: 'Sélectionnez un framework',
-    checkout_tutorial: 'Voir le tutoriel {{name}}',
-    get_sample_file: 'Obtenir un fichier exemple',
-    title: "L'application a été créée avec succès",
-    subtitle:
-      'Suivez maintenant les étapes ci-dessous pour terminer la configuration de votre application. Veuillez sélectionner le type de SDK pour continuer.',
-    description_by_sdk:
-      "Ce guide de démarrage rapide montre comment intégrer Logto dans l'application {{sdk}}.",
-    do_not_need_tutorial:
-      "Si vous n'avez pas besoin d'un tutoriel, vous pouvez continuer sans guide de framework",
-    create_without_framework: 'Créer une application sans framework',
-    finish_and_done: 'Terminer et terminé',
-    cannot_find_guide: 'Vous ne trouvez pas votre guide?',
-    describe_guide_looking_for: 'Décrivez le guide que vous recherchez',
-    describe_guide_looking_for_placeholder:
-      'Par exemple, je veux intégrer Logto dans mon application Angular.',
-    request_guide_successfully: 'Votre demande a été soumise avec succès. Merci!',
-  },
   placeholder_title: "Sélectionnez un type d'application pour continuer",
   placeholder_description:
     "Logto utilise une entité d'application pour OIDC pour aider aux tâches telles que l'identification de vos applications, la gestion de la connexion et la création de journaux d'audit.",

packages/phrases/src/locales/fr/translation/admin-console/guide.ts

@@ -0,0 +1,43 @@
+const guide = {
+  start_building: 'Commencer à construire',
+  get_started: 'Démarrer',
+  categories: {
+    featured: 'Populaire et pour vous',
+    Traditional: 'Application web traditionnelle',
+    SPA: 'Application sur une seule page',
+    Native: 'Natif',
+    MachineToMachine: 'Machine-à-machine',
+  },
+  filter: {
+    title: 'Filtrer le framework',
+    placeholder: 'Rechercher un framework',
+  },
+  checkout_tutorial: 'Voir le tutoriel {{name}}',
+  do_not_need_tutorial:
+    "Si vous n'avez pas besoin d'un tutoriel, vous pouvez continuer sans guide de framework",
+  finish_and_done: 'Terminer et terminé',
+  cannot_find_guide: 'Impossible de trouver votre guide ?',
+  describe_guide_looking_for: 'Décrivez le guide que vous recherchez',
+  request_guide_successfully: 'Votre demande a été soumise avec succès. Merci !',
+  app: {
+    select_framework_or_tutorial: 'Sélectionnez un framework ou un tutoriel',
+    guide_modal_title: 'Commencez avec le SDK et les guides',
+    modal_subtitle:
+      'Démarrez le processus de développement de votre application avec notre SDK et nos tutoriels pré-construits.',
+    select_a_framework: 'Sélectionnez un framework',
+    continue_without_framework: 'Créez une application sans framework',
+    describe_guide_looking_for_placeholder:
+      'Par exemple, je veux intégrer Logto dans mon application Angular.',
+  },
+  api: {
+    modal_title: 'Commencez avec les tutoriels',
+    modal_subtitle:
+      'Démarrez le processus de développement de votre application avec nos tutoriels pré-construits.',
+    select_a_tutorial: 'Sélectionnez un tutoriel',
+    continue_without_tutorial: 'Continuer sans tutoriel',
+    describe_guide_looking_for_placeholder:
+      'Par exemple, je veux protéger mon API en utilisant deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/fr/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/it/translation/admin-console/applications.ts

@@ -36,39 +36,6 @@ const applications = {
       description: 'E.g., servizio backend',
     },
   },
-  guide: {
-    header_title: 'Seleziona un framework o un tutorial',
-    modal_header_title: 'Inizia con SDK e guide',
-    header_subtitle:
-      "Avvia il processo di sviluppo dell'app con il nostro SDK predefinito e i tutorial.",
-    start_building: 'Inizia la creazione',
-    categories: {
-      featured: 'Popolari e per te',
-      Traditional: 'App web tradizionali',
-      SPA: 'App a singola pagina',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtra framework',
-      placeholder: 'Cerca framework',
-    },
-    select_a_framework: 'Seleziona un framework',
-    checkout_tutorial: 'Vedi tutorial di {{name}}',
-    get_sample_file: 'Scarica Esempio',
-    title: "L'applicazione è stata creata con successo",
-    subtitle:
-      'Ora segui i passi di seguito per completare le impostazioni della tua app. Seleziona il tipo di SDK per continuare.',
-    description_by_sdk: "Questa guida rapida illustra come integrare Logto in un'app {{sdk}}",
-    do_not_need_tutorial:
-      'Se non hai bisogno di un tutorial, puoi continuare senza una guida per il framework',
-    create_without_framework: 'Crea app senza framework',
-    finish_and_done: 'Completato e fatto',
-    cannot_find_guide: 'Non riesci a trovare la guida?',
-    describe_guide_looking_for: 'Descrivi la guida che stai cercando',
-    describe_guide_looking_for_placeholder: 'E.g., Voglio integrare Logto nella mia app Angular',
-    request_guide_successfully: 'La tua richiesta è stata inviata con successo. Grazie!',
-  },
   placeholder_title: 'Seleziona un tipo di applicazione per continuare',
   placeholder_description:
     "Logto utilizza un'entità applicazione per OIDC per aiutarti in compiti come l'identificazione delle tue app, la gestione dell'accesso e la creazione di registri di audit.",

packages/phrases/src/locales/it/translation/admin-console/guide.ts

@@ -0,0 +1,42 @@
+const guide = {
+  start_building: 'Inizia a costruire',
+  get_started: 'Inizia',
+  categories: {
+    featured: 'Popolare e per te',
+    Traditional: 'Applicazione Web Tradizionale',
+    SPA: 'App a pagina singola',
+    Native: 'Nativo',
+    MachineToMachine: 'Dalla macchina alla macchina',
+  },
+  filter: {
+    title: 'Filtra framework',
+    placeholder: 'Cerca framework',
+  },
+  checkout_tutorial: 'Vedi il tutorial di {{name}}',
+  do_not_need_tutorial:
+    'Se non hai bisogno di un tutorial, puoi continuare senza una guida al framework',
+  finish_and_done: 'Termina e fine',
+  cannot_find_guide: 'Non riesci a trovare la tua guida?',
+  describe_guide_looking_for: 'Descrivi la guida che stai cercando',
+  request_guide_successfully: 'Il tuo richiesta è stata inviata con successo. Grazie!',
+  app: {
+    select_framework_or_tutorial: 'Seleziona un framework o tutorial',
+    guide_modal_title: "Inizia con l'SDK e le guide",
+    modal_subtitle:
+      "Sblocca il tuo processo di sviluppo dell'app con il nostro SDK e tutorial predefiniti.",
+    select_a_framework: 'Seleziona un framework',
+    continue_without_framework: "Crea un'app senza framework",
+    describe_guide_looking_for_placeholder:
+      'Esempio: Voglio integrare Logto nella mia app Angular.',
+  },
+  api: {
+    modal_title: 'Inizia con i tutorial',
+    modal_subtitle:
+      "Sblocca il tuo processo di sviluppo dell'app con i nostri tutorial predefiniti.",
+    select_a_tutorial: 'Seleziona un tutorial',
+    continue_without_tutorial: 'Continua senza tutorial',
+    describe_guide_looking_for_placeholder: 'Esempio: Voglio proteggere la mia API usando deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/it/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/ja/translation/admin-console/applications.ts

@@ -35,40 +35,6 @@ const applications = {
       description: '例：バックエンドサービス',
     },
   },
-  guide: {
-    header_title: 'フレームワークまたはチュートリアルを選択',
-    modal_header_title: 'SDK とガイドを利用して開始',
-    header_subtitle:
-      'プリビルドされた SDK とチュートリアルでアプリ開発プロセスをスタートさせましょう。',
-    start_building: '作成を開始する',
-    categories: {
-      featured: 'おすすめ',
-      Traditional: '従来の Web アプリ',
-      SPA: 'シングルページアプリ',
-      Native: 'ネイティブ',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'フレームワークをフィルタリング',
-      placeholder: 'フレームワークを検索',
-    },
-    select_a_framework: 'フレームワークを選択',
-    checkout_tutorial: '{{name}} のチュートリアルを確認する',
-    get_sample_file: 'サンプルファイルを取得する',
-    title: 'アプリケーションが正常に作成されました',
-    subtitle:
-      '以下の手順に従ってアプリの設定を完了してください。SDK タイプを選択して続行してください。',
-    description_by_sdk:
-      'このクイックスタートガイドでは、{{sdk}} アプリに Logto を統合する方法を説明します。',
-    do_not_need_tutorial:
-      'チュートリアルを必要としない場合は、フレームワークガイドなしで続行できます。',
-    create_without_framework: 'フレームワークなしでアプリを作成',
-    finish_and_done: '完了',
-    cannot_find_guide: 'ガイドが見つかりませんか？',
-    describe_guide_looking_for: 'お探しのガイドの内容を説明してください',
-    describe_guide_looking_for_placeholder: '例： Angular アプリに Logto を統合したい。',
-    request_guide_successfully: 'リクエストが正常に送信されました。ありがとうございます！',
-  },
   placeholder_title: '続行するにはアプリケーションタイプを選択してください',
   placeholder_description:
     'LogtoはOIDCのためにアプリケーションエンティティを使用して、アプリケーションの識別、サインインの管理、監査ログの作成などのタスクをサポートします。',

packages/phrases/src/locales/ja/translation/admin-console/guide.ts

@@ -0,0 +1,39 @@
+const guide = {
+  start_building: 'プロジェクトを開始',
+  get_started: 'はじめる',
+  categories: {
+    featured: '人気でおすすめ',
+    Traditional: '伝統的な Web アプリ',
+    SPA: 'シングルページアプリ',
+    Native: 'ネイティブ',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: 'フレームワークを絞り込む',
+    placeholder: 'フレームワークを検索',
+  },
+  checkout_tutorial: 'チュートリアルを確認: {{name}}',
+  do_not_need_tutorial: 'もしチュートリアルが必要なければ、フレームワークガイドなしで続行できます',
+  finish_and_done: '完了',
+  cannot_find_guide: 'ガイドが見つかりません',
+  describe_guide_looking_for: 'お探しのガイドの詳細を説明してください',
+  request_guide_successfully: 'リクエストが送信されました。ありがとうございます！',
+  app: {
+    select_framework_or_tutorial: 'フレームワークまたはチュートリアルを選択',
+    guide_modal_title: 'SDK とガイドで開始',
+    modal_subtitle:
+      '私たちの事前ビルドされた SDK とチュートリアルを使用してアプリ開発プロセスをスタートさせます。',
+    select_a_framework: 'フレームワークを選択',
+    continue_without_framework: 'フレームワークなしで作成',
+    describe_guide_looking_for_placeholder: '例: Logto を Angular アプリに統合したい',
+  },
+  api: {
+    modal_title: 'チュートリアルで開始',
+    modal_subtitle: '前もってビルドされたチュートリアルでアプリ開発を加速します',
+    select_a_tutorial: 'チュートリアルを選択',
+    continue_without_tutorial: 'チュートリアルなしで続行',
+    describe_guide_looking_for_placeholder: '例: API を deno で保護したい',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/ja/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/ko/translation/admin-console/applications.ts

@@ -35,37 +35,6 @@ const applications = {
       description: '예) 백엔드 서비스',
     },
   },
-  guide: {
-    header_title: '프레임워크 또는 자습서 선택',
-    modal_header_title: 'SDK와 가이드로 시작',
-    header_subtitle: '미리 작성된 SDK 및 자습서로 앱 개발 과정을 빠르게 시작하세요.',
-    start_building: '빌드 시작',
-    categories: {
-      featured: '인기 있는 가이드',
-      Traditional: 'Traditional web app',
-      SPA: 'Single page app',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: '프레임워크 필터',
-      placeholder: '프레임워크 검색',
-    },
-    select_a_framework: '프레임워크 선택',
-    checkout_tutorial: '{{name}} 자습서 확인',
-    get_sample_file: '예제 찾기',
-    title: '어플리케이션이 생성되었어요.',
-    subtitle: '앱 설정을 마치기 위해 아래 단계를 따라주세요. SDK 종류를 선택해 주세요.',
-    description_by_sdk: '아래 과정을 따라서 Logto를 {{sdk}} 앱과 빠르게 연동해 보세요.',
-    do_not_need_tutorial:
-      '튜토리얼이 필요하지 않은 경우, 프레임워크 가이드 없이 진행할 수 있습니다.',
-    create_without_framework: '프레임워크 없이 앱 생성하기',
-    finish_and_done: '끝내기',
-    cannot_find_guide: '가이드를 찾을 수 없나요?',
-    describe_guide_looking_for: '찾고 있는 가이드에 대해 설명해주세요.',
-    describe_guide_looking_for_placeholder: '예) Angular 앱에 Logto를 통합하고 싶습니다.',
-    request_guide_successfully: '요청이 성공적으로 제출되었습니다. 감사합니다!',
-  },
   placeholder_title: '애플리케이션 유형을 선택하여 계속하세요',
   placeholder_description:
     'Logto는 OIDC용 애플리케이션 엔티티를 사용하여 앱 식별, 로그인 관리 및 감사 로그 생성과 같은 작업을 지원합니다.',

packages/phrases/src/locales/ko/translation/admin-console/guide.ts

@@ -0,0 +1,38 @@
+const guide = {
+  start_building: '시작하기',
+  get_started: '시작하기',
+  categories: {
+    featured: '인기와 당신을 위한',
+    Traditional: '전통적인 웹 앱',
+    SPA: '싱글 페이지 앱',
+    Native: '네이티브',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: '프레임워크 필터',
+    placeholder: '프레임워크 검색하기',
+  },
+  checkout_tutorial: '튜토리얼 {{name}} 확인하기',
+  do_not_need_tutorial: '튜토리얼이 필요하지 않다면, 프레임워크 가이드 없이 계속할 수 있습니다.',
+  finish_and_done: '완료',
+  cannot_find_guide: '가이드를 찾을 수 없습니다.',
+  describe_guide_looking_for: '찾고 계신 가이드에 대해 설명해주세요.',
+  request_guide_successfully: '요청이 성공적으로 제출되었습니다. 감사합니다!',
+  app: {
+    select_framework_or_tutorial: '프레임워크 또는 튜토리얼 선택',
+    guide_modal_title: 'SDK 및 가이드로 시작하기',
+    modal_subtitle: '사전 빌드된 SDK와 튜토리얼로 앱 개발 프로세스를 바로 시작하세요.',
+    select_a_framework: '프레임워크 선택하기',
+    continue_without_framework: '프레임워크 없이 앱 만들기',
+    describe_guide_looking_for_placeholder: '예시: Angular 앱에 Logto 통합하고 싶습니다.',
+  },
+  api: {
+    modal_title: '튜토리얼로 시작하기',
+    modal_subtitle: '사전 빌드된 튜토리얼로 앱 개발 프로세스를 바로 시작하세요.',
+    select_a_tutorial: '튜토리얼 선택하기',
+    continue_without_tutorial: '튜토리얼 없이 계속하기',
+    describe_guide_looking_for_placeholder: '예시: Deno를 사용하여 API 보호하기',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/ko/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/pl-pl/translation/admin-console/applications.ts

@@ -36,40 +36,6 @@ const applications = {
       description: 'Na przykład usługa backendowa',
     },
   },
-  guide: {
-    header_title: 'Wybierz framework lub samouczek',
-    modal_header_title: 'Rozpocznij z SDK i samouczkami',
-    header_subtitle:
-      'Rozpocznij proces tworzenia aplikacji za pomocą naszego SDK i samouczków.',
-    start_building: 'Rozpocznij tworzenie',
-    categories: {
-      featured: 'Popularne oraz dedykowane tobie',
-      Traditional: 'Tradycyjna aplikacja internetowa',
-      SPA: 'Aplikacja jednostronicowa',
-      Native: 'Natywna',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtruj framework',
-      placeholder: 'Wyszukaj framework',
-    },
-    select_a_framework: 'Wybierz framework',
-    checkout_tutorial: 'Sprawdź samouczek dla {{name}}',
-    get_sample_file: 'Pobierz przykład',
-    title: 'Aplikacja została pomyślnie utworzona',
-    subtitle:
-      'Teraz postępuj zgodnie z poniższymi krokami, aby zakończyć konfigurację aplikacji. Wybierz typ SDK, aby kontynuować.',
-    description_by_sdk:
-      'Ten przewodnik po szybkim rozpoczęciu przedstawia, jak zintegrować Logto z aplikacją {{sdk}}',
-    do_not_need_tutorial:
-      'Jeśli nie potrzebujesz samouczka, możesz kontynuować bez przewodnika frameworka',
-    create_without_framework: 'Utwórz aplikację bez użycia frameworka',
-    finish_and_done: 'Zakończ i zrobione',
-    cannot_find_guide: 'Nie możesz znaleźć odpowiedniego przewodnika?',
-    describe_guide_looking_for: 'Opisz szukany przewodnik',
-    describe_guide_looking_for_placeholder: 'Np. Chcę zintegrować logto do mojej aplikacji Angular',
-    request_guide_successfully: 'Twoja prośba została wysłana pomyślnie. Dziękujemy!',
-  },
   placeholder_title: 'Wybierz typ aplikacji, aby kontynuować',
   placeholder_description:
     'Logto używa jednostki aplikacji dla OIDC, aby pomóc w takich zadaniach jak identyfikowanie Twoich aplikacji, zarządzanie logowaniem i tworzenie dzienników audytu.',

packages/phrases/src/locales/pl-pl/translation/admin-console/guide.ts

@@ -0,0 +1,42 @@
+const guide = {
+  start_building: 'Rozpocznij budowanie',
+  get_started: 'Zacznij teraz',
+  categories: {
+    featured: 'Popularne i dla Ciebie',
+    Traditional: 'Tradycyjna aplikacja internetowa',
+    SPA: 'Aplikacja na jednej stronie',
+    Native: 'Natywna',
+    MachineToMachine: 'Maszyna-do-maszyny',
+  },
+  filter: {
+    title: 'Filtr Framework',
+    placeholder: 'Szukaj framework',
+  },
+  checkout_tutorial: 'Sprawdź samouczek {{name}}',
+  do_not_need_tutorial:
+    'Jeśli nie potrzebujesz samouczka, możesz kontynuować bez przewodnika frameworku',
+  finish_and_done: 'Zakończ i zrobione',
+  cannot_find_guide: 'Nie mogę znaleźć przewodnika?',
+  describe_guide_looking_for: 'Opisz przewodnik, którego szukasz',
+  request_guide_successfully: 'Twoje zgłoszenie zostało pomyślnie przesłane. Dziękujemy!',
+  app: {
+    select_framework_or_tutorial: 'Wybierz framework lub samouczek',
+    guide_modal_title: 'Zacznij z SDK i przewodnikami',
+    modal_subtitle:
+      'Przyspiesz swój proces rozwoju aplikacji za pomocą naszych prezentacji SDK i samouczków.',
+    select_a_framework: 'Wybierz framework',
+    continue_without_framework: 'Utwórz aplikację bez frameworku',
+    describe_guide_looking_for_placeholder:
+      'Na przykład, chcę zintegrować Logto z moją aplikacją Angular.',
+  },
+  api: {
+    modal_title: 'Zacznij od samouczków',
+    modal_subtitle:
+      'Przyspiesz swój proces rozwoju aplikacji za pomocą naszych prezentacji samouczków.',
+    select_a_tutorial: 'Wybierz samouczek',
+    continue_without_tutorial: 'Kontynuuj bez samouczka',
+    describe_guide_looking_for_placeholder: 'Na przykład, chcę chronić moje API przy użyciu deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/pl-pl/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/pt-br/translation/admin-console/applications.ts

@@ -36,41 +36,6 @@ const applications = {
       description: 'Ex: serviço de backend',
     },
   },
-  guide: {
-    header_title: 'Selecione um framework ou tutorial',
-    modal_header_title: 'Comece com o SDK e guias',
-    header_subtitle:
-      'Inicie o processo de desenvolvimento do seu aplicativo com nosso SDK pré-construído e tutoriais.',
-    start_building: 'Começar Construção',
-    categories: {
-      featured: 'Popular e para você',
-      Traditional: 'Aplicação web tradicional',
-      SPA: 'Aplicação de página única',
-      Native: 'Nativo',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtrar framework',
-      placeholder: 'Pesquisar framework',
-    },
-    select_a_framework: 'Selecione um framework',
-    checkout_tutorial: 'Visualizar tutorial de {{name}}',
-    get_sample_file: 'Obter amostra',
-    title: 'O aplicativo foi criado com sucesso',
-    subtitle:
-      'Agora siga as etapas abaixo para concluir as configurações do aplicativo. Selecione o tipo de SDK para continuar.',
-    description_by_sdk:
-      'Este guia de início rápido demonstra como integrar o Logto ao aplicativo {{sdk}}',
-    do_not_need_tutorial:
-      'Se você não precisa de um tutorial, você pode continuar sem um guia de framework',
-    create_without_framework: 'Criar aplicativo sem framework',
-    finish_and_done: 'Concluído',
-    cannot_find_guide: 'Não consegue encontrar seu guia?',
-    describe_guide_looking_for: 'Descreva o guia que você está procurando',
-    describe_guide_looking_for_placeholder:
-      'Ex.: Quero integrar o Logto no meu aplicativo Angular.',
-    request_guide_successfully: 'Sua solicitação foi enviada com sucesso. Obrigado!',
-  },
   placeholder_title: 'Selecione um tipo de aplicativo para continuar',
   placeholder_description:
     'O Logto usa uma entidade de aplicativo para OIDC para ajudar nas tarefas, como identificar seus aplicativos, gerenciar o login e criar logs de auditoria.',

packages/phrases/src/locales/pt-br/translation/admin-console/guide.ts

@@ -0,0 +1,42 @@
+const guide = {
+  start_building: 'Começar a construir',
+  get_started: 'Iniciar',
+  categories: {
+    featured: 'Popular e para você',
+    Traditional: 'Aplicativo web tradicional',
+    SPA: 'Aplicativo de página única',
+    Native: 'Nativo',
+    MachineToMachine: 'Máquina a máquina',
+  },
+  filter: {
+    title: 'Filtrar framework',
+    placeholder: 'Pesquisar framework',
+  },
+  checkout_tutorial: 'Verificar tutorial {{name}}',
+  do_not_need_tutorial:
+    'Se você não precisa de um tutorial, você pode continuar sem um guia de framework',
+  finish_and_done: 'Concluir e finalizado',
+  cannot_find_guide: 'Não é possível encontrar seu guia?',
+  describe_guide_looking_for: 'Descreva o guia que você está procurando',
+  request_guide_successfully: 'Sua solicitação foi enviada com sucesso. Obrigado!',
+  app: {
+    select_framework_or_tutorial: 'Selecionar um framework ou tutorial',
+    guide_modal_title: 'Iniciar com SDK e guias',
+    modal_subtitle:
+      'Inicie seu processo de desenvolvimento de aplicativo com nosso SDK pré-construído e tutoriais.',
+    select_a_framework: 'Selecionar um framework',
+    continue_without_framework: 'Criar aplicativo sem framework',
+    describe_guide_looking_for_placeholder:
+      'Por exemplo, eu quero integrar o Logto ao meu aplicativo Angular.',
+  },
+  api: {
+    modal_title: 'Iniciar com tutoriais',
+    modal_subtitle:
+      'Inicie seu processo de desenvolvimento de aplicativo com nossos tutoriais pré-construídos.',
+    select_a_tutorial: 'Selecionar um tutorial',
+    continue_without_tutorial: 'Continuar sem tutorial',
+    describe_guide_looking_for_placeholder: 'Por exemplo, eu quero proteger minha API usando Deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/pt-br/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/pt-pt/translation/admin-console/applications.ts

@@ -35,39 +35,6 @@ const applications = {
       description: 'Ex., serviço back-end',
     },
   },
-  guide: {
-    header_title: 'Selecionar um framework ou tutorial',
-    modal_header_title: 'Comece com SDK e guias',
-    header_subtitle:
-      'Agilize o processo de desenvolvimento do seu aplicativo com nosso SDK pré-criado e tutoriais.',
-    start_building: 'Começar a construir',
-    categories: {
-      featured: 'Populares e para você',
-      Traditional: 'Aplicativo web tradicional',
-      SPA: 'Aplicativo de página única',
-      Native: 'Nativo',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Filtrar framework',
-      placeholder: 'Pesquise por framework',
-    },
-    select_a_framework: 'Selecionar um framework',
-    checkout_tutorial: 'Ver tutorial de {{name}}',
-    get_sample_file: 'Obter amostra',
-    title: 'A aplicação foi criada com sucesso',
-    subtitle:
-      'Agora siga as etapas abaixo para concluir as configurações da aplicação. Selecione o tipo de SDK para continuar.',
-    description_by_sdk: 'Este guia de início rápido demonstra como integrar o Logto em {{sdk}}',
-    do_not_need_tutorial:
-      'Se você não precisa de um tutorial, pode continuar sem um guia de framework',
-    create_without_framework: 'Criar aplicativo sem framework',
-    finish_and_done: 'Finalizar e concluir',
-    cannot_find_guide: 'Não consegue encontrar o seu guia?',
-    describe_guide_looking_for: 'Descreva o guia que você está procurando',
-    describe_guide_looking_for_placeholder: 'Ex: Quero integrar o Logto no meu aplicativo Angular.',
-    request_guide_successfully: 'Seu pedido foi enviado com sucesso. Obrigado!',
-  },
   placeholder_title: 'Selecione um tipo de aplicação para continuar',
   placeholder_description:
     'O Logto usa uma entidade de aplicativo para OIDC para ajudar em tarefas como identificar seus aplicativos, gerenciar o registro e criar registros de auditoria.',

packages/phrases/src/locales/pt-pt/translation/admin-console/guide.ts

@@ -0,0 +1,42 @@
+const guide = {
+  start_building: 'Começar a construir',
+  get_started: 'Começar',
+  categories: {
+    featured: 'Popular e para ti',
+    Traditional: 'Aplicação web tradicional',
+    SPA: 'Aplicação de página única',
+    Native: 'Nativo',
+    MachineToMachine: 'Máquina-a-máquina',
+  },
+  filter: {
+    title: 'Filtrar framework',
+    placeholder: 'Procurar framework',
+  },
+  checkout_tutorial: 'Ver tutorial de {{name}}',
+  do_not_need_tutorial:
+    'Se não precisares de um tutorial, podes continuar sem um guia de framework',
+  finish_and_done: 'Terminar e concluir',
+  cannot_find_guide: 'Não encontras o teu guia?',
+  describe_guide_looking_for: 'Descreve o guia que procuras',
+  request_guide_successfully: 'O teu pedido foi enviado com sucesso. Obrigado!',
+  app: {
+    select_framework_or_tutorial: 'Seleciona um framework ou tutorial',
+    guide_modal_title: 'Começar com SDK e guias',
+    modal_subtitle:
+      'Inicia o processo de desenvolvimento da tua aplicação com o nosso SDK pré-construído e tutoriais.',
+    select_a_framework: 'Seleciona um framework',
+    continue_without_framework: 'Criar aplicação sem framework',
+    describe_guide_looking_for_placeholder:
+      'Por exemplo, quero integrar o Logto na minha aplicação Angular.',
+  },
+  api: {
+    modal_title: 'Começar com tutoriais',
+    modal_subtitle:
+      'Inicia o processo de desenvolvimento da tua aplicação com os nossos tutoriais pré-construídos.',
+    select_a_tutorial: 'Seleciona um tutorial',
+    continue_without_tutorial: 'Continuar sem tutorial',
+    describe_guide_looking_for_placeholder: 'Por exemplo, quero proteger a minha API usando Deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/pt-pt/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/ru/translation/admin-console/applications.ts

@@ -35,41 +35,6 @@ const applications = {
       description: 'Например, backend-сервис',
     },
   },
-  guide: {
-    header_title: 'Выбрать фреймворк или учебник',
-    modal_header_title: 'Начать с SDK и руководств',
-    header_subtitle:
-      'Ускорьте процесс разработки приложений с нашими заранее подготовленными SDK и учебниками.',
-    start_building: 'Начать разработку',
-    categories: {
-      featured: 'Популярные и для вас',
-      Traditional: 'Традиционное веб-приложение',
-      SPA: 'Одностраничное приложение',
-      Native: 'Нативное',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Фильтр фреймворков',
-      placeholder: 'Поиск фреймворка',
-    },
-    select_a_framework: 'Выбрать фреймворк',
-    checkout_tutorial: 'Посмотреть учебник {{name}}',
-    get_sample_file: 'Получить образец',
-    title: 'Приложение успешно создано',
-    subtitle:
-      'Теперь следуйте инструкциям ниже, чтобы завершить настройку приложения. Выберите тип SDK, чтобы продолжить.',
-    description_by_sdk:
-      'Это быстрое руководство демонстрирует, как интегрировать Logto в приложение {{sdk}}',
-    do_not_need_tutorial:
-      'Если вам не нужен учебник, вы можете продолжить без руководства по фреймворку',
-    create_without_framework: 'Создать приложение без фреймворка',
-    finish_and_done: 'Завершить и готово',
-    cannot_find_guide: 'Не можете найти нужное вам руководство?',
-    describe_guide_looking_for: 'Опишите руководство, которое вы ищете',
-    describe_guide_looking_for_placeholder:
-      'Например, я хочу интегрировать Logto в мое приложение Angular',
-    request_guide_successfully: 'Ваш запрос был успешно отправлен. Спасибо!',
-  },
   placeholder_title: 'Выберите тип приложения, чтобы продолжить',
   placeholder_description:
     'Logto использует сущность приложения для OIDC для выполнения задач, таких как идентификация ваших приложений, управление входом в систему и создание журналов аудита.',

packages/phrases/src/locales/ru/translation/admin-console/guide.ts

@@ -0,0 +1,40 @@
+const guide = {
+  start_building: 'Начать строить',
+  get_started: 'Начать',
+  categories: {
+    featured: 'Популярные и для вас',
+    Traditional: 'Традиционное веб-приложение',
+    SPA: 'Одностраничное приложение',
+    Native: 'Нативное',
+    MachineToMachine: 'Машина к машине',
+  },
+  filter: {
+    title: 'Фильтры фреймворков',
+    placeholder: 'Поиск фреймворка',
+  },
+  checkout_tutorial: 'Посмотреть руководство по {{name}}',
+  do_not_need_tutorial:
+    'Если вам не нужно руководство, вы можете продолжить без руководства по фреймворку',
+  finish_and_done: 'Завершить и закончить',
+  cannot_find_guide: 'Не удается найти ваше руководство?',
+  describe_guide_looking_for: 'Опишите руководство, которое вы ищете',
+  request_guide_successfully: 'Ваш запрос был успешно отправлен. Спасибо!',
+  app: {
+    select_framework_or_tutorial: 'Выберите фреймворк или руководство',
+    guide_modal_title: 'Начните с SDK и руководств',
+    modal_subtitle: 'Ускорьте процесс разработки приложения с нашими готовыми SDK и руководствами.',
+    select_a_framework: 'Выберите фреймворк',
+    continue_without_framework: 'Создайте приложение без фреймворка',
+    describe_guide_looking_for_placeholder:
+      'Например, я хочу интегрировать Logto в мое Angular приложение.',
+  },
+  api: {
+    modal_title: 'Начните с руководств',
+    modal_subtitle: 'Ускорьте процесс разработки приложения с нашими готовыми руководствами.',
+    select_a_tutorial: 'Выберите руководство',
+    continue_without_tutorial: 'Продолжить без руководства',
+    describe_guide_looking_for_placeholder: 'Например, я хочу защитить мое API с помощью deno.',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/ru/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/tr-tr/translation/admin-console/applications.ts

@@ -36,41 +36,6 @@ const applications = {
       description: 'Örneğin, Backend servisi',
     },
   },
-  guide: {
-    header_title: 'Bir çerçeve veya öğretici seçin',
-    modal_header_title: 'SDK ve kılavuzlarla başlayın',
-    header_subtitle:
-      'Önceden oluşturulmuş SDK ve öğreticilerimizle uygulama geliştirme sürecine hız kazandırın.',
-    start_building: 'Geliştirmeye Başla',
-    categories: {
-      featured: 'Popüler ve sizin için',
-      Traditional: 'Geleneksel web uygulaması',
-      SPA: 'Tek sayfa uygulama',
-      Native: 'Native',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: 'Çerçeve filtrele',
-      placeholder: 'Çerçeve arayın',
-    },
-    select_a_framework: 'Bir çerçeve seçin',
-    checkout_tutorial: '{{name}} öğreticiye göz atın',
-    get_sample_file: 'Örnek Gör',
-    title: 'Uygulama başarıyla oluşturuldu',
-    subtitle:
-      'Şimdi uygulama ayarlarınızı tamamlamak için aşağıdaki adımları izleyiniz. Lütfen devam etmek için SDK türünü seçiniz.',
-    description_by_sdk:
-      'Bu hızlı başlangıç kılavuzu, Logtoyu {{sdk}} uygulamasına nasıl entegre edeceğinizi gösterir',
-    do_not_need_tutorial:
-      'Bir öğreticiye ihtiyacınız yoksa, çerçeve rehberi olmadan devam edebilirsiniz',
-    create_without_framework: 'Çerçevesiz uygulama oluşturma',
-    finish_and_done: 'Tamamla ve Bitir',
-    cannot_find_guide: 'Rehberinizi bulamıyor musunuz?',
-    describe_guide_looking_for: 'Aramakta olduğunuz rehberi açıklayın',
-    describe_guide_looking_for_placeholder:
-      'Örn., Logtoyu Angular uygulamama entegre etmek istiyorum.',
-    request_guide_successfully: 'Talebiniz başarıyla gönderildi. Teşekkür ederiz!',
-  },
   placeholder_title: 'Devam etmek için bir uygulama tipi seçin',
   placeholder_description:
     'Logto, uygulamanızı tanımlamaya, oturum açmayı yönetmeye ve denetim kayıtları oluşturmaya yardımcı olmak için OIDC için bir uygulama varlığı kullanır.',

packages/phrases/src/locales/tr-tr/translation/admin-console/guide.ts

@@ -0,0 +1,42 @@
+const guide = {
+  start_building: 'Yapmaya başla',
+  get_started: 'Başlarken',
+  categories: {
+    featured: 'Popüler ve size özel',
+    Traditional: 'Geleneksel web uygulaması',
+    SPA: 'Tek sayfalık uygulama',
+    Native: 'Doğal',
+    MachineToMachine: 'Makineden makineye',
+  },
+  filter: {
+    title: "Framework'ü filtrele",
+    placeholder: 'Framework ara',
+  },
+  checkout_tutorial: 'Öğreticiyi kontrol et {{name}}',
+  do_not_need_tutorial:
+    'Eğer bir öğreticiye ihtiyacınız yoksa, çerçeve kılavuzu olmadan devam edebilirsiniz',
+  finish_and_done: 'Bitir ve tamamla',
+  cannot_find_guide: 'Kılavuzunuzu bulamıyor musunuz?',
+  describe_guide_looking_for: 'Aramakta olduğunuz kılavuzu açıklayın',
+  request_guide_successfully: 'Talebiniz başarıyla gönderildi. Teşekkür ederim!',
+  app: {
+    select_framework_or_tutorial: 'Bir çerçeve veya öğretici seçin',
+    guide_modal_title: 'SDK ve kılavuzlarla başlayın',
+    modal_subtitle:
+      'Önceden oluşturulmuş SDK ve öğreticilerimizle uygulama geliştirme sürecinize hız kazandırın.',
+    select_a_framework: 'Bir çerçeve seçin',
+    continue_without_framework: 'Çerçevesiz uygulama oluştur',
+    describe_guide_looking_for_placeholder:
+      "Örneğin, Logto'yu Angular uygulamama entegre etmek istiyorum.",
+  },
+  api: {
+    modal_title: 'Öğreticilerle başlayın',
+    modal_subtitle:
+      'Önceden oluşturulmuş öğreticilerimizle uygulama geliştirme sürecinize hız kazandırın.',
+    select_a_tutorial: 'Bir öğretici seçin',
+    continue_without_tutorial: 'Öğretici olmadan devam et',
+    describe_guide_looking_for_placeholder: "Örneğin, API'mı deno ile korumak istiyorum.",
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/tr-tr/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/zh-cn/translation/admin-console/applications.ts

@@ -34,36 +34,6 @@ const applications = {
       description: '例如，后端服务',
     },
   },
-  guide: {
-    header_title: '选择一个框架或教程',
-    modal_header_title: '从 SDK 和指南入手',
-    header_subtitle: '使用我们预先构建的 SDK 和教程，快速启动你的应用开发流程。',
-    start_building: '开始构建',
-    categories: {
-      featured: '推荐热门应用',
-      Traditional: '传统网页应用',
-      SPA: '单页应用',
-      Native: '原生',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: '筛选框架',
-      placeholder: '搜索框架',
-    },
-    select_a_framework: '选择一个框架',
-    checkout_tutorial: '查看 {{name}} 教程',
-    get_sample_file: '获取示例',
-    title: '应用创建成功',
-    subtitle: '参考以下步骤完成你的应用设置。首先，选择你要使用的 SDK 类型：',
-    description_by_sdk: '本教程向你演示如何在 {{sdk}} 应用中集成 Logto 登录功能',
-    do_not_need_tutorial: '如果你不需要教程，可以继续没有框架指南',
-    create_without_framework: '无框架创建应用',
-    finish_and_done: '完成并结束',
-    cannot_find_guide: '找不到你要的指南?',
-    describe_guide_looking_for: '描述你要寻找的指南',
-    describe_guide_looking_for_placeholder: '例如，我想将 Logto 集成到我的 Angular 应用中。',
-    request_guide_successfully: '你的请求已成功提交。谢谢！',
-  },
   placeholder_title: '选择应用程序类型以继续',
   placeholder_description:
     'Logto 使用 OIDC 的应用程序实体来帮助识别你的应用程序、管理登录和创建审计日志等任务。',

packages/phrases/src/locales/zh-cn/translation/admin-console/guide.ts

@@ -0,0 +1,38 @@
+const guide = {
+  start_building: '开始构建',
+  get_started: '立即开始',
+  categories: {
+    featured: '推荐热门框架',
+    Traditional: '传统网页应用',
+    SPA: '单页应用',
+    Native: '原生应用',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: '筛选框架',
+    placeholder: '搜索框架',
+  },
+  checkout_tutorial: '查看 {{name}} 教程',
+  do_not_need_tutorial: '如果你现在不需要教程，可以点击右侧按钮继续创建应用',
+  finish_and_done: '完成',
+  cannot_find_guide: '找不到你想要的教程？',
+  describe_guide_looking_for: '描述你正在寻找的教程',
+  request_guide_successfully: '请求已成功提交，谢谢！',
+  app: {
+    select_framework_or_tutorial: '选择一个框架或教程',
+    guide_modal_title: '从 SDK 和指南开始',
+    modal_subtitle: '使用我们提供的 SDK 和集成教程加速你的应用开发过程。',
+    select_a_framework: '选择一个框架',
+    continue_without_framework: '跳过教程直接创建应用',
+    describe_guide_looking_for_placeholder: '例如：我想将 Logto 集成到我的 Angular 应用程序中。',
+  },
+  api: {
+    modal_title: '首先从教程开始',
+    modal_subtitle: '使用我们提供的教程来加速你的应用程序开发过程。',
+    select_a_tutorial: '选择一个教程',
+    continue_without_tutorial: '跳过教程直接创建 API 资源',
+    describe_guide_looking_for_placeholder: '例如：我想使用 deno 框架为我的 API 鉴权。',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/zh-cn/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/zh-hk/translation/admin-console/applications.ts

@@ -34,36 +34,6 @@ const applications = {
       description: '例如，後端服務',
     },
   },
-  guide: {
-    header_title: '選擇框架或教程',
-    modal_header_title: '從 SDK 和教程開始',
-    header_subtitle: '使用我們預先構建的 SDK 和教程加快應用程序的開發過程。',
-    start_building: '開始構建',
-    categories: {
-      featured: '推薦熱門應用',
-      Traditional: '傳統 web 應用程序',
-      SPA: '單頁應用程序',
-      Native: '原生',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: '過濾框架',
-      placeholder: '搜索框架',
-    },
-    select_a_framework: '選擇框架',
-    checkout_tutorial: '查看 {{name}} 教程',
-    get_sample_file: '獲取示例',
-    title: '應用創建成功',
-    subtitle: '參考以下步驟完成應用設置。首先，選擇要使用的 SDK 類型：',
-    description_by_sdk: '此教程將向您展示如何在 {{sdk}} 中集成 Logto 登錄功能',
-    do_not_need_tutorial: '如果您不需要教程，可以繼續進行無框架引導',
-    create_without_framework: '無框架創建應用程序',
-    finish_and_done: '完成並結束',
-    cannot_find_guide: '找不到您的指南？',
-    describe_guide_looking_for: '描述您正在尋找的指南',
-    describe_guide_looking_for_placeholder: '例如，我想在 Angular 應用程序中集成 Logto。',
-    request_guide_successfully: '您的請求已成功提交。謝謝！',
-  },
   placeholder_title: '選擇應用程序類型以繼續',
   placeholder_description:
     'Logto 使用 OIDC 的應用程序實體來幫助識別您的應用程序、管理登錄和創建審計日誌等任務。',

packages/phrases/src/locales/zh-hk/translation/admin-console/guide.ts

@@ -0,0 +1,38 @@
+const guide = {
+  start_building: '開始構建',
+  get_started: '立即開始',
+  categories: {
+    featured: '推薦熱門開發框架',
+    Traditional: '傳統網頁應用',
+    SPA: '單頁應用',
+    Native: '原生應用',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: '篩選框架',
+    placeholder: '搜索框架',
+  },
+  checkout_tutorial: '查看 {{name}} 教程',
+  do_not_need_tutorial: '如果你現在不需要教程，可以點擊右側按鈕繼續創建應用',
+  finish_and_done: '完成',
+  cannot_find_guide: '找不到你想要的教程？',
+  describe_guide_looking_for: '描述你正在尋找的教程',
+  request_guide_successfully: '請求已成功提交，謝謝！',
+  app: {
+    select_framework_or_tutorial: '選擇一個框架或教程',
+    guide_modal_title: '從 SDK 和指南開始',
+    modal_subtitle: '使用我們提供的 SDK 和集成教程加速你的應用開發過程。',
+    select_a_framework: '選擇一個框架',
+    continue_without_framework: '跳過教程直接創建應用',
+    describe_guide_looking_for_placeholder: '例如：我想將 Logto 集成到我的 Angular 應用程式中。',
+  },
+  api: {
+    modal_title: '首先從教程開始',
+    modal_subtitle: '使用我們提供的教程來加速你的應用程式開發過程。',
+    select_a_tutorial: '選擇一個教程',
+    continue_without_tutorial: '跳過教程直接創建 API 資源',
+    describe_guide_looking_for_placeholder: '例如：我想使用 deno 框架驗證我的 API。',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/zh-hk/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);

packages/phrases/src/locales/zh-tw/translation/admin-console/applications.ts

@@ -34,36 +34,6 @@ const applications = {
       description: '例如，後端服務',
     },
   },
-  guide: {
-    header_title: '選擇框架或教程',
-    modal_header_title: '從 SDK 和指南開始',
-    header_subtitle: '使用我們預建的 SDK 和教程來快速啟動您的應用程序開發流程。',
-    start_building: '開始構建',
-    categories: {
-      featured: '推薦熱門應用',
-      Traditional: '傳統網頁應用',
-      SPA: '單頁應用',
-      Native: '原生應用',
-      MachineToMachine: 'Machine-to-machine',
-    },
-    filter: {
-      title: '過濾框架',
-      placeholder: '搜索框架',
-    },
-    select_a_framework: '選擇一個框架',
-    checkout_tutorial: '查看 {{name}} 教程',
-    get_sample_file: '獲取示例',
-    title: '應用創建成功',
-    subtitle: '參考以下步驟完成您的應用設置。首先，選擇要使用的 SDK 類型：',
-    description_by_sdk: '本教程將向您展示如何在 {{sdk}} 應用中集成 Logto 登錄功能',
-    do_not_need_tutorial: '如果您不需要教程，可以繼續進行不帶框架指南的操作',
-    create_without_framework: '無框架創建應用',
-    finish_and_done: '完成並結束',
-    cannot_find_guide: '找不到指南？',
-    describe_guide_looking_for: '描述您正在尋找的指南',
-    describe_guide_looking_for_placeholder: '例如，我想將 Logto 集成到我的 Angular 應用中',
-    request_guide_successfully: '您的請求已成功提交。謝謝！',
-  },
   placeholder_title: '選擇應用程序類型以繼續',
   placeholder_description:
     'Logto 使用 OIDC 的應用程序實體來幫助識別你的應用程序、管理登入和創建審計日誌等任務。',

packages/phrases/src/locales/zh-tw/translation/admin-console/guide.ts

@@ -0,0 +1,38 @@
+const guide = {
+  start_building: '開始構建',
+  get_started: '立即開始',
+  categories: {
+    featured: '推薦熱門開發框架',
+    Traditional: '傳統網頁應用',
+    SPA: '單頁應用',
+    Native: '原生應用',
+    MachineToMachine: 'Machine-to-machine',
+  },
+  filter: {
+    title: '篩選框架',
+    placeholder: '搜索框架',
+  },
+  checkout_tutorial: '查看 {{name}} 教程',
+  do_not_need_tutorial: '如果你現在不需要教程，可以點擊右側按鈕繼續創建應用',
+  finish_and_done: '完成',
+  cannot_find_guide: '找不到你想要的教程？',
+  describe_guide_looking_for: '描述你正在尋找的教程',
+  request_guide_successfully: '請求已成功提交，謝謝！',
+  app: {
+    select_framework_or_tutorial: '選擇一個框架或教程',
+    guide_modal_title: '從 SDK 和指南開始',
+    modal_subtitle: '使用我們提供的 SDK 和集成教程加速你的應用開發過程。',
+    select_a_framework: '選擇一個框架',
+    continue_without_framework: '跳過教程直接創建應用',
+    describe_guide_looking_for_placeholder: '例如：我想將 Logto 集成到我的 Angular 應用程式中。',
+  },
+  api: {
+    modal_title: '首先從教程開始',
+    modal_subtitle: '使用我們提供的教程來加速你的應用程式開發過程。',
+    select_a_tutorial: '選擇一個教程',
+    continue_without_tutorial: '跳過教程直接創建 API 資源',
+    describe_guide_looking_for_placeholder: '例如：我想使用 deno 框架驗證我的 API。',
+  },
+};
+
+export default Object.freeze(guide);

packages/phrases/src/locales/zh-tw/translation/admin-console/index.ts

@@ -12,6 +12,7 @@ import domain from './domain.js';
 import errors from './errors.js';
 import general from './general.js';
 import get_started from './get-started.js';
+import guide from './guide.js';
 import log_details from './log-details.js';
 import logs from './logs.js';
 import menu from './menu.js';
@@ -71,6 +72,7 @@ const admin_console = {
   topbar,
   subscription,
   upsell,
+  guide,
 };
 
 export default Object.freeze(admin_console);