Change overview dynamic secret creation modal to set only one env

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/AwsElastiCacheInputForm.tsx

@@ -53,7 +53,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -91,7 +91,7 @@ export const AwsElastiCacheInputForm = ({
         "UserId": "{{username}}"
 }`
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -102,12 +102,10 @@ export const AwsElastiCacheInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.AwsElastiCache, inputs: provider },
@@ -116,20 +114,15 @@ export const AwsElastiCacheInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
-        hasErrors = true;
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
     }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
-    }
   };
 
   return (
@@ -319,19 +312,18 @@ export const AwsElastiCacheInputForm = ({
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                         />

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/AwsIamInputForm.tsx

@@ -42,7 +42,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -68,7 +68,7 @@ export const AwsIamInputForm = ({
   } = useForm<TForm>({
     resolver: zodResolver(formSchema),
     defaultValues: {
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -79,12 +79,11 @@ export const AwsIamInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
+
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.AwsIam, inputs: provider },
@@ -93,20 +92,15 @@ export const AwsIamInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
-        hasErrors = true;
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
     }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
-    }
   };
 
   return (
@@ -307,19 +301,18 @@ export const AwsIamInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/AzureEntraIdInputForm.tsx

@@ -62,7 +62,7 @@ const formSchema = z.object({
     .string()
     .min(1)
     .refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -89,7 +89,7 @@ export const AzureEntraIdInputForm = ({
   } = useForm<TForm>({
     resolver: zodResolver(formSchema),
     defaultValues: {
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
   const tenantId = watch("provider.tenantId");
@@ -113,12 +113,10 @@ export const AzureEntraIdInputForm = ({
     provider,
     maxTTL,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       selectedUsers.map(async (user: { id: string; name: string; email: string }) => {
         await createDynamicSecret.mutateAsync({
@@ -137,20 +135,15 @@ export const AzureEntraIdInputForm = ({
           path: secretPath,
           defaultTTL,
           projectSlug,
-            environmentSlug: env.slug
+          environmentSlug: environment.slug
         });
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -389,19 +382,18 @@ export const AzureEntraIdInputForm = ({
           {environments.length > 1 && (
             <Controller
               control={control}
-              name="environments"
+              name="environment"
               render={({ field: { value, onChange }, fieldState: { error } }) => (
                 <FormControl
-                  label="Environments"
+                  label="Environment"
                   isError={Boolean(error)}
                   errorText={error?.message}
                 >
                   <FilterableSelect
-                    isMulti
                     options={environments}
                     value={value}
                     onChange={onChange}
-                    placeholder="Select environments to create secret in..."
+                    placeholder="Select the environment to create secret in..."
                     getOptionLabel={(option) => option.name}
                     getOptionValue={(option) => option.slug}
                     menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/CassandraInputForm.tsx

@@ -55,7 +55,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -91,7 +91,7 @@ export const CassandraInputForm = ({
     resolver: zodResolver(formSchema),
     defaultValues: {
       provider: getSqlStatements(),
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -102,12 +102,11 @@ export const CassandraInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
+
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.Cassandra, inputs: provider },
@@ -116,19 +115,14 @@ export const CassandraInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -365,19 +359,18 @@ export const CassandraInputForm = ({
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/ElasticSearchInputForm.tsx

@@ -76,7 +76,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -111,7 +111,7 @@ export const ElasticSearchInputForm = ({
         roles: ["superuser"],
         port: 443
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -122,12 +122,10 @@ export const ElasticSearchInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.ElasticSearch, inputs: provider },
@@ -136,19 +134,14 @@ export const ElasticSearchInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -426,19 +419,18 @@ export const ElasticSearchInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/LdapInputForm.tsx

@@ -79,7 +79,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 
 type TForm = z.infer<typeof formSchema>;
@@ -118,7 +118,7 @@ export const LdapInputForm = ({
         rollbackLdif: "",
         credentialType: CredentialType.Dynamic
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -131,12 +131,10 @@ export const LdapInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.Ldap, inputs: provider },
@@ -145,19 +143,14 @@ export const LdapInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -396,19 +389,18 @@ export const LdapInputForm = ({
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/MongoAtlasInputForm.tsx

@@ -66,7 +66,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -112,7 +112,7 @@ export const MongoAtlasInputForm = ({
       provider: {
         roles: [{ databaseName: "", roleName: "" }]
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -133,12 +133,10 @@ export const MongoAtlasInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.MongoAtlas, inputs: provider },
@@ -147,19 +145,14 @@ export const MongoAtlasInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -458,19 +451,18 @@ export const MongoAtlasInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/MongoDBInputForm.tsx

@@ -56,7 +56,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -87,7 +87,7 @@ export const MongoDBDatabaseInputForm = ({
       provider: {
         roles: [{ roleName: "readWrite" }]
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -103,12 +103,10 @@ export const MongoDBDatabaseInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: {
@@ -124,19 +122,14 @@ export const MongoDBDatabaseInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -348,19 +341,18 @@ export const MongoDBDatabaseInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/RabbitMqInputForm.tsx

@@ -60,7 +60,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -100,7 +100,7 @@ export const RabbitMqInputForm = ({
         },
         tags: []
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -111,12 +111,10 @@ export const RabbitMqInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.RabbitMq, inputs: provider },
@@ -125,19 +123,14 @@ export const RabbitMqInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -432,19 +425,18 @@ export const RabbitMqInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/RedisInputForm.tsx

@@ -53,7 +53,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -85,7 +85,7 @@ export const RedisInputForm = ({
         creationStatement: "ACL SETUSER {{username}} on >{{password}} ~* &* +@all",
         revocationStatement: "ACL DELUSER {{username}}"
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -96,12 +96,10 @@ export const RedisInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.Redis, inputs: provider },
@@ -110,19 +108,14 @@ export const RedisInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -333,19 +326,18 @@ export const RedisInputForm = ({
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/SapAseInputForm.tsx

@@ -51,7 +51,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -86,7 +86,7 @@ sp_role 'grant', 'mon_role', '{{username}}';`,
         revocationStatement: `sp_dropuser '{{username}}';
 sp_droplogin '{{username}}';`
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -97,12 +97,10 @@ sp_droplogin '{{username}}';`
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.SapAse, inputs: provider },
@@ -111,19 +109,14 @@ sp_droplogin '{{username}}';`
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -311,19 +304,18 @@ sp_droplogin '{{username}}';`
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/SapHanaInputForm.tsx

@@ -53,7 +53,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -86,7 +86,7 @@ GRANT "MONITORING" TO {{username}};`,
 DROP USER {{username}};`,
         renewStatement: "ALTER USER {{username}} VALID UNTIL '{{expiration}}';"
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -97,12 +97,10 @@ DROP USER {{username}};`,
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.SapHana, inputs: provider },
@@ -111,19 +109,14 @@ DROP USER {{username}};`,
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret in environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -331,19 +324,18 @@ DROP USER {{username}};`,
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/SnowflakeInputForm.tsx

@@ -57,7 +57,7 @@ const formSchema = z.object({
     .trim()
     .min(1)
     .refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -89,7 +89,7 @@ export const SnowflakeInputForm = ({
         revocationStatement: "DROP USER {{username}};",
         renewStatement: "ALTER USER {{username}} SET DAYS_TO_EXPIRY = {{expiration}};"
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -100,12 +100,10 @@ export const SnowflakeInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.Snowflake, inputs: provider },
@@ -114,19 +112,14 @@ export const SnowflakeInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch (err) {
       createNotification({
         type: "error",
         text: err instanceof Error ? err.message : "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -334,19 +327,18 @@ export const SnowflakeInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/SqlDatabaseInputForm.tsx

@@ -82,7 +82,7 @@ const formSchema = z.object({
         ctx.addIssue({ code: z.ZodIssueCode.custom, message: "TTL must be less than a day" });
     }),
   name: z.string().refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 type TForm = z.infer<typeof formSchema>;
 
@@ -176,7 +176,7 @@ export const SqlDatabaseInputForm = ({
           allowedSymbols: "-_.~!*"
         }
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : undefined
     }
   });
 
@@ -190,12 +190,11 @@ export const SqlDatabaseInputForm = ({
     maxTTL,
     provider,
     defaultTTL,
-    environments: selectedEnvs
+    environment
   }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
+
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.SqlDatabase, inputs: provider },
@@ -204,19 +203,14 @@ export const SqlDatabaseInputForm = ({
         path: secretPath,
         defaultTTL,
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch {
       createNotification({
         type: "error",
-          text: `Failed to create dynamic secret for environment ${env.name}`
+        text: "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -669,19 +663,18 @@ export const SqlDatabaseInputForm = ({
                 {environments.length > 1 && (
                   <Controller
                     control={control}
-                    name="environments"
+                    name="environment"
                     render={({ field: { value, onChange }, fieldState: { error } }) => (
                       <FormControl
-                        label="Environments"
+                        label="Environment"
                         isError={Boolean(error)}
                         errorText={error?.message}
                       >
                         <FilterableSelect
-                          isMulti
                           options={environments}
                           value={value}
                           onChange={onChange}
-                          placeholder="Select environments to create secret in..."
+                          placeholder="Select the environment to create secret in..."
                           getOptionLabel={(option) => option.name}
                           getOptionValue={(option) => option.slug}
                           menuPlacement="top"

frontend/src/pages/secret-manager/SecretDashboardPage/components/ActionBar/CreateDynamicSecretForm/TotpInputForm.tsx

@@ -61,7 +61,7 @@ const formSchema = z.object({
     .trim()
     .min(1)
     .refine((val) => val.toLowerCase() === val, "Must be lowercase"),
-  environments: z.object({ name: z.string(), slug: z.string() }).array()
+  environment: z.object({ name: z.string(), slug: z.string() })
 });
 
 type TForm = z.infer<typeof formSchema>;
@@ -92,7 +92,7 @@ export const TotpInputForm = ({
       provider: {
         configType: ConfigType.URL
       },
-      environments: environments.length === 1 ? environments : []
+      environment: environments.length === 1 ? environments[0] : environments[0]
     }
   });
 
@@ -100,15 +100,9 @@ export const TotpInputForm = ({
 
   const createDynamicSecret = useCreateDynamicSecret();
 
-  const handleCreateDynamicSecret = async ({
+  const handleCreateDynamicSecret = async ({ name, provider, environment }: TForm) => {
-    name,
-    provider,
-    environments: selectedEnvs
-  }: TForm) => {
     // wait till previous request is finished
     if (createDynamicSecret.isPending) return;
-    let hasErrors = false;
-    const promises = selectedEnvs.map(async (env) => {
     try {
       await createDynamicSecret.mutateAsync({
         provider: { type: DynamicSecretProviders.Totp, inputs: provider },
@@ -117,19 +111,14 @@ export const TotpInputForm = ({
         path: secretPath,
         defaultTTL: "1m",
         projectSlug,
-          environmentSlug: env.slug
+        environmentSlug: environment.slug
       });
+      onCompleted();
     } catch (err) {
       createNotification({
         type: "error",
         text: err instanceof Error ? err.message : "Failed to create dynamic secret"
       });
-        hasErrors = true;
-      }
-    });
-    await Promise.all(promises);
-    if (!hasErrors) {
-      onCompleted();
     }
   };
 
@@ -319,19 +308,18 @@ export const TotpInputForm = ({
               {environments.length > 1 && (
                 <Controller
                   control={control}
-                  name="environments"
+                  name="environment"
                   render={({ field: { value, onChange }, fieldState: { error } }) => (
                     <FormControl
-                      label="Environments"
+                      label="Environment"
                       isError={Boolean(error)}
                       errorText={error?.message}
                     >
                       <FilterableSelect
-                        isMulti
                         options={environments}
                         value={value}
                         onChange={onChange}
-                        placeholder="Select environments to create secret in..."
+                        placeholder="Select the environment to create secret in..."
                         getOptionLabel={(option) => option.name}
                         getOptionValue={(option) => option.slug}
                         menuPlacement="top"