From b5eb60f8e95ca4a84b2ce1a8d2310e3bc64da63d Mon Sep 17 00:00:00 2001
From: Guilhem Lemouel <guilhemlemouel@gmail.com>
Date: Thu, 13 Aug 2026 11:47:44 +0200
Subject: [PATCH] refactor(frontend): load the supabase resource dialog only
 behind the flag

---
 frontend/src/lib/components/ApiConnectForm.svelte        | 9 +++++++--
 .../workspaceSettings/SupabaseResourceConnect.svelte     | 2 +-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/frontend/src/lib/components/ApiConnectForm.svelte b/frontend/src/lib/components/ApiConnectForm.svelte
index a44fef60ed..e4ee3ca7b9 100644
--- a/frontend/src/lib/components/ApiConnectForm.svelte
+++ b/frontend/src/lib/components/ApiConnectForm.svelte
@@ -17,7 +17,6 @@
 	import ResourceGen from './copilot/ResourceGen.svelte'
 	import SyncResourceTypes from './SyncResourceTypes.svelte'
 	import { base } from '$lib/base'
-	import SupabaseResourceConnect from './workspaceSettings/SupabaseResourceConnect.svelte'
 	import { isDataTableWizardEnabled } from './workspaceSettings/utils.svelte'
 	import { parsePostgresConnectionString } from '$lib/utils/postgresConnectionString'
 
@@ -217,7 +216,13 @@
 		{/if}
 		{#if resourceType == 'postgresql' && supabaseWizard}
 			{#if wizardEnabled}
-				<SupabaseResourceConnect onPicked={applySupabasePick} />
+				<!-- Imported here rather than at the top so the wizard's Supabase graph stays out of
+				this form's chunk, which loads on the resources page and in every resource drawer. -->
+				{#await import('./workspaceSettings/SupabaseResourceConnect.svelte')}
+					<Loader2 class="animate-spin" />
+				{:then Module}
+					<Module.default onPicked={applySupabasePick} />
+				{/await}
 			{:else}
 				<!-- `noopener` is what the callback reads to tell this leg from the wizard's popup,
 				which hands its token back through `window.opener`. Browsers imply it for
diff --git a/frontend/src/lib/components/workspaceSettings/SupabaseResourceConnect.svelte b/frontend/src/lib/components/workspaceSettings/SupabaseResourceConnect.svelte
index 6b13ac95b5..09736e41b7 100644
--- a/frontend/src/lib/components/workspaceSettings/SupabaseResourceConnect.svelte
+++ b/frontend/src/lib/components/workspaceSettings/SupabaseResourceConnect.svelte
@@ -85,7 +85,7 @@
 	variant="default"
 	startIcon={{ icon: SupabaseIcon }}
 	loading={awaiting}
-	on:click={connect}
+	onClick={connect}
 >
 	Connect Supabase
 </Button>