fix(ui): add help for field

web/src/components/EditDialog.vue

@@ -26,6 +26,7 @@ Can use used in tandem with ItemFormBase.js. See KeyForm.vue for example.
           @click="toggleHelp()"
           class="mr-3"
           :style="{opacity: needHelp ? 1 : 0.3}"
+          v-if="helpButton"
         >
           <v-icon>mdi-help-box</v-icon>
         </v-btn>

web/src/components/EnvironmentForm.vue

@@ -187,6 +187,21 @@
         <div>
           <v-subheader class="px-0">
             {{ $t('extraVariables') }}
+
+            <v-tooltip v-if="needHelp" bottom color="black" open-delay="300" max-width="400">
+              <template v-slot:activator="{ on, attrs }">
+                <v-icon
+                  class="ml-1"
+                  v-bind="attrs"
+                  v-on="on"
+                >mdi-help-box</v-icon>
+              </template>
+              <div>
+                <div><code>--extra-vars</code> for Ansible</div>
+                <div><code>-var</code> for Terraform/OpenTofu</div>
+              </div>
+            </v-tooltip>
+
             <v-spacer />
             <v-btn icon @click="addSecret('var')">
               <v-icon>
@@ -467,11 +482,6 @@ export default {
         [curr.name]: curr.value,
       }), {});
 
-      // this.predefinedEnvVars.forEach((index) => {
-      //   const predefinedVar = PREDEFINED_ENV_VARS[index];
-      //   env[predefinedVar.name] = predefinedVar.value;
-      // });
-
       const secrets = (this.secrets || []).map((s) => {
         let operation;
         if (s.new) {