warning text added

dist/styles/bootstrap-darkster.css

@@ -7089,6 +7089,26 @@ a:focus {
 #portal .w-11\/12 {
   width: 91.666667%;
 }
+#app .min-w-25,
+#portal .min-w-25 {
+  min-width: 25%;
+}
+#app .min-w-33,
+#portal .min-w-33 {
+  min-width: 33%;
+}
+#app .min-w-50,
+#portal .min-w-50 {
+  min-width: 50%;
+}
+#app .min-w-75,
+#portal .min-w-75 {
+  min-width: 75%;
+}
+#app .min-w-100,
+#portal .min-w-100 {
+  min-width: 100%;
+}
 #app .h-auto,
 #portal .h-auto {
   height: auto;

dist/styles/bootstrap-default.css

@@ -6896,6 +6896,26 @@ a:focus {
 #portal .w-11\/12 {
   width: 91.666667%;
 }
+#app .min-w-25,
+#portal .min-w-25 {
+  min-width: 25%;
+}
+#app .min-w-33,
+#portal .min-w-33 {
+  min-width: 33%;
+}
+#app .min-w-50,
+#portal .min-w-50 {
+  min-width: 50%;
+}
+#app .min-w-75,
+#portal .min-w-75 {
+  min-width: 75%;
+}
+#app .min-w-100,
+#portal .min-w-100 {
+  min-width: 100%;
+}
 #app .h-auto,
 #portal .h-auto {
   height: auto;

dist/styles/bootstrap-greyson.css

@@ -6655,6 +6655,26 @@ a:focus {
 #portal .w-11\/12 {
   width: 91.666667%;
 }
+#app .min-w-25,
+#portal .min-w-25 {
+  min-width: 25%;
+}
+#app .min-w-33,
+#portal .min-w-33 {
+  min-width: 33%;
+}
+#app .min-w-50,
+#portal .min-w-50 {
+  min-width: 50%;
+}
+#app .min-w-75,
+#portal .min-w-75 {
+  min-width: 75%;
+}
+#app .min-w-100,
+#portal .min-w-100 {
+  min-width: 100%;
+}
 #app .h-auto,
 #portal .h-auto {
   height: auto;

dist/styles/bootstrap-herbie.css

@@ -6903,6 +6903,26 @@ a:focus {
 #portal .w-11\/12 {
   width: 91.666667%;
 }
+#app .min-w-25,
+#portal .min-w-25 {
+  min-width: 25%;
+}
+#app .min-w-33,
+#portal .min-w-33 {
+  min-width: 33%;
+}
+#app .min-w-50,
+#portal .min-w-50 {
+  min-width: 50%;
+}
+#app .min-w-75,
+#portal .min-w-75 {
+  min-width: 75%;
+}
+#app .min-w-100,
+#portal .min-w-100 {
+  min-width: 100%;
+}
 #app .h-auto,
 #portal .h-auto {
   height: auto;

dist/styles/bootstrap-monotony.css

@@ -6904,6 +6904,26 @@ a:focus {
 #portal .w-11\/12 {
   width: 91.666667%;
 }
+#app .min-w-25,
+#portal .min-w-25 {
+  min-width: 25%;
+}
+#app .min-w-33,
+#portal .min-w-33 {
+  min-width: 33%;
+}
+#app .min-w-50,
+#portal .min-w-50 {
+  min-width: 50%;
+}
+#app .min-w-75,
+#portal .min-w-75 {
+  min-width: 75%;
+}
+#app .min-w-100,
+#portal .min-w-100 {
+  min-width: 100%;
+}
 #app .h-auto,
 #portal .h-auto {
   height: auto;

src/Gargantext/Components/PhyloExplorer/Config/ConfigForm.purs

@@ -1319,6 +1319,26 @@ component = R.hooksComponent "configForm" cpt where
     --       ]
     --     ]
 
+    let warningMessage =
+          H.div { className: "alert alert-info text-small mx-auto mt-1 w-min-content min-w-75" }
+          [
+            H.p
+            { className: "text-bold text-small" }
+            [
+              B.icon
+              { name: "warning"
+              , className: "mr-1"
+              }
+            ,
+              H.text "Warning!"
+            ]
+          ,
+            H.p { className: "text-small" }
+            [
+              H.text "Please note that the phylomemy reconstruction process consumes a lot of machine resources. If your corpus is < 2000 docs and if your list of terms is < 300 terms then the process will end quickly. If your corpus is < 5000 docs and if your list of terms is < 500 terms then the process will end in less than 30 minutes. If your corpus is > 5000 docs and if your list of terms is > 500 terms then the process can last hours."
+            ] 
+          ]
+
     let submit = 
           H.div { className: "phylo-config-form__submit" }
           [
@@ -1340,6 +1360,7 @@ component = R.hooksComponent "configForm" cpt where
     pure $ H.div {} [ modeChoice
                     , R2.when (state.defaultMode == show false) formAdvanced
                     -- , R2.when (state.defaultMode == show false) form
+                    , warningMessage
                     , submit
                     ]
 

src/sass/base/_utilities.scss

@@ -61,6 +61,12 @@
   .w-10\/12	  { width: 83.333333%;  }
   .w-11\/12	  { width: 91.666667%;  }
 
+  .min-w-25   { min-width: 25%      }
+  .min-w-33   { min-width: 33%      }
+  .min-w-50   { min-width: 50%      }
+  .min-w-75   { min-width: 75%      }
+  .min-w-100  { min-width: 100%     }
+
   /// Height
   .h-auto     { height: auto;     }
   .h-fluid,