perf: query projected milestones for onboarding view (#6760)

* feat: support list milestones api * show milestones in onboarding view * add authenticated milestone * add icon to login milestone * update main * lint * fix import * fix import * lint * reuse proto milestone type mapping
2025-08-13 02:39:25 +00:00 · 2023-10-25 13:16:34 +02:00
parent 73dbf31368
commit 1c839e308b
27 changed files with 445 additions and 180 deletions
--- a/console/src/assets/i18n/bg.json
+++ b/console/src/assets/i18n/bg.json
@@ -51,7 +51,7 @@
      "TITLE": "Пуснете своя ZITADEL да работи",
      "DESCRIPTION": "Този контролен списък помага да настроите вашия екземпляр и ви насочва през най-важните стъпки"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Настройте марката си",
        "description": "Определете цвета и формата на вашето логин и качете вашето лого и икони.",
@@ -62,15 +62,20 @@
        "description": "Задайте свои собствени настройки на пощенския сървър.",
        "action": "Настройка на SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Създайте проект",
        "description": "Добавете проект и определете неговите роли и пълномощия.",
        "action": "Създайте проект"
      },
-      "project.application.added": {
-        "title": "Създайте приложение",
-        "description": "Създайте уеб, естествено, api или saml приложение и настройте своя поток за удостоверяване.",
-        "action": "Създаване на приложение"
+      "APPLICATION_CREATED": {
+        "title": "Регистрирайте приложението си",
+        "description": "Регистрирайте вашето уеб, естествено, api или saml приложение и настройте поток за удостоверяване.",
+        "action": "Регистрирайте приложението"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Влезте в приложението си",
+        "description": "Интегрирайте приложението си с ZITADEL за удостоверяване и го тествайте, като влезете с администраторския си потребител.",
+        "action": "Влезте"
      },
      "user.human.added": {
        "title": "Добавете потребители",
--- a/console/src/assets/i18n/de.json
+++ b/console/src/assets/i18n/de.json
@@ -51,7 +51,7 @@
      "TITLE": "Bringe deine Instanz zum Laufen",
      "DESCRIPTION": "Diese Checkliste hilft bei der Einrichtung Ihrer Instanz und führt Sie durch die wichtigsten Schritte"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Branding anpassen",
        "description": "Definiere Farben und Form des Login-UIs und uploade deine Logos und Icons.",
@@ -62,15 +62,20 @@
        "description": "Konfiguriere deinen Mailserver.",
        "action": "SMTP einrichten"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Erstelle ein Projekt",
        "description": "Erstelle dein erstes Projekt und definiere Rollen",
        "action": "Projekt erstellen"
      },
-      "project.application.added": {
-        "title": "Erstelle eine App",
-        "description": "Erstelle deine erste Web-, native, API oder SAML-applikation und konfiguriere den Authentification-flow.",
-        "action": "App erstellen"
+      "APPLICATION_CREATED": {
+        "title": "Registriere deine App",
+        "description": "Registriere deine erste Web-, native, API oder SAML-Applikation und konfiguriere den Authentification-flow.",
+        "action": "App registrieren"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Logge dich in deine App ein",
+        "description": "Integriere deine Applikation mit ZITADEL für die Authentifizierung und teste es, indem du dich mit deinem Admin-Benutzer einloggst.",
+        "action": "Einloggen"
      },
      "user.human.added": {
        "title": "Erfasse Benutzer",
--- a/console/src/assets/i18n/en.json
+++ b/console/src/assets/i18n/en.json
@@ -51,7 +51,7 @@
      "TITLE": "Get your ZITADEL running",
      "DESCRIPTION": "This checklist helps to setup your instance and guides your through the most essential steps"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Setup your brand",
        "description": "Define coloring and shape of your login and upload your logo and icons.",
@@ -62,15 +62,20 @@
        "description": "Set your own mail server settings.",
        "action": "Setup SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Create a project",
        "description": "Add a project and define its roles and authorizations.",
        "action": "Create project"
      },
-      "project.application.added": {
-        "title": "Create an application",
-        "description": "Create a web, native, api or saml application and setup your authentication flow.",
-        "action": "Create app"
+      "APPLICATION_CREATED": {
+        "title": "Register your app",
+        "description": "Register your web, native, api or saml application and setup an authentication flow.",
+        "action": "Register app"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Log in to your app",
+        "description": "Integrate your application with ZITADEL for authentication and test it by logging in with your admin user.",
+        "action": "Log in"
      },
      "user.human.added": {
        "title": "Add users",
--- a/console/src/assets/i18n/es.json
+++ b/console/src/assets/i18n/es.json
@@ -51,7 +51,7 @@
      "TITLE": "Ponte en marcha con ZITADEL",
      "DESCRIPTION": "Esta lista de tareas te ayuda a configurar tu instancia y te guía por los pasos más esenciales"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Configura tu imagen de marca",
        "description": "Define el esquema de colores, da forma a tu inicio de sesión y sube tu logo y tus iconos.",
@@ -62,15 +62,20 @@
        "description": "Introduce la configuración de tu propio servidor de correo.",
        "action": "Configurar SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Crea tu primer proyecto",
        "description": "Añade tu primer proyecto y define sus roles y autorizaciones.",
        "action": "Crear proyecto"
      },
-      "project.application.added": {
-        "title": "Crea tu primera aplicación",
-        "description": "Crea una aplicación web, nativa, api o saml y configura tu flujo de autenticación.",
-        "action": "Crear app"
+      "APPLICATION_CREATED": {
+        "title": "Registra tu aplicación",
+        "description": "Registra tu aplicación web, nativa, api o saml y configura tu flujo de autenticación.",
+        "action": "Registrar app"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Inicia sesión en tu aplicación",
+        "description": "Integra tu aplicación con ZITADEL para la autenticación y pruébala iniciando sesión con tu usuario administrador.",
+        "action": "Iniciar sesión"
      },
      "user.human.added": {
        "title": "Añade usuarios",
--- a/console/src/assets/i18n/fr.json
+++ b/console/src/assets/i18n/fr.json
@@ -51,7 +51,7 @@
      "TITLE": "Faites fonctionner votre ZITADEL",
      "DESCRIPTION": "Cette liste de contrôle vous aide à configurer votre instance et vous guide à travers les étapes les plus essentielles."
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Créez votre marque",
        "description": "Définissez la couleur et la forme de votre connexion et téléchargez votre logo et vos icônes.",
@@ -62,15 +62,20 @@
        "description": "Définissez paramètres de serveur de messagerie",
        "action": "Configurez"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Créez projet",
        "description": "Ajoutez projet et définissez ses rôles et autorisations.",
        "action": "Créez projet"
      },
-      "project.application.added": {
-        "title": "Créez votre première application",
-        "description": "Créez une application web, native, api ou saml et configurez votre flux d'authentification.",
-        "action": "Créez application"
+      "APPLICATION_CREATED": {
+        "title": "Enregistrez votre application",
+        "description": "Enregistrez votre application web, native, api ou saml et configurez un flux d'authentification.",
+        "action": "Enregistrez l'application"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Connectez-vous à votre application",
+        "description": "Intégrez votre application avec ZITADEL pour l'authentification et testez-la en vous connectant avec votre utilisateur administrateur.",
+        "action": "Connexion"
      },
      "user.human.added": {
        "title": "Ajouter des utilisateurs",
--- a/console/src/assets/i18n/it.json
+++ b/console/src/assets/i18n/it.json
@@ -51,7 +51,7 @@
      "TITLE": "Fate funzionare il vostro ZITADEL",
      "DESCRIPTION": "Questa lista di azioni aiuta a configurare la vostra istanza e vi guida attraverso i passaggi più essenziali."
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Imposta il tuo marchio",
        "description": "Definisci la colorazione e il design del vostro login e caricate il vostro logo e le vostre icone.",
@@ -62,15 +62,20 @@
        "description": "Imposta il proprio server di posta",
        "action": "Configura SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Crea il tuo primo progetto",
        "description": "Aggiungere il primo progetto e definire i ruoli e le autorizzazioni.",
        "action": "Crea progetto"
      },
-      "project.application.added": {
-        "title": "Crea la tua prima applicazione",
-        "description": "Crea un'applicazione web, nativa, api o saml e imposta il flusso di autenticazione.",
-        "action": "Crea applicazione"
+      "APPLICATION_CREATED": {
+        "title": "Registra la tua app",
+        "description": "Registra la tua applicazione web, nativa, api o saml e configura un flusso di autenticazione.",
+        "action": "Registra app"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Accedi alla tua app",
+        "description": "Integra la tua applicazione con ZITADEL per l'autenticazione e testala accedendo con il tuo utente amministratore.",
+        "action": "Accedi"
      },
      "user.human.added": {
        "title": "Aggiungi utenti",
--- a/console/src/assets/i18n/ja.json
+++ b/console/src/assets/i18n/ja.json
@@ -51,7 +51,7 @@
      "TITLE": "ZITADELの起動",
      "DESCRIPTION": "このチェックリストを使用して、重要な手順を確認しながらインスタンスをセットアップします。"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "ブランドをセットアップする",
        "description": "ログインの色と形状を定義し、ロゴとアイコンをアップロードします。",
@@ -62,15 +62,20 @@
        "description": "独自のメールサーバーを設定します。",
        "action": "SMTP 設定を設定する"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "最初のプロジェクトを作成する",
        "description": "最初のプロジェクトを追加し、ロールと認証を定義します。",
        "action": "プロジェクトを作成"
      },
-      "project.application.added": {
-        "title": "最初のアプリケーションを作成する",
-        "description": "Web、ネイティブ、API、またはSAMLアプリケーションを作成し、認証フローをセットアップします。",
-        "action": "アプリケーションを作成"
+      "APPLICATION_CREATED": {
+        "title": "アプリを登録する",
+        "description": "Web、ネイティブ、API、またはSAMLアプリケーションを登録し、認証フローをセットアップします。",
+        "action": "アプリを登録する"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "アプリにログインする",
+        "description": "アプリケーションをZITADELと統合して認証し、管理者ユーザーでログインしてテストします。",
+        "action": "ログイン"
      },
      "user.human.added": {
        "title": "ユーザーを追加する",
--- a/console/src/assets/i18n/mk.json
+++ b/console/src/assets/i18n/mk.json
@@ -51,7 +51,7 @@
      "TITLE": "Почнете со ZITADEL",
      "DESCRIPTION": "Оваа листа со чекори помага при подесувањето на вашата инстанца и ве води низ најважните чекори"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Подесете го вашиот бренд",
        "description": "Дефинирајте боја и форма за вашиот процез за најава и прикачете ги вашите лого и икони.",
@@ -62,15 +62,20 @@
        "description": "Подесете го вашиот сервер за е-пошта.",
        "action": "Подеси SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Креирајте проект",
        "description": "Додадете проект и дефинирајте ги неговите улоги и овластувања.",
        "action": "Креирај проект"
      },
-      "project.application.added": {
-        "title": "Креирајте апликација",
-        "description": "Креирајте веб, нативна, API или SAML апликација и подесете го вашите автентикациски правила.",
-        "action": "Креирај апликација"
+      "APPLICATION_CREATED": {
+        "title": "Регистрирајте ја вашата апликација",
+        "description": "Регистрирајте ја вашата веб, нативна, API или SAML апликација и подесете ја автентикацијата.",
+        "action": "Регистрирај апликација"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Најавете се во вашата апликација",
+        "description": "Интегрирајте ја вашата апликација со ZITADEL за автентикација и тестирајте ја со најавување со вашиот администраторски корисник.",
+        "action": "Најави се"
      },
      "user.human.added": {
        "title": "Додадете корисници",
--- a/console/src/assets/i18n/pl.json
+++ b/console/src/assets/i18n/pl.json
@@ -51,7 +51,7 @@
      "TITLE": "Uruchom swój ZITADEL",
      "DESCRIPTION": "Ta lista kontrolna pomoże Ci skonfigurować instancję i poprowadzi Cię przez najważniejsze kroki."
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Skonfiguruj swoją markę",
        "description": "Zdefiniuj kolorystykę i kształt swojego loginu oraz wgraj swoje logo i ikony.",
@@ -62,15 +62,20 @@
        "description": "Ustawienie własnego serwera pocztowego",
        "action": "skonfiguruj ustawienia SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Stwórz swój pierwszy projekt",
        "description": "Dodaj swój pierwszy projekt i określ jego role i uprawnienia.",
        "action": "Utwórz projekt"
      },
-      "project.application.added": {
-        "title": "Utwórz swoją pierwszą aplikację",
-        "description": "Utwórz aplikację internetową, natywną, api lub saml i skonfiguruj swój przepływ uwierzytelniania.",
-        "action": "Utwórz aplikację"
+      "APPLICATION_CREATED": {
+        "title": "Zarejestruj swoją aplikację",
+        "description": "Zarejestruj swoją aplikację webową, natywną, API lub SAML i skonfiguruj przepływ uwierzytelniania.",
+        "action": "Zarejestruj aplikację"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Zaloguj się do swojej aplikacji",
+        "description": "Zintegruj swoją aplikację z ZITADEL w celu uwierzytelniania i przetestuj ją, logując się za pomocą swojego użytkownika administratora.",
+        "action": "Zaloguj się"
      },
      "user.human.added": {
        "title": "Dodaj użytkowników",
--- a/console/src/assets/i18n/pt.json
+++ b/console/src/assets/i18n/pt.json
@@ -51,7 +51,7 @@
      "TITLE": "Inicie o ZITADEL",
      "DESCRIPTION": "Esta lista de verificação ajuda a configurar sua instância e orienta você nas etapas mais essenciais"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "Configure sua marca",
        "description": "Defina cores e forma para o seu login e faça o upload do seu logotipo e ícones.",
@@ -62,15 +62,20 @@
        "description": "Configure as configurações do seu próprio servidor de e-mail.",
        "action": "Configurar SMTP"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "Crie um projeto",
        "description": "Adicione um projeto e defina suas funções e autorizações.",
        "action": "Criar projeto"
      },
-      "project.application.added": {
-        "title": "Crie um aplicativo",
-        "description": "Crie um aplicativo da web, nativo, API ou SAML e configure o fluxo de autenticação.",
-        "action": "Criar aplicativo"
+      "APPLICATION_CREATED": {
+        "title": "Registre seu aplicativo",
+        "description": "Registre seu aplicativo web, nativo, api ou saml e configure um fluxo de autenticação.",
+        "action": "Registrar aplicativo"
+      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "Faça login no seu aplicativo",
+        "description": "Integre seu aplicativo com o ZITADEL para autenticação e teste-o fazendo login com seu usuário administrador.",
+        "action": "Faça login"
      },
      "user.human.added": {
        "title": "Adicione usuários",
--- a/console/src/assets/i18n/zh.json
+++ b/console/src/assets/i18n/zh.json
@@ -51,7 +51,7 @@
      "TITLE": "让你的ZITADEL运转起来",
      "DESCRIPTION": "这份清单有助于设置你的实例，并指导你完成最重要的步骤"
    },
-    "EVENTS": {
+    "MILESTONES": {
      "instance.policy.label.added": {
        "title": "设置你的品牌",
        "description": "定义你的登录的颜色和形状，上传你的标志和图标。",
@@ -62,16 +62,21 @@
        "description": "设置你自己的邮件服务器设置",
        "action": "设置 SMTP 设置"
      },
-      "project.added": {
+      "PROJECT_CREATED": {
        "title": "创建你的第一个项目",
        "description": "添加你的第一个项目并定义其角色和授权。",
        "action": "创建项目"
      },
-      "project.application.added": {
-        "title": "创建你的第一个应用程序",
+      "APPLICATION_CREATED": {
+        "title": "注册你的应用程序",
        "description": "创建一个web、native、api或saml应用程序并设置你的认证流程。",
        "action": "创建应用程序"
      },
+      "AUTHENTICATION_SUCCEEDED_ON_APPLICATION": {
+        "title": "登录你的应用程序",
+        "description": "将你的应用程序与 ZITADEL 集成以进行身份验证，并通过使用管理员用户登录来测试它。",
+        "action": "登录"
+      },
      "user.human.added": {
        "title": "添加用户",
        "description": "添加你的应用程序用户",