fix: disable edit for host_ip in dynamic env

Author: toderian

src/data/dynamicEnvTypes.ts

@@ -1 +1 @@
-export const DYNAMIC_ENV_TYPES = ['Static', 'Host IP'] as const;
+export const DYNAMIC_ENV_TYPES = ['static', 'host_ip'] as const;

src/schemas/common.ts

@@ -126,8 +126,8 @@ export const dynamicEnvEntrySchema = z
             if (!data.key) {
                 return true;
             }
-            // Check if any value is missing when key is present
-            const hasEmptyValue = data.values.some((pair) => !pair.value);
+            // Check if any value is missing when key is present (skip host_ip fields)
+            const hasEmptyValue = data.values.some((pair) => pair.type !== 'host_ip' && !pair.value);
             return !hasEmptyValue;
         },
         {
@@ -139,6 +139,7 @@ export const dynamicEnvEntrySchema = z
     .refine(
         (data) => {
             if (!data.key) return true;
+            if (data.values[0]?.type === 'host_ip') return true;
             return data.values[0]?.value || false;
         },
         {
@@ -149,6 +150,7 @@ export const dynamicEnvEntrySchema = z
     .refine(
         (data) => {
             if (!data.key) return true;
+            if (data.values[1]?.type === 'host_ip') return true;
             return data.values[1]?.value || false;
         },
         {
@@ -159,6 +161,7 @@ export const dynamicEnvEntrySchema = z
     .refine(
         (data) => {
             if (!data.key) return true;
+            if (data.values[2]?.type === 'host_ip') return true;
             return data.values[2]?.value || false;
         },
         {

src/shared/jobs/DynamicEnvSection.tsx

@@ -2,7 +2,7 @@ import { DYNAMIC_ENV_TYPES } from '@data/dynamicEnvTypes';
 import { SelectItem } from '@heroui/select';
 import StyledInput from '@shared/StyledInput';
 import StyledSelect from '@shared/StyledSelect';
-import { Controller, useFieldArray, useFormContext } from 'react-hook-form';
+import { Controller, useFieldArray, useFormContext, useWatch } from 'react-hook-form';
 import { RiAddLine } from 'react-icons/ri';
 import VariableSectionIndex from './VariableSectionIndex';
 import VariableSectionRemove from './VariableSectionRemove';
@@ -112,9 +112,17 @@ export default function DynamicEnvSection({ baseName = 'deployment' }: { baseNam
                                                         // Check for specific error on this value input
                                                         const specificValueError = entryError?.values?.[k]?.value;
 
+                                                        // Watch the type value to conditionally disable input
+                                                        const typeValue = useWatch({
+                                                            control,
+                                                            name: `${baseName}.dynamicEnvVars.${index}.values.${k}.type`,
+                                                        });
+
+                                                        const isHostIP = typeValue === 'host_ip';
+
                                                         return (
                                                             <StyledInput
-                                                                placeholder="None"
+                                                                placeholder={isHostIP ? 'Auto-filled by system' : 'None'}
                                                                 value={field.value ?? ''}
                                                                 onChange={async (e) => {
                                                                     const value = e.target.value;
@@ -127,6 +135,7 @@ export default function DynamicEnvSection({ baseName = 'deployment' }: { baseNam
                                                                 errorMessage={
                                                                     fieldState.error?.message || specificValueError?.message
                                                                 }
+                                                                isDisabled={isHostIP}
                                                             />
                                                         );
                                                     }}