From 91f0b77fdb0876efee25a21ebc10ef02ba8873a4 Mon Sep 17 00:00:00 2001
From: martmull <martmull@hotmail.fr>
Date: Fri, 24 Jul 2026 10:44:35 +0200
Subject: [PATCH] Only suggest vetted apps in onboarding install step (#23222)

The onboarding "Install your first apps" step now only suggests
marketplace apps where `isVetted` is true.
---
 .../src/pages/onboarding/InstallApps.tsx      |  4 ++-
 .../__stories__/InstallApps.stories.tsx       | 33 +++++++++++++++++--
 2 files changed, 34 insertions(+), 3 deletions(-)

diff --git a/packages/twenty-front/src/pages/onboarding/InstallApps.tsx b/packages/twenty-front/src/pages/onboarding/InstallApps.tsx
index 3e739a5f2b..c1dbd70bee 100644
--- a/packages/twenty-front/src/pages/onboarding/InstallApps.tsx
+++ b/packages/twenty-front/src/pages/onboarding/InstallApps.tsx
@@ -31,7 +31,9 @@ export const InstallApps = () => {
 
   const availableApps = ONBOARDING_INSTALLABLE_APPS.flatMap((app) => {
     const marketplaceApp = marketplaceApps.find(
-      (marketplaceApp) => marketplaceApp.id === app.universalIdentifier,
+      (marketplaceApp) =>
+        marketplaceApp.id === app.universalIdentifier &&
+        marketplaceApp.isVetted,
     );
 
     return isDefined(marketplaceApp)
diff --git a/packages/twenty-front/src/pages/onboarding/__stories__/InstallApps.stories.tsx b/packages/twenty-front/src/pages/onboarding/__stories__/InstallApps.stories.tsx
index 3a2940db0d..f613df96bd 100644
--- a/packages/twenty-front/src/pages/onboarding/__stories__/InstallApps.stories.tsx
+++ b/packages/twenty-front/src/pages/onboarding/__stories__/InstallApps.stories.tsx
@@ -22,7 +22,7 @@ const ENRICHMENT_UNIVERSAL_IDENTIFIER = '4a1178c1-3535-4a47-b592-231d3216b36f';
 const LAST_CONTACT_UNIVERSAL_IDENTIFIER =
   '66a504cc-0a75-410e-a43f-cdeae1db1522';
 
-const buildMarketplaceApp = (id: string, name: string) => ({
+const buildMarketplaceApp = (id: string, name: string, isVetted = true) => ({
   __typename: 'MarketplaceApp',
   id,
   name,
@@ -31,7 +31,7 @@ const buildMarketplaceApp = (id: string, name: string) => ({
   category: 'productivity',
   logo: null,
   sourcePackage: name,
-  isVetted: true,
+  isVetted,
 });
 
 const currentUserHandler = graphql.query(
@@ -114,6 +114,35 @@ export const OnlyAvailableApps: Story = {
   },
 };
 
+export const OnlyVettedApps: Story = {
+  parameters: {
+    msw: {
+      handlers: buildHandlers([
+        buildMarketplaceApp(
+          CALL_RECORDER_UNIVERSAL_IDENTIFIER,
+          'Call recorder',
+        ),
+        buildMarketplaceApp(
+          ENRICHMENT_UNIVERSAL_IDENTIFIER,
+          'Enrichment',
+          false,
+        ),
+        buildMarketplaceApp(
+          LAST_CONTACT_UNIVERSAL_IDENTIFIER,
+          'Last contact',
+          false,
+        ),
+      ]),
+    },
+  },
+  play: async ({ canvasElement }) => {
+    const canvas = within(canvasElement.ownerDocument.body);
+    await canvas.findByText('Call recorder');
+    expect(canvas.queryByText('Enrichment')).toBeNull();
+    expect(canvas.queryByText('Last contact')).toBeNull();
+  },
+};
+
 export const MarketplaceUnavailable: Story = {
   parameters: {
     msw: {