feat(console): integrate app (#7417)

* docs, frameworks view

* project select, integrate app page

* fix search project autocomplete

* framework autocomplete

* framwork select component, integrate, mapping to oidc config

* param

* fix route handler

* setname projectid context

* app-create page without context

* show description of app type, info section

* redirects section

* updatevalue observable

* fix redirect uris section

* i18n

* setup config

* backbutton behavior, cleanup

* cleanup

* lint

* allow other framework jump off

* dev mode warning

* navigate to project

* rm import

* i18n, guide link

* edit name dialog

* show warning for duplicate name

console/src/assets/i18n/bg.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Настройки",
     "CUSTOMERPORTAL": "Портал за клиенти"
   },
+  "QUICKSTART": {
+    "TITLE": "Интегрирайте ZITADEL във вашето приложение",
+    "DESCRIPTION": "Интегрирайте ZITADEL във вашето приложение или използвайте някой от нашите образци, за да започнете за минути.",
+    "BTN_START": "Създаване на приложение",
+    "BTN_LEARNMORE": "Научете повече",
+    "CREATEPROJECTFORAPP": "Създаване на проект {{value}}",
+    "SELECT_FRAMEWORK": "Изберете рамка",
+    "FRAMEWORK": "Рамка",
+    "FRAMEWORK_OTHER": "други (OIDC, SAML, API)",
+    "ALMOSTDONE": "Почти сте готови.",
+    "REVIEWCONFIGURATION": "Конфигурация на прегледа",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Създадохме основна конфигурация за {{value}} приложения. След създаването можете да адаптирате тази конфигурация към вашите нужди.",
+    "REDIRECTS": "Конфигуриране на пренасочвания",
+    "DEVMODEWARN": "Режимът Dev е активиран по подразбиране. Можете да актуализирате стойностите за производство по-късно.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Преглед на примери",
+    "DUPLICATEAPPRENAME": "Вече съществува приложение със същото име. Моля, изберете друго име.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Рамка за промяна",
+        "DESCRIPTION": "Изберете една от наличните рамки за бърза настройка на вашето приложение."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Действия",
     "FILTER": "Филтър",
@@ -138,6 +162,7 @@
     "ADD": "Добавете",
     "CREATE": "Създавайте",
     "CONTINUE": "продължи",
+    "CONTINUEWITH": "Продължете с {{value}}",
     "BACK": "обратно",
     "CLOSE": "Близо",
     "CLEAR": "ясно",
@@ -1952,6 +1977,7 @@
       "DATECHANGED": "Променен",
       "URLS": "URL адреси",
       "DELETE": "Изтриване на приложение",
+      "JUMPTOPROJECT": "За да конфигурирате роли, оторизации и други, отидете до проекта.",
       "DETAIL": {
         "TITLE": "детайл",
         "STATE": {

console/src/assets/i18n/cs.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Nastavení",
     "CUSTOMERPORTAL": "Zákaznický portál"
   },
+  "QUICKSTART": {
+    "TITLE": "Integrovat ZITADEL do vaší aplikace",
+    "DESCRIPTION": "Integrujte ZITADEL do své aplikace nebo použijte některou z našich ukázek a začněte během několika minut.",
+    "BTN_START": "Vytvořit aplikaci",
+    "BTN_LEARNMORE": "Zjistěte více",
+    "CREATEPROJECTFORAPP": "Vytvořit projekt {{value}}",
+    "SELECT_FRAMEWORK": "Vybrat framework",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "jiný (OIDC, SAML, API)",
+    "ALMOSTDONE": "Jste téměř hotovi.",
+    "REVIEWCONFIGURATION": "Přezkoumání konfigurace",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Vytvořili jsme základní konfiguraci pro {{hodnota}} aplikace. Tuto konfiguraci můžete po vytvoření přizpůsobit svým potřebám.",
+    "REDIRECTS": "Konfigurace přesměrování",
+    "DEVMODEWARN": "Dev Mode je ve výchozím nastavení povolen. Hodnoty pro produkci můžete aktualizovat později.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Procházet ukázky",
+    "DUPLICATEAPPRENAME": "Aplikace se stejným neme již existuje. Vyberte prosím jiný název.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Rámec změn",
+        "DESCRIPTION": "Vyberte si jeden z dostupných frameworků pro rychlé nastavení vaší aplikace."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Akce",
     "FILTER": "Filtr",
@@ -138,6 +162,7 @@
     "ADD": "Přidat",
     "CREATE": "Vytvořit",
     "CONTINUE": "Pokračovat",
+    "CONTINUEWITH": "Pokračovat s {{value}}",
     "BACK": "Zpět",
     "CLOSE": "Zavřít",
     "CLEAR": "Vyčistit",
@@ -1971,6 +1996,7 @@
       "DATECHANGED": "Změněno",
       "URLS": "URL adresy",
       "DELETE": "Smazat aplikaci",
+      "JUMPTOPROJECT": "Chcete-li nakonfigurovat role, oprávnění a další, přejděte do projektu.",
       "DETAIL": {
         "TITLE": "Detail",
         "STATE": {

console/src/assets/i18n/de.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Einstellungen",
     "CUSTOMERPORTAL": "Kundenportal"
   },
+  "QUICKSTART": {
+    "TITEL": "Integriere ZITADEL in deine Anwendung",
+    "DESCRIPTION": "Integriere ZITADEL in deine Anwendung oder verwende eines unserer Beispiele, um in wenigen Minuten loszulegen.",
+    "BTN_START": "Anwendung erstellen",
+    "BTN_LEARNMORE": "Mehr erfahren",
+    "CREATEPROJECTFORAPP": "Projekt erstellen {{value}}",
+    "SELECT_FRAMEWORK": "Framework auswählen",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Andere (OIDC, SAML, API)",
+    "ALMOSTDONE": "Wir sind fast fertig.",
+    "REVIEWCONFIGURATION": "Konfiguration überprüfen",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Wir haben eine Grundkonfiguration für {{wert}}-Anwendungen erstellt. Du kannst diese Konfiguration nach der Erstellung an deine Bedürfnisse anpassen.",
+    "REDIRECTS": "Redirects konfigurieren",
+    "DEVMODEWARN": "Der Dev-Modus ist standardmäßig aktiviert. Sie können Werte für die Produktion später aktualisieren.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Beispiele durchsuchen",
+    "DUPLICATEAPPRENAME": "Es gibt bereits eine App mit demselben Neme. Bitte wählen Sie einen anderen Namen.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Framework ändern",
+        "DESCRIPTION": "Wähle eines der verfügbaren Frameworks für die schnelle Einrichtung deiner Anwendung."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Aktionen",
     "FILTER": "Filter",
@@ -138,6 +162,7 @@
     "ADD": "Hinzufügen",
     "CREATE": "Erstellen",
     "CONTINUE": "Weiter",
+    "CONTINUEWITH": "Mit {{value}} fortfahren",
     "BACK": "Zurück",
     "CLOSE": "Schliessen",
     "CLEAR": "Zurücksetzen",
@@ -1961,6 +1986,7 @@
       "DATECHANGED": "Geändert",
       "URLS": "URLs",
       "DELETE": "App löschen",
+      "JUMPTOPROJECT": "Um Rollen, Berechtigungen und mehr zu konfigurieren, navigieren Sie zum Projekt.",
       "DETAIL": {
         "TITLE": "Detail",
         "STATE": {

console/src/assets/i18n/en.json

@@ -43,7 +43,7 @@
     }
   },
   "ONBOARDING": {
-    "DESCRIPTION": "Your onboarding process",
+    "DESCRIPTION": "Your next steps",
     "MOREDESCRIPTION": "more shortcuts",
     "COMPLETED": "completed",
     "DISMISS": "No thanks, I'm a pro.",
@@ -119,6 +119,30 @@
     "SETTINGS": "Settings",
     "CUSTOMERPORTAL": "Customer Portal"
   },
+  "QUICKSTART": {
+    "TITLE": "Integrate ZITADEL into your application",
+    "DESCRIPTION": "Integrate ZITADEL into your application or use one of our samples to get started in minutes.",
+    "BTN_START": "Create Application",
+    "BTN_LEARNMORE": "Learn More",
+    "CREATEPROJECTFORAPP": "Create Project {{value}}",
+    "SELECT_FRAMEWORK": "Select Framework",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Other (OIDC, SAML, API)",
+    "ALMOSTDONE": "You're almost done.",
+    "REVIEWCONFIGURATION": "Review Configuration",
+    "REVIEWCONFIGURATION_DESCRIPTION": "We've created a basic configuration for {{value}} applications. You can adapt this configuration to your needs after creation.",
+    "REDIRECTS": "Configure redirects",
+    "DEVMODEWARN": "Dev Mode is enabled by default. You can update values for production later.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Browse Examples and SDKs",
+    "DUPLICATEAPPRENAME": "An app with the same name exists already. Please choose a different name.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Change Framework",
+        "DESCRIPTION": "Choose one of the available frameworks for quick setup of your application."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Actions",
     "FILTER": "Filter",
@@ -138,6 +162,7 @@
     "ADD": "Add",
     "CREATE": "Create",
     "CONTINUE": "Continue",
+    "CONTINUEWITH": "Continue with {{value}}",
     "BACK": "Back",
     "CLOSE": "Close",
     "CLEAR": "Clear",
@@ -1972,7 +1997,7 @@
       "DESCRIPTION": "Here you can edit your application data and it's configuration.",
       "CREATE": "Create application",
       "CREATE_SELECT_PROJECT": "Select your project first",
-      "CREATE_NEW_PROJECT": "or create a new one <a href='{{url}}' title='Create project'>here</a>.",
+      "CREATE_NEW_PROJECT": "or enter the name for your new project",
       "CREATE_DESC_TITLE": "Enter Your Application Details Step by Step",
       "CREATE_DESC_SUB": "A recommended configuration will be automatically generated.",
       "STATE": "Status",
@@ -1980,6 +2005,7 @@
       "DATECHANGED": "Changed",
       "URLS": "URLs",
       "DELETE": "Delete App",
+      "JUMPTOPROJECT": "To configure roles, authorizations and more, navigate to the project.",
       "DETAIL": {
         "TITLE": "Detail",
         "STATE": {

console/src/assets/i18n/es.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Ajustes",
     "CUSTOMERPORTAL": "Portal del cliente"
   },
+  "QUICKSTART": {
+    "TITLE": "Integra ZITADEL en tu aplicación",
+    "DESCRIPTION": "Integra ZITADEL en tu aplicación o utiliza uno de nuestros ejemplos para empezar en cuestión de minutos",
+    "BTN_START": "Crear aplicación",
+    "BTN_LEARNMORE": "Aprende más",
+    "CREATEPROJECTFORAPP": "Crear proyecto {{value}}",
+    "SELECT_FRAMEWORK": "Seleccionar marco",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Otro (OIDC, SAML, API)",
+    "ALMOSTDONE": "Ya casi has terminado",
+    "REVIEWCONFIGURATION": "Configuración de revisión",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Hemos creado una configuración básica para aplicaciones {{value}}. Puedes adaptar esta configuración a tus necesidades después de crearla.",
+    "REDIRECTS": "Configurar redirecciones",
+    "DEVMODEWARN": "El modo de desarrollo está habilitado de forma predeterminada. Puede actualizar los valores para la producción más adelante.",
+    "GUIDE": "Guía",
+    "BROWSEEXAMPLES": "Explora ejemplos",
+    "DUPLICATEAPPRENAME": "Ya existe una aplicación con el mismo nombre. Por favor, elige un nombre diferente.",
+    "DIALOG": {
+      "CAMBIAR": {
+        "TITLE": "Cambio framework",
+        "DESCRIPTION": "Elige uno de los frameworks disponibles para configurar rápidamente tu aplicación."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Acciones",
     "FILTER": "Filtrar",
@@ -138,6 +162,7 @@
     "ADD": "Añadir",
     "CREATE": "Crear",
     "CONTINUE": "Continuar",
+    "CONTINUEWITH": "Continuar con {{value}}",
     "BACK": "Atrás",
     "CLOSE": "Cerrar",
     "CLEAR": "Limpiar",
@@ -1959,6 +1984,7 @@
       "DATECHANGED": "Cambiada",
       "URLS": "URLs",
       "DELETE": "Borrar App",
+      "JUMPTOPROJECT": "Para configurar roles, autorizaciones y más, navegue hasta el proyecto.",
       "DETAIL": {
         "TITLE": "Detalle",
         "STATE": {

console/src/assets/i18n/fr.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Paramètres",
     "CUSTOMERPORTAL": "Customer Portal"
   },
+  "QUICKSTART": {
+    "TITLE": "Intégrer ZITADEL dans votre application",
+    "DESCRIPTION": "Intégrez ZITADEL dans votre application ou utilisez l'un de nos échantillons pour démarrer en quelques minutes",
+    "BTN_START": "Créer une application",
+    "BTN_LEARNMORE": "En savoir plus",
+    "CREATEPROJECTFORAPP": "Créer un projet {{value}}",
+    "SELECT_FRAMEWORK": "Select Framework",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Autre (OIDC, SAML, API)",
+    "ALMOSTDONE": "Vous avez presque terminé",
+    "REVIEWCONFIGURATION": "Review Configuration",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Nous avons créé une configuration de base pour les applications {{value}}. Vous pouvez adapter cette configuration à vos besoins après sa création.",
+    "REDIRECTS": "Configurer les redirections",
+    "DEVMODEWARN": "Le mode développement est activé par défaut. Vous pouvez mettre à jour les valeurs pour la production ultérieurement.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Parcourez les exemples",
+    "DUPLICATEAPPRENAME": "Une application avec ce nom existe déjà. Veuillez choisir un autre nom.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Cadre de changement",
+        "DESCRIPTION": "Choisissez l'un des frameworks disponibles pour une configuration rapide de votre application."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Actions",
     "FILTER": "Filtrer",
@@ -138,6 +162,7 @@
     "ADD": "Ajouter",
     "CREATE": "Créer",
     "CONTINUE": "Continuer",
+    "CONTINUEWITH": "Continuez avec {{value}}",
     "BACK": "Retour",
     "CLOSE": "Fermer",
     "CLEAR": "Effacer",
@@ -1962,6 +1987,7 @@
       "DATECHANGED": "Modifié",
       "URLS": "URLs",
       "DELETE": "Supprimer l'application",
+      "JUMPTOPROJECT": "Pour configurer des rôles, des autorisations et bien plus encore, accédez au projet.",
       "DETAIL": {
         "TITLE": "Détail",
         "STATE": {

console/src/assets/i18n/it.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Impostazioni",
     "CUSTOMERPORTAL": "Customer Portal"
   },
+  "QUICKSTART": {
+    "TITLE": "Integra ZITADEL nella tua applicazione",
+    "DESCRIPTION": "Integra ZITADEL nella tua applicazione o utilizza uno dei nostri esempi per iniziare in pochi minuti",
+    "BTN_START": "Crea applicazione",
+    "BTN_LEARNMORE": "Mostra di più",
+    "CREATEPROJECTFORAPP": "Crea progetto {{value}}",
+    "SELECT_FRAMEWORK": "Seleziona Framework",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Altro (OIDC, SAML, API)",
+    "ALMOSTDONE": "Hai quasi finito",
+    "REVIEWCONFIGURATION": "Controlla la configurazione",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Abbiamo creato una configurazione base per le applicazioni {{value}}. Può adattare la configurazione alle proprie esigenze dopo la creazione.",
+    "REDIRECTS": "Configura i reindirizzamenti",
+    "DEVMODEWARN": "La modalità sviluppatore è abilitata per impostazione predefinita. È possibile aggiornare i valori per la produzione in un secondo momento.",
+    "GUIDE": "Guida",
+    "BROWSEEXAMPLES": "Esplora esempi e SDK",
+    "DUPLICATEAPPRENAME": "Un'app con lo stesso nome esiste già. Scegli un nome diverso.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Modifica framework",
+        "DESCRIPTION": "Scegliere uno dei framework disponibili per configurare rapidamente la propria applicazione"
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Azioni",
     "FILTER": "Filtra",
@@ -138,6 +162,7 @@
     "ADD": "Aggiungi",
     "CREATE": "Crea",
     "CONTINUE": "Continua",
+    "CONTINUEWITH": "Continue con {{value}}",
     "BACK": "Indietro",
     "CLOSE": "chiudi",
     "CLEAR": "Resetta",
@@ -1962,6 +1987,7 @@
       "DATECHANGED": "Cambiato",
       "URLS": "URLs",
       "DELETE": "Rimuovi App",
+      "JUMPTOPROJECT": "Per configurare ruoli, autorizzazioni e altro, vai al progetto.",
       "DETAIL": {
         "TITLE": "Dettagli",
         "STATE": {

console/src/assets/i18n/ja.json

@@ -119,6 +119,30 @@
     "SETTINGS": "設定",
     "CUSTOMERPORTAL": "カスタマーポータル"
   },
+  "QUICKSTART": {
+    "TITLE": "ZITADELをアプリケーションに統合する",
+    "DESCRIPTION": "あなたのアプリケーションにZITADELを組み込むか、当社のサンプルを使って数分で始められます。",
+    "BTN_START": "アプリケーションの作成",
+    "BTN_LEARNMORE": "さらに詳しく",
+    "CREATEPROJECTFORAPP": "プロジェクトの作成 {{value}}",
+    "SELECT_FRAMEWORK": "フレームワークを選択",
+    "FRAMEWORK": "フレームワーク",
+    "FRAMEWORK_OTHER": "他の (OIDC, SAML, API)",
+    "ALMOSTDONE": "あと少しだ。",
+    "REVIEWCONFIGURATION": "レビュー構成",
+    "REVIEWCONFIGURATION_DESCRIPTION": "ここでは{{value}}アプリケーションの基本設定を作成しました。この構成は作成後にあなたのニーズに合わせることができます。",
+    "REDIRECTS": "リダイレクトの設定",
+    "DEVMODEWARN": "開発モードはデフォルトで有効になっています。実稼働用の値は後で更新できます。",
+    "GUIDE": "ガイド",
+    "BROWSEEXAMPLES": "サンプルを見る",
+    "DUPLICATEAPPRENAME": "同じ名前のアプリがすでに存在します。別の名前を選択してください。",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "変更の枠組み",
+        "DESCRIPTION": "利用可能なフレームワークのいずれかを選択して、アプリケーションをすばやくセットアップできます。"
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "アクション",
     "FILTER": "絞り込み",
@@ -138,6 +162,7 @@
     "ADD": "追加",
     "CREATE": "作成",
     "CONTINUE": "次へ",
+    "CONTINUEWITH": "{{value}} に進みます",
     "BACK": "戻る",
     "CLOSE": "閉じる",
     "CLEAR": "消去する",
@@ -1953,6 +1978,7 @@
       "DATECHANGED": "更新日",
       "URLS": "URL",
       "DELETE": "アプリを削除する",
+      "JUMPTOPROJECT": "ロール、権限などを構成するには、プロジェクトに移動します。",
       "DETAIL": {
         "TITLE": "詳細",
         "STATE": {

console/src/assets/i18n/mk.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Подесувања",
     "CUSTOMERPORTAL": "Портал за клиенти"
   },
+  "QUICKSTART": {
+    "TITLE": "Интегрирајте го ZITADEL во вашата апликација",
+    "DESCRIPTION": "Интегрирајте го ZITADEL во вашата апликација или користете еден од нашите примероци за да започнете за неколку минути.",
+    "BTN_START": "Креирај апликација",
+    "BTN_LEARNMORE": "Научи повеќе",
+    "CREATEPROJECTFORAPP": "Креирај проект {{value}}",
+    "SELECT_FRAMEWORK": "Изберете Рамка",
+    "FRAMEWORK": "Рамка",
+    "FRAMEWORK_OTHER": "Друго (OIDC, SAML, API)",
+    "ALMOSTDONE": "Речиси сте готови.",
+    "REVIEWCONFIGURATION": "Прегледајте ја конфигурацијата",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Создадовме основна конфигурација за {{value}} апликации. Можете да ја прилагодите оваа конфигурација на вашите потреби по креирањето.",
+    "REDIRECTS": "Конфигурирајте пренасочувања",
+    "DEVMODEWARN": "Режимот на развој е стандардно овозможен. Може да ги ажурирате вредностите за производство подоцна.",
+    "GUIDE": "Водич",
+    "BROWSEEXAMPLES": "Прегледај примероци",
+    "DUPLICATEAPPRENAME": "Веќе постои апликација со истиот непријател. Ве молиме изберете друго име.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Променете ја рамката",
+        "DESCRIPTION": "Изберете една од достапните рамки за брзо поставување на вашата апликација."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Акции",
     "FILTER": "Филтер",
@@ -138,6 +162,7 @@
     "ADD": "Додади",
     "CREATE": "Креирај",
     "CONTINUE": "Продолжи",
+    "CONTINUEWITH": "Продолжи со {{value}}",
     "BACK": "Назад",
     "CLOSE": "Затвори",
     "CLEAR": "Исчисти",
@@ -1959,6 +1984,7 @@
       "DATECHANGED": "Изменето",
       "URLS": "URLs",
       "DELETE": "Избриши апликација",
+      "JUMPTOPROJECT": "За да ги конфигурирате улогите, овластувањата и друго, одете до проектот.",
       "DETAIL": {
         "TITLE": "Детали",
         "STATE": {

console/src/assets/i18n/nl.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Instellingen",
     "CUSTOMERPORTAL": "Klantenportaal"
   },
+  "QUICKSTART": {
+    "TITLE": "Integreer ZITADEL in uw toepassing",
+    "DESCRIPTION": "Integreer ZITADEL in uw toepassing of gebruik een van onze voorbeelden om binnen enkele minuten aan de slag te gaan.",
+    "BTN_START": "Applicatie maken",
+    "BTN_LEARNMORE": "Meer informatie",
+    "CREATEPROJECTFORAPP": "Creëer Project {{value}}",
+    "SELECT_FRAMEWORK": "Kies Framework",
+    "FRAMEWORK": "Framework",
+    "FRAMEWORK_OTHER": "Ander (OIDC, SAML, API)",
+    "ALMOSTDONE": "Je bent bijna klaar",
+    "REVIEWCONFIGURATION": "Reviewconfiguratie",
+    "REVIEWCONFIGURATION_DESCRIPTION": "We hebben een basisconfiguratie gemaakt voor {{value}} toepassingen. Je kunt deze configuratie na het aanmaken aanpassen aan je behoeften.",
+    "REDIRECTS": "Configureer omleidingen",
+    "DEVMODEWARN": "Dev-modus is standaard ingeschakeld. U kunt waarden voor productie later bijwerken.",
+    "GUIDE": "Guide",
+    "BROWSEEXAMPLES": "Bekijk voorbeelden",
+    "DUPLICATEAPPRENAME": "Er bestaat al een app met dezelfde aartsvijand. Kies een andere naam.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Verander Framework",
+        "DESCRIPTION": "Kies een van de beschikbare frameworks voor het snel instellen van je applicatie."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Acties",
     "FILTER": "Filter",
@@ -138,6 +162,7 @@
     "ADD": "Toevoegen",
     "CREATE": "Aanmaken",
     "CONTINUE": "Doorgaan",
+    "CONTINUEWITH": "Ga verder met {{value}}",
     "BACK": "Terug",
     "CLOSE": "Sluiten",
     "CLEAR": "Leegmaken",
@@ -1980,6 +2005,7 @@
       "DATECHANGED": "Gewijzigd",
       "URLS": "URL's",
       "DELETE": "Verwijder App",
+      "JUMPTOPROJECT": "Om rollen, autorisaties en meer te configureren, navigeert u naar het project.",
       "DETAIL": {
         "TITLE": "Detail",
         "STATE": {

console/src/assets/i18n/pl.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Ustawienia",
     "CUSTOMERPORTAL": "Portal klienta"
   },
+  "QUICKSTART": {
+    "TITLE": "Zintegruj ZITADEL ze swoją aplikacją",
+    "DESCRIPTION": "Zintegruj ZITADEL ze swoją aplikacją lub skorzystaj z jednego z naszych przykładów, aby rozpocząć pracę w ciągu kilku minut",
+    "BTN_START": "Utwórz aplikację",
+    "BTN_LEARNMORE": "Dowiedz się więcej",
+    "CREATEPROJECTFORAPP": "Utwórz projekt {{value}}",
+    "SELECT_FRAMEWORK": "Wybierz Framework",
+    "FRAMEWORK": "Ramy",
+    "FRAMEWORK_OTHER": "Inny (OIDC, SAML, API)",
+    "ALMOSTDONE": "Już prawie skończyłeś",
+    "REVIEWCONFIGURATION": "Konfiguracja recenzji",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Stworzyliśmy podstawową konfigurację dla aplikacji {{value}}. Możesz dostosować tę konfigurację do swoich potrzeb po jej utworzeniu.",
+    "REDIRECTS": "Skonfiguruj przekierowania",
+    "DEVMODEWARN": "Tryb deweloperski jest domyślnie włączony. Możesz później zaktualizować wartości dla produkcji.",
+    "GUIDE": "Przewodnik",
+    "BROWSEEXAMPLES": "Przeglądaj przykłady",
+    "DUPLICATEAPPRENAME": "Aplikacja o tej samej nazwie już istnieje. Proszę wybrać inną nazwę.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Ramy zmian",
+        "DESCRIPTION": "Wybierz jeden z dostępnych frameworków, aby szybko skonfigurować swoją aplikację"
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Akcje",
     "FILTER": "Filtruj",
@@ -138,6 +162,7 @@
     "ADD": "Dodaj",
     "CREATE": "Utwórz",
     "CONTINUE": "Kontynuuj",
+    "CONTINUEWITH": "Kontynuuj z {{value}}",
     "BACK": "Wstecz",
     "CLOSE": "Zamknij",
     "CLEAR": "Wyczyść",
@@ -1962,6 +1987,7 @@
       "DATECHANGED": "Zmienione",
       "URLS": "Adresy URL",
       "DELETE": "Usuń aplikację",
+      "JUMPTOPROJECT": "Aby skonfigurować role, uprawnienia i nie tylko, przejdź do projektu.",
       "DETAIL": {
         "TITLE": "Szczegóły",
         "STATE": {

console/src/assets/i18n/pt.json

@@ -119,6 +119,30 @@
     "SETTINGS": "Configurações",
     "CUSTOMERPORTAL": "Portal do Cliente"
   },
+  "QUICKSTART": {
+    "TITLE": "Integrar a ZITADEL na sua aplicação",
+    "DESCRIÇÃO": "Integre a ZITADEL na sua aplicação ou utilize uma das nossas amostras para começar em minutos.",
+    "BTN_START": "Criar aplicação",
+    "BTN_LEARNMORE": "Saiba mais",
+    "CREATEPROJECTFORAPP": "Criar projeto {{value}}",
+    "SELECT_FRAMEWORK": "Selecionar estrutura",
+    "FRAMEWORK": "Estrutura",
+    "FRAMEWORK_OTHER": "Outro (OIDC, SAML, API)",
+    "ALMOSTDONE": "Está quase a terminar",
+    "REVIEWCONFIGURATION": "Configuração de revisão",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Criámos uma configuração básica para aplicações {{value}}. Pode adaptar esta configuração às suas necessidades após a criação.",
+    "REDIRECTS": "Configurar redireccionamentos",
+    "DEVMODEWARN": "O modo Dev está habilitado por padrão. Você pode atualizar os valores para produção posteriormente.",
+    "GUIDE": "Guia",
+    "BROWSEEXAMPLES": "Navegar por exemplos",
+    "DUPLICATEAPPRENAME": "Já existe um aplicativo com o mesmo neme. Escolha um nome diferente.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Alterar Quadro",
+        "DESCRIÇÃO": "Escolha uma das estruturas disponíveis para uma configuração rápida da sua aplicação."
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Ações",
     "FILTER": "Filtrar",
@@ -138,6 +162,7 @@
     "ADD": "Adicionar",
     "CREATE": "Criar",
     "CONTINUE": "Continuar",
+    "CONTINUEWITH": "Continue com {{value}}",
     "BACK": "Voltar",
     "CLOSE": "Fechar",
     "CLEAR": "Limpar",
@@ -1957,6 +1982,7 @@
       "DATECHANGED": "Alterado",
       "URLS": "URLs",
       "DELETE": "Excluir App",
+      "JUMPTOPROJECT": "Para configurar funções, autorizações e muito mais, navegue até o projeto.",
       "DETAIL": {
         "TITLE": "Detalhe",
         "STATE": {

console/src/assets/i18n/ru.json

@@ -115,6 +115,30 @@
     "SETTINGS": "Настройки",
     "CUSTOMERPORTAL": "Клиентский портал"
   },
+  "QUICKSTART": {
+    "TITLE": "Интегрируйте ZITADEL в свое приложение",
+    "ОПИСАНИЕ": "Интегрируйте ZITADEL в свое приложение или воспользуйтесь одним из наших образцов, чтобы начать работу за считанные минуты",
+    "BTN_START": "Создать приложение",
+    "BTN_LEARNMORE": "Узнать больше",
+    "CREATEPROJECTFORAPP": "Создать проект {{value}}",
+    "SELECT_FRAMEWORK": "Выбрать фреймворк",
+    "FRAMEWORK": "Рамка",
+    "FRAMEWORK_OTHER": "Другое (OIDC, SAML, API)",
+    "ALMOSTDONE": "Вы почти закончили",
+    "REVIEWCONFIGURATION": "Конфигурация обзора",
+    "REVIEWCONFIGURATION_DESCRIPTION": "Мы создали базовую конфигурацию для {{value}} приложений. После создания вы можете адаптировать эту конфигурацию под свои нужды.",
+    "REDIRECTS": "Настроить редиректы",
+    "DEVMODEWARN": "Режим разработки включен по умолчанию. Значения для производства можно обновить позже.",
+    "GUIDE": "Руководство",
+    "BROWSEEXAMPLES": "Просмотреть примеры",
+    "DUPLICATEAPPRENAME": "Приложение с таким названием уже существует. Пожалуйста, выберите другое имя.",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "Рамки изменений",
+        "ОПИСАНИЕ": "Выберите один из доступных фреймворков для быстрой настройки вашего приложения"
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "Действия",
     "FILTER": "Фильтр",
@@ -134,6 +158,7 @@
     "ADD": "Добавить",
     "CREATE": "Создать",
     "CONTINUE": "Продолжить",
+    "CONTINUEWITH": "Продолжить с {{value}}",
     "BACK": "Назад",
     "CLOSE": "Закрыть",
     "CLEAR": "Очистить",
@@ -1956,6 +1981,7 @@
       "DATECHANGED": "Дата изменения",
       "URLS": "URL-адреса",
       "DELETE": "Удалить приложение",
+      "JUMPTOPROJECT": "Чтобы настроить роли, полномочия и многое другое, перейдите к проекту.",
       "DETAIL": {
         "TITLE": "Деталь",
         "STATE": {

console/src/assets/i18n/zh.json

@@ -119,6 +119,30 @@
     "SETTINGS": "设置",
     "CUSTOMERPORTAL": "客户门户网站"
   },
+  "QUICKSTART": {
+    "TITLE": "将 ZITADEL 集成到您的应用程序中",
+    "DESCRIPTION": "将 ZITADEL 集成到您的应用程序中，或使用我们的示例，几分钟内即可开始使用。",
+    "BTN_START": "创建应用程序",
+    "BTN_LEARNMORE": "了解更多",
+    "CREATEPROJECTFORAPP": "创建项目 {{value}}",
+    "SELECT_FRAMEWORK": "选择框架",
+    "FRAMEWORK": "框架",
+    "FRAMEWORK_OTHER": "其他 (OIDC, SAML, API)",
+    "ALMOSTDONE": "就快好了",
+    "REVIEWCONFIGURATION": "审查配置",
+    "REVIEWCONFIGURATION_DESCRIPTION": "我们为 {{value}} 应用程序创建了一个基本配置。创建后，您可以根据自己的需要调整该配置。",
+    "REDIRECTS": "配置重定向",
+    "DEVMODEWARN": "默认情况下启用开发模式。您可以稍后更新生产值。",
+    "GUIDE": "指南",
+    "BROWSEEXAMPLES": "浏览示例",
+    "DUPLICATEAPPRENAME": "具有相同 neme 的应用程序已经存在。请选择不同的名称。",
+    "DIALOG": {
+      "CHANGE": {
+        "TITLE": "变革框架",
+        "DESCRIPTION": "从可用的框架中选择一个，快速设置您的应用程序。"
+      }
+    }
+  },
   "ACTIONS": {
     "ACTIONS": "操作",
     "FILTER": "过滤",
@@ -138,6 +162,7 @@
     "ADD": "添加",
     "CREATE": "创建",
     "CONTINUE": "继续",
+    "CONTINUEWITH": "继续 {{value}}",
     "BACK": "返回",
     "CLOSE": "关闭",
     "CLEAR": "清除",
@@ -1961,6 +1986,7 @@
       "DATECHANGED": "修改于",
       "URLS": "URLs",
       "DELETE": "删除应用",
+      "JUMPTOPROJECT": "要配置角色、授权等，请导航到项目。",
       "DETAIL": {
         "TITLE": "详情",
         "STATE": {