From c3523adfd5820ae11f9331fdc7ea82d51197ae7e Mon Sep 17 00:00:00 2001
From: Thomas Camlong <thomas@ajnart.fr>
Date: Thu, 14 May 2026 18:08:23 +0200
Subject: [PATCH] feat(onboarding): add skip button to integration
 configuration step

Allow skipping individual integrations during onboarding without
filling in the form. Adds an optional onSkip prop to NewIntegrationForm
that advances to the next integration or finishes setup.
---
 .../init/_steps/integrations/init-integrations.tsx         | 1 +
 .../manage/integrations/new/_integration-new-form.tsx      | 7 +++++++
 packages/translation/src/lang/en.json                      | 1 +
 3 files changed, 9 insertions(+)

diff --git a/apps/nextjs/src/app/[locale]/init/_steps/integrations/init-integrations.tsx b/apps/nextjs/src/app/[locale]/init/_steps/integrations/init-integrations.tsx
index 27c42fca6..11363f2b2 100644
--- a/apps/nextjs/src/app/[locale]/init/_steps/integrations/init-integrations.tsx
+++ b/apps/nextjs/src/app/[locale]/init/_steps/integrations/init-integrations.tsx
@@ -90,6 +90,7 @@ export const InitIntegrations = () => {
             kind={currentKind}
             onSuccess={advanceOrFinish}
             onCancel={backToSelect}
+            onSkip={advanceOrFinish}
             isOnboarding
           />
         </Stack>
diff --git a/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx b/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx
index 04d0f8b14..afcbc0a3a 100644
--- a/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx
+++ b/apps/nextjs/src/app/[locale]/manage/integrations/new/_integration-new-form.tsx
@@ -49,6 +49,7 @@ interface NewIntegrationFormProps {
   initialName?: string;
   onSuccess: () => void;
   onCancel?: () => void;
+  onSkip?: () => void;
   isOnboarding?: boolean;
 }
 
@@ -66,6 +67,7 @@ export const NewIntegrationForm = ({
   initialName,
   onSuccess,
   onCancel,
+  onSkip,
   isOnboarding = false,
 }: NewIntegrationFormProps) => {
   const t = useI18n();
@@ -215,6 +217,11 @@ export const NewIntegrationForm = ({
               {t("common.action.backToOverview")}
             </Button>
           )}
+          {onSkip && (
+            <Button variant="subtle" onClick={onSkip}>
+              {t("common.action.skip")}
+            </Button>
+          )}
           <Button type="submit" loading={isPending}>
             {t("integration.testConnection.action.create")}
           </Button>
diff --git a/packages/translation/src/lang/en.json b/packages/translation/src/lang/en.json
index 37e2ae207..f5abf6544 100644
--- a/packages/translation/src/lang/en.json
+++ b/packages/translation/src/lang/en.json
@@ -1109,6 +1109,7 @@
       "add": "Add",
       "apply": "Apply",
       "backToOverview": "Back to overview",
+      "skip": "Skip",
       "change": "Change",
       "create": "Create",
       "createAnother": "Create and start over",