fix multi step, always use config props

Author: lovincyrus

web-common/src/features/sources/modal/AddDataForm.svelte

@@ -383,13 +383,23 @@
             enhance={paramsEnhance}
             onSubmit={paramsSubmit}
           >
-            <GCSMultiStepForm
-              properties={filteredParamsProperties}
-              {paramsForm}
-              paramsErrors={$paramsErrors}
-              {onStringInputChange}
-              {handleFileUpload}
-            />
+            {#if connector.name === "gcs"}
+              <GCSMultiStepForm
+                properties={filteredParamsProperties}
+                {paramsForm}
+                paramsErrors={$paramsErrors}
+                {onStringInputChange}
+                {handleFileUpload}
+              />
+            {:else}
+              <FormRenderer
+                properties={filteredParamsProperties}
+                form={paramsForm}
+                errors={$paramsErrors}
+                {onStringInputChange}
+                uploadFile={handleFileUpload}
+              />
+            {/if}
           </AddDataFormSection>
         {:else}
           <!-- GCS Step 2: Source configuration -->

web-common/src/features/sources/modal/AddDataFormManager.ts

@@ -89,12 +89,18 @@ export class AddDataFormManager {
 
     const isSourceForm = formType === "source";
     const isConnectorForm = formType === "connector";
+    const isMultiStep = MULTI_STEP_CONNECTORS.includes(connector.name ?? "");
 
     // Base properties
+    // For multi-step connectors (e.g., gcs, azure), step 1 always configures the connector,
+    // even when the overall formType is "source". So prefer configProperties here.
     this.properties =
-      (isSourceForm
-        ? connector.sourceProperties
-        : connector.configProperties?.filter((p) => p.key !== "dsn")) ?? [];
+      (isMultiStep
+        ? connector.configProperties
+        : isSourceForm
+          ? connector.sourceProperties
+          : connector.configProperties
+      )?.filter((p) => p.key !== "dsn") ?? [];
 
     // Filter properties based on connector type
     this.filteredParamsProperties = (() => {

web-common/src/features/sources/modal/AddDataModal.svelte

@@ -71,6 +71,8 @@
   });
 
   function goToConnectorForm(connector: V1ConnectorDriver) {
+    // Ensure multi-step connectors always start on the connector step
+    resetConnectorStep();
     const state = {
       step: 2,
       selectedConnector: connector,