@openshift-assisted/ui-lib 2.38.5 → 2.39.0

package/lib/common/config/constants.ts

@@ -33,7 +33,7 @@ export const hostRoles = (t: TFunction): HostRole[] => [
   },
   {
     value: 'worker',
-    label: t('ai:Worker'),
+    label: t('ai:Worker', { count: 1 }),
     description: t(
       'ai:Runs application workloads. Connect at least 5 hosts to enable dedicated workers.',
     ),
@@ -140,6 +140,11 @@ export const hostValidationLabels = (t: TFunction): { [key in HostValidationId]:
   'nmstate-requirements-satisfied': '',
   'amd-gpu-requirements-satisfied': t('ai:AMD GPU requirements'),
   'kmm-requirements-satisfied': t('ai:Kernel Module Management requirements'),
+  'node-healthcheck-requirements-satisfied': t('ai:Node Healthcheck requirements'),
+  'self-node-remediation-requirements-satisfied': t('ai:Self Node Remediation requirements'),
+  'fence-agents-remediation-requirements-satisfied': t('ai:Fence Agents Remediation requirements'),
+  'node-maintenance-requirements-satisfied': t('ai:Node Maintenance requirements'),
+  'kube-descheduler-requirements-satisfied': t('ai:Kube Descheduler requirements'),
 });
 
 export const hostValidationFailureHints = (
@@ -202,6 +207,11 @@ export const hostValidationFailureHints = (
   'nmstate-requirements-satisfied': '',
   'amd-gpu-requirements-satisfied': '',
   'kmm-requirements-satisfied': '',
+  'node-healthcheck-requirements-satisfied': '',
+  'self-node-remediation-requirements-satisfied': '',
+  'fence-agents-remediation-requirements-satisfied': '',
+  'node-maintenance-requirements-satisfied': '',
+  'kube-descheduler-requirements-satisfied': '',
 });
 
 export const clusterValidationLabels = (
@@ -307,6 +317,11 @@ export const OPERATOR_NAME_NMSTATE = 'nmstate';
 export const OPERATOR_NAME_AUTHORINO = 'authorino';
 export const OPERATOR_NAME_AMD_GPU = 'amd-gpu';
 export const OPERATOR_NAME_KMM = 'kmm';
+export const OPERATOR_NAME_NODE_HEALTHCHECK = 'node-healthcheck';
+export const OPERATOR_NAME_SELF_NODE_REMEDIATION = 'self-node-remediation';
+export const OPERATOR_NAME_FENCE_AGENTS_REMEDIATION = 'fence-agents-remediation';
+export const OPERATOR_NAME_NODE_MAINTENANCE = 'node-maintenance';
+export const OPERATOR_NAME_KUBE_DESCHEDULER = 'kube-descheduler';
 
 const OperatorNames = [
   OPERATOR_NAME_CNV,
@@ -327,6 +342,11 @@ const OperatorNames = [
   OPERATOR_NAME_AUTHORINO,
   OPERATOR_NAME_AMD_GPU,
   OPERATOR_NAME_KMM,
+  OPERATOR_NAME_NODE_HEALTHCHECK,
+  OPERATOR_NAME_SELF_NODE_REMEDIATION,
+  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
+  OPERATOR_NAME_NODE_MAINTENANCE,
+  OPERATOR_NAME_KUBE_DESCHEDULER,
 ];
 export const ExposedOperatorNames = [
   OPERATOR_NAME_CNV,
@@ -346,6 +366,11 @@ export const ExposedOperatorNames = [
   OPERATOR_NAME_AUTHORINO,
   OPERATOR_NAME_AMD_GPU,
   OPERATOR_NAME_KMM,
+  OPERATOR_NAME_NODE_HEALTHCHECK,
+  OPERATOR_NAME_SELF_NODE_REMEDIATION,
+  OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
+  OPERATOR_NAME_NODE_MAINTENANCE,
+  OPERATOR_NAME_KUBE_DESCHEDULER,
 ];
 
 export type OperatorName = (typeof OperatorNames)[number];
@@ -393,6 +418,11 @@ export const operatorLabels = (
     [OPERATOR_NAME_AUTHORINO]: t('ai:Authorino'),
     [OPERATOR_NAME_AMD_GPU]: t('ai:AMD GPU'),
     [OPERATOR_NAME_KMM]: t('ai:Kernel Module Management'),
+    [OPERATOR_NAME_NODE_HEALTHCHECK]: t('ai:Node Healthcheck'),
+    [OPERATOR_NAME_SELF_NODE_REMEDIATION]: t('ai:Self Node Remediation'),
+    [OPERATOR_NAME_FENCE_AGENTS_REMEDIATION]: t('ai:Fence Agents Remediation'),
+    [OPERATOR_NAME_NODE_MAINTENANCE]: t('ai:Node Maintenace'),
+    [OPERATOR_NAME_KUBE_DESCHEDULER]: t('ai:Kube Descheduler'),
   };
 };
 

package/lib/common/config/docs_links.ts

@@ -1,11 +1,14 @@
-const DEFAULT_OPENSHIFT_DOCS_VERSION = '4.15';
+const DEFAULT_OPENSHIFT_DOCS_VERSION = 4.15;
 
 export const getShortOpenshiftVersion = (ocpVersion?: string) => {
-  let shortOcpVersion = ocpVersion
-    ? ocpVersion.split('.').slice(0, 2).join('.')
-    : DEFAULT_OPENSHIFT_DOCS_VERSION;
-  if (shortOcpVersion < '4.14') shortOcpVersion = '4.14';
-  return shortOcpVersion;
+  if (!ocpVersion) {
+    return DEFAULT_OPENSHIFT_DOCS_VERSION;
+  }
+  const versionXY = Number(ocpVersion.split('.').slice(0, 2).join('.'));
+  if (!Number.isFinite(versionXY)) {
+    return DEFAULT_OPENSHIFT_DOCS_VERSION;
+  }
+  return versionXY < 4.14 ? 4.14 : versionXY;
 };
 
 export const getYearForAssistedInstallerDocumentationLink = () => {
@@ -20,6 +23,9 @@ export const OPENSHIFT_LIFE_CYCLE_DATES_LINK =
 
 export const TECH_SUPPORT_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';
 
+export const DEVELOPER_SUPPORT_LEVEL_LINK =
+  'https://access.redhat.com/support/offerings/devpreview';
+
 export const CLUSTER_MANAGER_SITE_LINK = 'https://console.redhat.com/openshift/install/pull-secret';
 
 export const PULL_SECRET_INFO_LINK = CLUSTER_MANAGER_SITE_LINK;
@@ -33,7 +39,11 @@ export const getEncryptingDiskDuringInstallationDocsLink = (ocpVersion?: string)
 export const getOpenShiftNetworkingDocsLink = (ocpVersion?: string) =>
   `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
     ocpVersion,
-  )}/html/installing_on_bare_metal/installing-bare-metal#installation-network-user-infra_installing-bare-metal`;
+  )}/html/installing_on_bare_metal/${
+    getShortOpenshiftVersion(ocpVersion) > 4.17
+      ? 'user-provisioned-infrastructure'
+      : 'installing-bare-metal'
+  }#installation-network-user-infra_installing-bare-metal`;
 
 export const SSH_GENERATION_DOC_LINK = 'https://www.redhat.com/sysadmin/configure-ssh-keygen';
 
@@ -80,6 +90,9 @@ export const OSC_REQUIREMENTS_LINK =
 
 export const CNV_LINK = 'https://cloud.redhat.com/learn/topics/virtualization/';
 
+export const KMM_LINK =
+  'https://docs.redhat.com/en/documentation/openshift_container_platform/4.12/html/specialized_hardware_and_driver_enablement/kernel-module-management-operator';
+
 export const ODF_LINK = 'https://www.redhat.com/en/resources/openshift-data-foundation-datasheet';
 
 export const getMceDocsLink = (ocpVersion?: string) =>
@@ -92,6 +105,23 @@ export const getLvmsDocsLink = (ocpVersion?: string) =>
     ocpVersion,
   )}/html/storage/configuring-persistent-storage#overview-of-lvm-storage-functionality_ways-to-provision-local-storage`;
 
+export const NODE_HEALTHCHECK_LINK =
+  'https://docs.redhat.com/en/documentation/workload_availability_for_red_hat_openshift/latest/html/remediation_fencing_and_maintenance/node-health-check-operator';
+
+export const SELF_NODE_REMEDIATION_LINK =
+  'https://docs.redhat.com/en/documentation/workload_availability_for_red_hat_openshift/latest/html/remediation_fencing_and_maintenance/self-node-remediation-operator-remediate-nodes';
+
+export const FENCE_AGENTS_REMEDIATION_LINK =
+  'https://docs.redhat.com/en/documentation/workload_availability_for_red_hat_openshift/latest/html/remediation_fencing_and_maintenance/fence-agents-remediation-operator-remediate-nodes';
+
+export const NODE_MAINTENANCE_LINK =
+  'https://docs.redhat.com/en/documentation/workload_availability_for_red_hat_openshift/latest/html/remediation_fencing_and_maintenance/node-maintenance-operator';
+
+export const getKubeDeschedulerLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+    ocpVersion,
+  )}/html/nodes/controlling-pod-placement-onto-nodes-scheduling#descheduler`;
+
 //Others
 export const REDHAT_CONSOLE_OPENSHIFT = 'https://console.redhat.com/openshift';
 

package/lib/common/hooks/index.ts

@@ -1,2 +1,3 @@
 export { default as useStateSafely } from './useStateSafely';
 export { default as useDeepCompareMemoize } from './useDeepCompareMemoize';
+export { useTranslation } from './use-translation-wrapper';

package/lib/common/index.ts

@@ -9,4 +9,5 @@ export * from './config';
 export * from './features';
 export * from './reducers';
 export * from './selectors';
+export * from './hooks';
 export { ResourceUIState } from './types/resource-ui-state';

package/lib/common/types/clusters.ts

@@ -76,6 +76,11 @@ export type OperatorsValues = V2ClusterUpdateParams & {
   useNvidiaGpu: boolean;
   useAmdGpu: boolean;
   useKmm: boolean;
+  useNodeHealthcheck: boolean;
+  useSelfNodeRemediation: boolean;
+  useFenceAgentsRemediation: boolean;
+  useNodeMaintenance: boolean;
+  useKubeDescheduler: boolean;
 };
 
 export type SupportedPlatformType = Extract<PlatformType, 'vsphere' | 'nutanix' | 'external'>;

package/lib/ocm/components/AddHosts/day2Wizard/Day2ClusterDetails.tsx

@@ -24,7 +24,7 @@ import Day2HostStaticIpConfigurations from './Day2StaticIpHostConfigurations';
 import { mapClusterCpuArchToInfraEnvCpuArch } from '../../../services/CpuArchitectureService';
 import CpuArchitectureDropdown from '../../clusterConfiguration/CpuArchitectureDropdown';
 import { usePullSecret } from '../../../hooks';
-import { useOpenshiftVersionsContext } from '../../clusterWizard/OpenshiftVersionsContext';
+import { useOpenShiftVersionsContext } from '../../clusterWizard/OpenShiftVersionsContext';
 import {
   Cluster,
   InfraEnv,
@@ -87,7 +87,7 @@ const Day2ClusterDetails = () => {
   const [initialValues, setInitialValues] = React.useState<Day2ClusterDetailValues | null>(null);
   const [isSubmitting, setSubmitting] = React.useState(false);
   const [isAlternativeCpuSelected, setIsAlternativeCpuSelected] = React.useState(false);
-  const { getCpuArchitectures } = useOpenshiftVersionsContext();
+  const { getCpuArchitectures } = useOpenShiftVersionsContext();
   const cpuArchitecturesByVersionImage = getCpuArchitectures(day2Cluster.openshiftVersion);
   const day1CpuArchitecture = mapClusterCpuArchToInfraEnvCpuArch(day2Cluster.cpuArchitecture);
   const [errorState, setErrorState] = React.useState<Error | null>(null);

package/lib/ocm/components/HostsClusterDetailTab/HostsClusterDetailTabContent.tsx

@@ -23,7 +23,7 @@ import {
 import useInfraEnv from '../../hooks/useInfraEnv';
 import { mapOcmArchToCpuArchitecture } from '../../services/CpuArchitectureService';
 import { Cluster } from '@openshift-assisted/types/assisted-installer-service';
-import { OpenshiftVersionsContextProvider } from '../clusterWizard/OpenshiftVersionsContext';
+import { OpenShiftVersionsContextProvider } from '../clusterWizard/OpenShiftVersionsContext';
 
 export const HostsClusterDetailTabContent = ({
   cluster: ocmCluster,
@@ -159,7 +159,7 @@ export const HostsClusterDetailTabContent = ({
       ocpConsoleUrl={ocmCluster?.console?.url}
       canEdit={ocmCluster.canEdit}
     >
-      <OpenshiftVersionsContextProvider>
+      <OpenShiftVersionsContextProvider>
         <NewFeatureSupportLevelProvider
           loadingUi={<LoadingState />}
           cluster={day2Cluster}
@@ -169,7 +169,7 @@ export const HostsClusterDetailTabContent = ({
         >
           <AddHosts />
         </NewFeatureSupportLevelProvider>
-      </OpenshiftVersionsContextProvider>
+      </OpenShiftVersionsContextProvider>
     </AddHostsContextProvider>
   );
 };

package/lib/ocm/components/HostsClusterDetailTab/HostsClusterDetailTabMock.tsx

@@ -16,7 +16,7 @@ import {
 import { OcmClusterType } from '../AddHosts';
 import HostsClusterDetailTab from './HostsClusterDetailTab';
 import clustersAPI from '../../../common/api/assisted-service/ClustersAPI';
-import { OpenshiftVersionsContextProvider } from '../clusterWizard/OpenshiftVersionsContext';
+import { OpenShiftVersionsContextProvider } from '../clusterWizard/OpenShiftVersionsContext';
 
 const clusterWithoutMetrics = {
   id: 'ocm-cluster-id',
@@ -78,13 +78,13 @@ export const HostsClusterDetailTabMock = () => {
   return (
     <PageSection variant={PageSectionVariants.light} isFilled>
       {tabShown ? (
-        <OpenshiftVersionsContextProvider>
+        <OpenShiftVersionsContextProvider>
           <HostsClusterDetailTab
             cluster={getCluster(tabShown)}
             allEnabledFeatures={STANDALONE_DEPLOYMENT_ENABLED_FEATURES}
             isVisible
           />
-        </OpenshiftVersionsContextProvider>
+        </OpenShiftVersionsContextProvider>
       ) : (
         <Grid hasGutter>
           <ToolbarButton variant={ButtonVariant.primary} onClick={() => onAddHosts('no-metrics')}>

package/lib/ocm/components/clusterConfiguration/HostInventory.tsx

@@ -30,7 +30,6 @@ const schedulableMastersTooltip =
 
 const HostInventory = ({ cluster }: { cluster: Cluster }) => {
   const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
-
   const mastersMustRunWorkloads = selectMastersMustRunWorkloads(cluster);
   const { setFieldValue } = useFormikContext<HostDiscoveryValues>();
   const { isViewerMode } = useSelector(selectCurrentClusterPermissionsState);

package/lib/ocm/components/clusterConfiguration/OcmClusterDetailsFormFields.tsx

@@ -24,7 +24,7 @@ import CustomManifestCheckbox from './CustomManifestCheckbox';
 import CpuArchitectureDropdown from './CpuArchitectureDropdown';
 import { OcmBaseDomainField } from './OcmBaseDomainField';
 import useSupportLevelsAPI from '../../hooks/useSupportLevelsAPI';
-import { useOpenshiftVersionsContext } from '../clusterWizard/OpenshiftVersionsContext';
+import { useOpenShiftVersionsContext } from '../clusterWizard/OpenShiftVersionsContext';
 import { ExternalPlatformDropdown } from './platformIntegration/ExternalPlatformDropdown';
 import { HostsNetworkConfigurationType } from '../../services/types';
 import { useNewFeatureSupportLevel } from '../../../common/components/newFeatureSupportLevels';
@@ -64,7 +64,7 @@ export const OcmClusterDetailsFormFields = ({
   const { t } = useTranslation();
   const isSingleClusterFeatureEnabled = useFeature('ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE');
   const { openshiftVersion, platform } = values;
-  const { getCpuArchitectures } = useOpenshiftVersionsContext();
+  const { getCpuArchitectures } = useOpenShiftVersionsContext();
   const cpuArchitecturesByVersionImage = getCpuArchitectures(openshiftVersion);
   const clusterWizardContext = useClusterWizardContext();
   const featureSupportLevelData = useSupportLevelsAPI(
@@ -133,7 +133,6 @@ export const OcmClusterDetailsFormFields = ({
 
       <OcmBaseDomainField managedDomains={managedDomains} clusterExists={clusterExists} />
 
-      {/* TODO(mlibra): For single-cluster: We will probably change this to just a static text */}
       {forceOpenshiftVersion ? (
         <OcmOpenShiftVersion
           versions={versions}
@@ -145,7 +144,7 @@ export const OcmClusterDetailsFormFields = ({
       ) : (
         <OcmOpenShiftVersionSelect versions={versions} />
       )}
-      {clusterExists ? (
+      {clusterExists || isSingleClusterFeatureEnabled ? (
         <StaticTextField name="cpuArchitecture" label="CPU architecture" isRequired>
           {cpuArchitecture}
         </StaticTextField>
@@ -184,15 +183,12 @@ export const OcmClusterDetailsFormFields = ({
       )}
       <CustomManifestCheckbox clusterId={clusterId || ''} isDisabled={platform === 'external'} />
 
-      {
-        // Reason: In the single-cluster flow, the Host discovery phase is replaced by a single one-fits-all ISO download
-        !isSingleClusterFeatureEnabled && (
-          <HostsNetworkConfigurationControlGroup
-            clusterExists={clusterExists}
-            isDisabled={platform === 'external'}
-          />
-        )
-      }
+      {!isSingleClusterFeatureEnabled && (
+        <HostsNetworkConfigurationControlGroup
+          clusterExists={clusterExists}
+          isDisabled={platform === 'external'}
+        />
+      )}
 
       <DiskEncryptionControlGroup
         values={values}

package/lib/ocm/components/clusterConfiguration/OcmOpenShiftVersion.tsx

@@ -23,7 +23,7 @@ const OcmOpenShiftVersion = ({
 }: OcmOpenShiftVersionProps) => {
   return (
     <StaticTextField name="openshiftVersion" label="OpenShift version" isRequired>
-      Openshift{' '}
+      OpenShift{' '}
       {getOpenshiftVersionText({
         openshiftVersion,
         cpuArchitecture: clusterCpuArchitecture as ClusterCpuArchitecture,

package/lib/ocm/components/clusterConfiguration/OcmOpenShiftVersionSelect.tsx

@@ -1,12 +1,15 @@
 import React from 'react';
 import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { OpenshiftVersionOptionType, ClusterDetailsValues } from '../../../common';
+import {
+  OpenshiftVersionOptionType,
+  ClusterDetailsValues,
+  OpenShiftVersionDropdown,
+  OpenShiftVersionModal,
+} from '../../../common';
 import { isInOcm } from '../../../common/api';
-import { OpenShiftVersionDropdown } from '../../../common/components/ui/OpenShiftVersionDropdown';
-import { OpenShiftVersionModal } from './OpenShiftVersionModal';
 import { useFormikContext } from 'formik';
 import { getOpenshiftVersionHelperText } from './OpenshiftVersionHelperText';
-import { useOpenshiftVersionsContext } from '../clusterWizard/OpenshiftVersionsContext';
+import { useOpenShiftVersionsContext } from '../clusterWizard/OpenShiftVersionsContext';
 
 type OcmOpenShiftVersionSelectProps = {
   versions: OpenshiftVersionOptionType[];
@@ -50,7 +53,7 @@ const OcmOpenShiftVersionSelect = ({ versions }: OcmOpenShiftVersionSelectProps)
     return [];
   }, [selectOptions, customOpenshiftSelect]);
 
-  const { allVersions } = useOpenshiftVersionsContext();
+  const { allVersions } = useOpenShiftVersionsContext();
 
   const getHelperText = (value: string | undefined, inModal?: boolean) => {
     return getOpenshiftVersionHelperText(allVersions, value, t, inModal);
@@ -69,6 +72,7 @@ const OcmOpenShiftVersionSelect = ({ versions }: OcmOpenShiftVersionSelectProps)
       />
       {isOpenshiftVersionModalOpen && (
         <OpenShiftVersionModal
+          allVersions={allVersions}
           setOpenshiftVersionModalOpen={setIsOpenshiftVersionModalOpen}
           getHelperText={getHelperText}
         />

package/lib/ocm/components/clusterConfiguration/operators/AmdGpuCheckbox.tsx

@@ -17,10 +17,11 @@ const AmdGpuLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install AMD GPU </span>
+        <span>AMD GPU </span>
       </Tooltip>
       <PopoverIcon
         id={AMDGPU_FIELD_NAME}
+        headerContent="Additional requirements"
         component={'a'}
         bodyContent={'Requires at least one supported AMD GPU'}
       />

package/lib/ocm/components/clusterConfiguration/operators/AuthorinoCheckbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { AUTHORINO_OPERATOR_LINK, getFieldId, PopoverIcon } from '../../../../common';
+import { AUTHORINO_OPERATOR_LINK, getFieldId } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
@@ -18,13 +18,9 @@ const AuthorinoLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Authorino </span>
+        <span>Authorino </span>
       </Tooltip>
-      <PopoverIcon
-        id={AUTHORINO_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
+
       <NewFeatureSupportLevelBadge featureId="AUTHORINO" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/CnvCheckbox.tsx

@@ -33,7 +33,7 @@ const CnvLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install OpenShift Virtualization </span>
+        <span>OpenShift Virtualization </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}
@@ -79,8 +79,6 @@ const CnvCheckbox = ({
   const fieldId = getFieldId(CNV_FIELD_NAME, 'input');
   const selectOperatorsNeeded = (checked: boolean) => {
     if (featureSupportLevelData.isFeatureSupported('LSO')) setFieldValue('useLso', checked);
-    if (featureSupportLevelData.isFeatureSupported('MTV'))
-      setFieldValue('useMigrationToolkitforVirtualization', checked);
   };
   return (
     <FormGroup isInline fieldId={fieldId}>

package/lib/ocm/components/clusterConfiguration/operators/FenceAgentsRemediationCheckbox.tsx

@@ -0,0 +1,71 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, FENCE_AGENTS_REMEDIATION_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const FENCE_AGENTS_REMEDIATION_FIELD_NAME = 'useFenceAgentsRemediation';
+const FENCE_AGENTS_REMEDIATION_FEATURE_ID = 'FENCE_AGENTS_REMEDIATION';
+
+const FenceAgentsRemediationLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Fence Agents Remediation </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={FENCE_AGENTS_REMEDIATION_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const FenceAgentsRemediationHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Externally fences failed nodes using power controllers.{' '}
+        <a href={FENCE_AGENTS_REMEDIATION_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const FenceAgentsRemediationCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(FENCE_AGENTS_REMEDIATION_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={FENCE_AGENTS_REMEDIATION_FIELD_NAME}
+        label={
+          <FenceAgentsRemediationLabel
+            disabledReason={disabledReason}
+            supportLevel={supportLevel}
+          />
+        }
+        helperText={<FenceAgentsRemediationHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default FenceAgentsRemediationCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/KmmCheckbox.tsx

@@ -1,10 +1,11 @@
 import React, { useState } from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, PopoverIcon } from '../../../../common';
+import { getFieldId, KMM_LINK } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import { useNewFeatureSupportLevel } from '../../../../common/components/newFeatureSupportLevels';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
 
 const KMM_FIELD_NAME = 'useKmm';
 
@@ -18,13 +19,8 @@ const KmmLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Kernel Module Management </span>
+        <span>Kernel Module Management </span>
       </Tooltip>
-      <PopoverIcon
-        id={KMM_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="KMM" supportLevel={supportLevel} />
     </>
   );
@@ -33,7 +29,12 @@ const KmmLabel = ({
 const KmmHelperText = () => {
   return (
     <HelperText>
-      <HelperTextItem variant="indeterminate">Management of kernel modules. </HelperTextItem>
+      <HelperTextItem variant="indeterminate">
+        Management of kernel modules.{' '}
+        <a href={KMM_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
     </HelperText>
   );
 };

package/lib/ocm/components/clusterConfiguration/operators/KubeDeschedulerCheckbox.tsx

@@ -0,0 +1,66 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, NODE_HEALTHCHECK_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const KUBE_DESCHEDULER_FIELD_NAME = 'useKubeDescheduler';
+const KUBE_DESCHEDULER_FEATURE_ID = 'KUBE_DESCHEDULER';
+
+const KubeDeschedulerLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Kube Descheduler </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={KUBE_DESCHEDULER_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const KubeDeschedulerHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Evicts pods to reschedule them onto more suitable nodes.{' '}
+        <a href={NODE_HEALTHCHECK_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const KubeDeschedulerCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(KUBE_DESCHEDULER_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={KUBE_DESCHEDULER_FIELD_NAME}
+        label={<KubeDeschedulerLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
+        helperText={<KubeDeschedulerHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default KubeDeschedulerCheckbox;

package/lib/ocm/components/clusterConfiguration/operators/LsoCheckbox.tsx

@@ -1,6 +1,6 @@
 import React from 'react';
 import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
-import { getFieldId, getLsoLink, PopoverIcon } from '../../../../common';
+import { getFieldId, getLsoLink } from '../../../../common';
 import { OcmCheckboxField } from '../../ui/OcmFormFields';
 import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
 import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
@@ -18,13 +18,8 @@ const LsoLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install Local Storage Operator </span>
+        <span>Local Storage Operator </span>
       </Tooltip>
-      <PopoverIcon
-        id={LSO_FIELD_NAME}
-        component={'a'}
-        bodyContent={'No additional requirements needed'}
-      />
       <NewFeatureSupportLevelBadge featureId="LSO" supportLevel={supportLevel} />
     </>
   );

package/lib/ocm/components/clusterConfiguration/operators/LvmCheckbox.tsx

@@ -49,7 +49,7 @@ const LvmLabel = ({ clusterId, operatorLabel, disabledReason, supportLevel }: Lv
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install {operatorLabel} </span>
+        <span>{operatorLabel} </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}

package/lib/ocm/components/clusterConfiguration/operators/MceCheckbox.tsx

@@ -23,7 +23,7 @@ const MceLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install multicluster engine </span>
+        <span>Multicluster engine </span>
       </Tooltip>
       <PopoverIcon
         id={MCE_FIELD_NAME}