@openshift-assisted/ui-lib 2.13.0-cim → 2.14.1-cim

package/lib/common/config/constants.ts

@@ -12,54 +12,6 @@ import { FeatureSupportLevelData } from '../components/featureSupportLevels/Feat
 import type { NewFeatureSupportLevelData } from '../components/newFeatureSupportLevels';
 import buildManifest from '@openshift-assisted/ui-lib/package.json';
 
-export const getShortOpenshiftVersion = (ocpVersion?: string) =>
-  ocpVersion?.split('.').slice(0, 2).join('.');
-
-export const ASSISTED_INSTALLER_DOCUMENTATION_LINK =
-  'https://access.redhat.com/documentation/en-us/assisted_installer_for_openshift_container_platform/2022/html/assisted_installer_for_openshift_container_platform/index';
-
-export const OPENSHIFT_LIFE_CYCLE_DATES_LINK =
-  'https://access.redhat.com/support/policy/updates/openshift#dates';
-export const getOpenShiftNetworkingDocsLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${
-    getShortOpenshiftVersion(ocpVersion) || '4.13'
-  }/installing/installing_bare_metal/installing-bare-metal.html#installation-network-user-infra_installing-bare-metal`;
-export const CLUSTER_MANAGER_SITE_LINK = 'https://console.redhat.com/openshift/install/pull-secret';
-export const PULL_SECRET_INFO_LINK = CLUSTER_MANAGER_SITE_LINK;
-export const ODF_REQUIREMENTS_LINK =
-  'https://access.redhat.com/documentation/en-us/assisted_installer_for_openshift_container_platform/2022/html/assisted_installer_for_openshift_container_platform/assembly_installing-operators#proc_installing-openshift-data-foundation_assembly_installing-operators';
-export const VSPHERE_CONFIG_LINK = 'https://access.redhat.com/solutions/6677901';
-
-export const getReportIssueLink = () =>
-  'https://issues.redhat.com/secure/CreateIssue!default.jspa?pid=12332330&issuetype=1&components=12370775';
-
-export const FEEDBACK_FORM_LINK =
-  'https://docs.google.com/forms/d/e/1FAIpQLSfg9M8wRW4m_HkWeAl6KpB5dTcMu8iI3iJ29GlLfZpF2hnjng/viewform';
-
-export const TECH_SUPPORT_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';
-
-export const ENCRYPTING_DISK_DURING_INSTALLATION =
-  'https://docs.openshift.com/container-platform/4.7/installing/install_config/installing-customizing.html#installation-special-config-encrypt-disk_installing-customizing';
-
-export const getOcpConsoleNodesPage = (ocpConsoleUrl: string) =>
-  `${ocpConsoleUrl}/k8s/cluster/nodes`;
-
-export const REDHAT_CONSOLE_OPENSHIFT = 'https://console.redhat.com/openshift';
-
-export const SSH_GENERATION_DOC_LINK = 'https://www.redhat.com/sysadmin/configure-ssh-keygen';
-
-export const CNV_LINK = 'https://cloud.redhat.com/learn/topics/virtualization/';
-
-export const ODF_LINK = 'https://www.redhat.com/en/resources/openshift-data-foundation-datasheet';
-
-export const LVMS_LINK =
-  'https://docs.openshift.com/container-platform/4.12/storage/persistent_storage/persistent_storage_local/persistent-storage-using-lvms.html';
-
-export const NMSTATE_EXAMPLES_LINK = 'https://nmstate.io/examples.html';
-
-export const APPROVE_NODES_IN_CL_LINK =
-  'https://docs.openshift.com/container-platform/4.11/installing/installing_platform_agnostic/installing-platform-agnostic.html#installation-approve-csrs_installing-platform-agnostic';
-
 // TODO(mlibra): Retrieve branding dynamically, if needed, i.e. via injecting to the "window" object
 export const getProductBrandingCode = () => 'redhat';
 
@@ -174,6 +126,14 @@ export const hostValidationLabels = (t: TFunction): { [key in HostValidationId]:
   'time-synced-between-host-and-service': t('ai:Time synced between host and service'),
   'no-ip-collisions-in-network': t('ai:No IP collisions in network'),
   'mce-requirements-satisfied': t('ai:Multicluster engine requirements'),
+  'mtv-requirements-satisfied': t('ai:Migration toolkit for virtualization requirements'),
+  'no-iscsi-nic-belongs-to-machine-cidr': t('ai:iSCSI NIC belongs to machine CIDR'),
+  'node-feature-discovery-requirements-satisfied': t('ai:Node Feature Discovery requirements'),
+  'nvidia-gpu-requirements-satisfied': t('ai:NVIDIA GPU requirements'),
+  'pipelines-requirements-satisfied': t('ai:Pipelines requirements'),
+  'serverless-requirements-satisfied': t('ai:Serverless requirements'),
+  'servicemesh-requirements-satisfied': t('ai:Service Mesh requirements'),
+  'openshift-ai-requirements-satisfied': t('ai:OpenShift AI requirements'),
 });
 
 export const hostValidationFailureHints = (
@@ -222,6 +182,14 @@ export const hostValidationFailureHints = (
   'no-skip-missing-disk': '',
   'no-ip-collisions-in-network': '',
   'mce-requirements-satisfied': '',
+  'mtv-requirements-satisfied': '',
+  'no-iscsi-nic-belongs-to-machine-cidr': '',
+  'node-feature-discovery-requirements-satisfied': '',
+  'nvidia-gpu-requirements-satisfied': '',
+  'pipelines-requirements-satisfied': '',
+  'serverless-requirements-satisfied': '',
+  'servicemesh-requirements-satisfied': '',
+  'openshift-ai-requirements-satisfied': '',
 });
 
 export const clusterValidationLabels = (
@@ -315,6 +283,13 @@ export const OPERATOR_NAME_ODF = 'odf';
 export const OPERATOR_NAME_LVM = 'lvm';
 export const OPERATOR_NAME_LVMS = 'lvms';
 export const OPERATOR_NAME_MCE = 'mce';
+export const OPERATOR_NAME_MTV = 'mtv';
+export const OPERATOR_NAME_NODE_FEATURE_DISCOVERY = 'node-feature-discovery';
+export const OPERATOR_NAME_NVIDIA_GPU = 'nvidia-gpu';
+export const OPERATOR_NAME_PIPELINES = 'pipelines';
+export const OPERATOR_NAME_SERVICEMESH = 'servicemesh';
+export const OPERATOR_NAME_SERVERLESS = 'serverless';
+export const OPERATOR_NAME_OPENSHIFT_AI = 'openshift-ai';
 
 const OperatorNames = [
   OPERATOR_NAME_CNV,
@@ -323,6 +298,13 @@ const OperatorNames = [
   OPERATOR_NAME_LVM,
   OPERATOR_NAME_LVMS,
   OPERATOR_NAME_MCE,
+  OPERATOR_NAME_MTV,
+  OPERATOR_NAME_NODE_FEATURE_DISCOVERY,
+  OPERATOR_NAME_NVIDIA_GPU,
+  OPERATOR_NAME_PIPELINES,
+  OPERATOR_NAME_SERVICEMESH,
+  OPERATOR_NAME_SERVERLESS,
+  OPERATOR_NAME_OPENSHIFT_AI,
 ];
 export const ExposedOperatorNames = [
   OPERATOR_NAME_CNV,
@@ -330,6 +312,13 @@ export const ExposedOperatorNames = [
   OPERATOR_NAME_LVM,
   OPERATOR_NAME_LVMS,
   OPERATOR_NAME_MCE,
+  OPERATOR_NAME_MTV,
+  OPERATOR_NAME_NODE_FEATURE_DISCOVERY,
+  OPERATOR_NAME_NVIDIA_GPU,
+  OPERATOR_NAME_PIPELINES,
+  OPERATOR_NAME_SERVICEMESH,
+  OPERATOR_NAME_SERVERLESS,
+  OPERATOR_NAME_OPENSHIFT_AI,
 ];
 
 export type OperatorName = (typeof OperatorNames)[number];
@@ -365,26 +354,15 @@ export const operatorLabels = (
       ? t('ai:Logical Volume Manager Storage')
       : t('ai:Logical Volume Manager'),
     [OPERATOR_NAME_MCE]: t('ai:Multicluster engine'),
+    [OPERATOR_NAME_NODE_FEATURE_DISCOVERY]: t('ai:Node Feature Discovery'),
+    [OPERATOR_NAME_NVIDIA_GPU]: t('ai:NVIDIA GPU'),
+    [OPERATOR_NAME_PIPELINES]: t('ai:Pipelines'),
+    [OPERATOR_NAME_SERVICEMESH]: t('ai:Service Mesh'),
+    [OPERATOR_NAME_SERVERLESS]: t('ai:Serverless'),
+    [OPERATOR_NAME_OPENSHIFT_AI]: t('ai:OpenShift AI'),
   };
 };
 
-export const getOCPStaticIPDocLink = (docVersion = '2.8') =>
-  `https://access.redhat.com/documentation/en-us/red_hat_advanced_cluster_management_for_kubernetes/${docVersion}/html-single/clusters/index#on-prem-creating-your-cluster-with-the-cli-nmstateconfig`;
-
 export const AI_UI_TAG = 'ui_ocm';
 
-export const OCP_RELEASES_PAGE = 'openshift/releases';
-
-export const NUTANIX_CONFIG_LINK = 'https://access.redhat.com/solutions/6983944';
-
-export const CHANGE_ISO_PASSWORD_FILE_LINK =
-  'https://raw.githubusercontent.com/openshift/assisted-service/master/docs/change-iso-password.sh';
-
-export const CUSTOM_MANIFESTS_HELP_LINK =
-  'https://docs.openshift.com/container-platform/4.12/installing/install_config/installing-customizing.html';
-
-export const HOW_TO_KNOW_IF_CLUSTER_SUPPORTS_MULTIPLE_CPU_ARCHS =
-  'https://access.redhat.com/documentation/en-us/assisted_installer_for_openshift_container_platform/2022/html-single/assisted_installer_for_openshift_container_platform/index#checking-for-multiple-architectures_expanding-the-cluster';
-
-export const MCE_LINK =
-  'https://docs.openshift.com/container-platform/4.14/architecture/mce-overview-ocp.html';
+export const AI_ASSISTED_MIGRATION_TAG = 'assisted_migration';

package/lib/common/config/docs_links.ts

@@ -0,0 +1,106 @@
+const DEFAULT_OPENSHIFT_DOCS_VERSION = '4.15';
+
+export const getShortOpenshiftVersion = (ocpVersion?: string) =>
+  ocpVersion ? ocpVersion.split('.').slice(0, 2).join('.') : DEFAULT_OPENSHIFT_DOCS_VERSION;
+
+export const getYearForAssistedInstallerDocumentationLink = () => {
+  return new Date().getFullYear();
+};
+
+export const ASSISTED_INSTALLER_DOCUMENTATION_LINK = `https://docs.redhat.com/en/documentation/assisted_installer_for_openshift_container_platform/${getYearForAssistedInstallerDocumentationLink()}/html/installing_openshift_container_platform_with_the_assisted_installer/index`;
+
+//New cluster page
+export const OPENSHIFT_LIFE_CYCLE_DATES_LINK =
+  'https://access.redhat.com/support/policy/updates/openshift#dates';
+
+export const TECH_SUPPORT_LEVEL_LINK = 'https://access.redhat.com/support/offerings/techpreview';
+
+export const CLUSTER_MANAGER_SITE_LINK = 'https://console.redhat.com/openshift/install/pull-secret';
+
+export const PULL_SECRET_INFO_LINK = CLUSTER_MANAGER_SITE_LINK;
+
+export const getEncryptingDiskDuringInstallationDocsLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+    ocpVersion,
+  )}/html/installation_configuration/installing-customizing#installation-special-config-encrypt-disk_installing-customizing`;
+
+//Networking page
+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`;
+
+export const SSH_GENERATION_DOC_LINK = 'https://www.redhat.com/sysadmin/configure-ssh-keygen';
+
+//Hosts status
+export const getOcpConsoleNodesPage = (ocpConsoleUrl: string) =>
+  `${ocpConsoleUrl}/k8s/cluster/nodes`;
+
+export const getApproveNodesInClLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+    ocpVersion,
+  )}/html/installing_on_any_platform/installing-platform-agnostic#installation-approve-csrs_installing-platform-agnostic`;
+
+//Static Ip configuration
+export const NMSTATE_EXAMPLES_LINK = 'https://nmstate.io/examples.html';
+
+export const getOCPStaticIPDocLink = (docVersion = '2.8') =>
+  `https://docs.redhat.com/documentation/en-us/red_hat_advanced_cluster_management_for_kubernetes/${docVersion}/html-single/clusters/index#on-prem-creating-your-cluster-with-the-cli-nmstateconfig`;
+
+//Platform integration
+export const NUTANIX_CONFIG_LINK = `https://docs.redhat.com/en/documentation/assisted_installer_for_openshift_container_platform/${getYearForAssistedInstallerDocumentationLink()}/html-single/installing_openshift_container_platform_with_the_assisted_installer/index#assembly_installing-on-nutanix`;
+
+export const VSPHERE_CONFIG_LINK = `https://docs.redhat.com/en/documentation/assisted_installer_for_openshift_container_platform/${getYearForAssistedInstallerDocumentationLink()}/html-single/installing_openshift_container_platform_with_the_assisted_installer/index#adding-hosts-on-vsphere_installing-on-vsphere`;
+
+export const OCI_CONFIG_LINK = `https://docs.redhat.com/en/documentation/assisted_installer_for_openshift_container_platform/${getYearForAssistedInstallerDocumentationLink()}/html-single/installing_openshift_container_platform_with_the_assisted_installer/index#installing-on-oci`;
+
+export const HOW_TO_KNOW_IF_CLUSTER_SUPPORTS_MULTIPLE_CPU_ARCHS = `https://docs.redhat.com/en/documentation/assisted_installer_for_openshift_container_platform/${getYearForAssistedInstallerDocumentationLink()}/html/installing_openshift_container_platform_with_the_assisted_installer/expanding-the-cluster#checking-for-multiple-architectures_expanding-the-cluster`;
+
+export const OCP_RELEASES_PAGE = 'openshift/releases';
+
+//Host requirements
+export const DISK_WRITE_SPEED_LINK = 'https://access.redhat.com/solutions/4885641';
+
+export const HOST_REQUIREMENTS_LINK = 'https://access.redhat.com/solutions/4885641';
+
+//Operators page
+export const ODF_REQUIREMENTS_LINK =
+  'https://docs.redhat.com/en/documentation/red_hat_openshift_data_foundation';
+
+export const OPENSHIFT_AI_REQUIREMENTS_LINK =
+  'https://docs.redhat.com/en/documentation/red_hat_openshift_ai_cloud_service/1/html/installing_the_openshift_ai_cloud_service/requirements-for-openshift-ai_install#requirements-for-openshift-ai_install';
+
+export const CNV_LINK = 'https://cloud.redhat.com/learn/topics/virtualization/';
+
+export const ODF_LINK = 'https://www.redhat.com/en/resources/openshift-data-foundation-datasheet';
+
+export const getMceDocsLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+    ocpVersion,
+  )}/html/architecture/about-the-multicluster-engine-for-kubernetes-operator`;
+
+export const getLvmsDocsLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+    ocpVersion,
+  )}/html/storage/configuring-persistent-storage#overview-of-lvm-storage-functionality_ways-to-provision-local-storage`;
+
+//Others
+export const REDHAT_CONSOLE_OPENSHIFT = 'https://console.redhat.com/openshift';
+
+export const getReportIssueLink = () =>
+  'https://issues.redhat.com/secure/CreateIssue!default.jspa?pid=12332330&issuetype=1&components=12370775';
+
+export const FEEDBACK_FORM_LINK =
+  'https://docs.google.com/forms/d/e/1FAIpQLSfg9M8wRW4m_HkWeAl6KpB5dTcMu8iI3iJ29GlLfZpF2hnjng/viewform';
+
+export const CHANGE_ISO_PASSWORD_FILE_LINK =
+  'https://raw.githubusercontent.com/openshift/assisted-service/master/docs/change-iso-password.sh';
+
+export const getCiscoIntersightLink = (downloadIsoUrl: string) =>
+  `https://www.intersight.com/an/workflow/workflow-definitions/execute/AddServersFromISO?_workflow_Version=1&IsoUrl=${downloadIsoUrl}`;
+
+export const MTV_LINK =
+  'https://docs.redhat.com/en/documentation/migration_toolkit_for_virtualization/2.7/';
+
+export const OPENSHIFT_AI_LINK =
+  'https://www.redhat.com/en/technologies/cloud-computing/openshift/openshift-ai';

package/lib/common/config/index.ts

@@ -1 +1,2 @@
 export * from './constants';
+export * from './docs_links';

package/lib/common/features/featureGate.tsx

@@ -1,9 +1,7 @@
 import React from 'react';
 
 // Must conform Unleash constants
-export type AssistedInstallerFeatureType =
-  | 'ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE'
-  | 'ASSISTED_INSTALLER_PLATFORM_OCI';
+export type AssistedInstallerFeatureType = 'ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE';
 
 export type FeatureListType = {
   [key in AssistedInstallerFeatureType]?: boolean;
@@ -26,7 +24,6 @@ export const ACM_ENABLED_FEATURES: FeatureListType = {
 // Hardcoded outside OCM
 export const STANDALONE_DEPLOYMENT_ENABLED_FEATURES: FeatureListType = {
   ASSISTED_INSTALLER_SINGLE_CLUSTER_FEATURE: false,
-  ASSISTED_INSTALLER_PLATFORM_OCI: true,
 };
 
 export type FeatureGateContextType = {
@@ -40,8 +37,6 @@ export const FeatureGateContext = React.createContext<FeatureGateContextType>({
 export const FeatureGateContextProvider: React.FC<{
   features: FeatureListType;
 }> = ({ features, children }) => {
-  // hardcoded defaults
-  // TODO (mortegag): Remove all multiarch capacity related code in the UI.
   const featuresWithDefaults: FeatureListType = {
     ...features,
   };

package/lib/common/styles.css

@@ -1,4 +1,4 @@
 .assisted-ui-vertical-margin {
-  margin-top: var(--pf-global--spacer--lg);
-  margin-bottom: var(--pf-global--spacer--lg);
+  margin-top: var(--pf-v5-global--spacer--lg);
+  margin-bottom: var(--pf-v5-global--spacer--lg);
 }

package/lib/common/types/clusters.ts

@@ -63,6 +63,8 @@ export type OperatorsValues = V2ClusterUpdateParams & {
   useOdfLogicalVolumeManager: boolean;
   useContainerNativeVirtualization: boolean;
   useMultiClusterEngine: boolean;
+  useMigrationToolkitforVirtualization: boolean;
+  useOpenShiftAI: boolean;
 };
 
 export type SupportedPlatformType = Extract<PlatformType, 'vsphere' | 'nutanix' | 'external'>;

package/lib/common/types/index.ts

@@ -10,3 +10,4 @@ export * from './featureSupportLevel';
 export * from './typescriptExtensions';
 export * from './generateIsoFields';
 export * from './errortype';
+export * from './ui-settings';

package/lib/common/types/ui-settings.ts

@@ -0,0 +1,5 @@
+export type UISettingsValues = {
+  addCustomManifests?: boolean;
+  customManifestsAdded?: boolean;
+  customManifestsUpdated?: boolean;
+};

package/lib/common/utils.ts

@@ -4,10 +4,11 @@ import isString from 'lodash-es/isString.js';
 import { loadAll } from 'js-yaml';
 import { MAX_FILE_SIZE_BYTES, MAX_FILE_SIZE_OFFSET_FACTOR } from './configurations';
 
-export const FILENAME_REGEX = /^[^\/]*\.(yaml|yml|json)$/;
+export const FILENAME_REGEX = /^[^\/]*\.(json|ya?ml(\.patch_?[a-zA-Z0-9_]*)?)$/;
+
 export const FILE_TYPE_MESSAGE = 'Unsupported file type. Please provide a valid YAML file.';
 export const INCORRECT_TYPE_FILE_MESSAGE =
-  'File type is not supported. File type must be yaml, yml or json.';
+  'File type is not supported. File type must be yaml, yml ,json , yaml.patch. or yml.patch.';
 
 export const getErrorMessage = (error: unknown): string => {
   if (error instanceof Error) {

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

@@ -23,7 +23,8 @@ import Day2WizardFooter from './Day2WizardFooter';
 import Day2HostStaticIpConfigurations from './Day2StaticIpHostConfigurations';
 import { mapClusterCpuArchToInfraEnvCpuArch } from '../../../services/CpuArchitectureService';
 import CpuArchitectureDropdown from '../../clusterConfiguration/CpuArchitectureDropdown';
-import { useOpenshiftVersions, usePullSecret } from '../../../hooks';
+import { usePullSecret } from '../../../hooks';
+import { useOpenshiftVersionsContext } from '../../clusterWizard/OpenshiftVersionsContext';
 import {
   Cluster,
   InfraEnv,
@@ -86,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 } = useOpenshiftVersions();
+  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/AddHosts/day2Wizard/Day2Wizard.tsx

@@ -1,5 +1,6 @@
 import React from 'react';
-import { Modal, ModalVariant, WizardHeader } from '@patternfly/react-core';
+import { Modal, ModalVariant } from '@patternfly/react-core';
+import { WizardHeader } from '@patternfly/react-core/deprecated';
 import classNames from 'classnames';
 import { ClusterWizardStep } from '../../../../common';
 import { useModalDialogsContext } from '../../hosts/ModalDialogsContext';
@@ -43,7 +44,7 @@ const Day2Wizard = () => {
       hasNoBodyWrapper
       id="generate-discovery-iso-modal"
     >
-      <div className={classNames('pf-c-wizard', 'cluster-wizard')}>
+      <div className={classNames('pf-v5-c-wizard', 'cluster-wizard')}>
         <WizardHeader
           title={'Add hosts'}
           description={'Choose the settings for adding a new host'}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { WizardNav, WizardNavItem } from '@patternfly/react-core';
+import { WizardNav, WizardNavItem } from '@patternfly/react-core/deprecated';
 import { Day2WizardStepsType, day2WizardStepNames, staticIpFormViewSubSteps } from './constants';
 import { useDay2WizardContext } from './Day2WizardContext';
 import { isStaticIpStep } from '../../clusterWizard/wizardTransition';

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

@@ -23,6 +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';
 
 export const HostsClusterDetailTabContent = ({
   cluster: ocmCluster,
@@ -137,7 +138,7 @@ export const HostsClusterDetailTabContent = ({
   if (error) {
     return (
       <ErrorState
-        variant={EmptyStateVariant.large}
+        variant={EmptyStateVariant.lg}
         content={error}
         title="Failed to prepare the cluster for adding hosts."
       />
@@ -155,15 +156,17 @@ export const HostsClusterDetailTabContent = ({
       ocpConsoleUrl={ocmCluster?.console?.url}
       canEdit={ocmCluster.canEdit}
     >
-      <NewFeatureSupportLevelProvider
-        loadingUi={<LoadingState />}
-        cluster={day2Cluster}
-        cpuArchitecture={infraEnv?.cpuArchitecture as CpuArchitecture}
-        openshiftVersion={day2Cluster.openshiftVersion}
-        platformType={day2Cluster.platform?.type}
-      >
-        <AddHosts />
-      </NewFeatureSupportLevelProvider>
+      <OpenshiftVersionsContextProvider>
+        <NewFeatureSupportLevelProvider
+          loadingUi={<LoadingState />}
+          cluster={day2Cluster}
+          cpuArchitecture={infraEnv?.cpuArchitecture as CpuArchitecture}
+          openshiftVersion={day2Cluster.openshiftVersion}
+          platformType={day2Cluster.platform?.type}
+        >
+          <AddHosts />
+        </NewFeatureSupportLevelProvider>
+      </OpenshiftVersionsContextProvider>
     </AddHostsContextProvider>
   );
 };

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

@@ -6,7 +6,7 @@ import {
   Grid,
   PageSection,
   PageSectionVariants,
-  Title,
+  EmptyStateHeader,
 } from '@patternfly/react-core';
 import {
   OcmCpuArchitecture,
@@ -16,6 +16,7 @@ import {
 import { OcmClusterType } from '../AddHosts';
 import HostsClusterDetailTab from './HostsClusterDetailTab';
 import clustersAPI from '../../../common/api/assisted-service/ClustersAPI';
+import { OpenshiftVersionsContextProvider } from '../clusterWizard/OpenshiftVersionsContext';
 
 const clusterWithoutMetrics = {
   id: 'ocm-cluster-id',
@@ -67,9 +68,7 @@ export const HostsClusterDetailTabMock = () => {
     return (
       <PageSection variant={PageSectionVariants.light} isFilled>
         <EmptyState>
-          <Title headingLevel="h4" size="lg">
-            Mocked environment not detected
-          </Title>
+          <EmptyStateHeader titleText="Mocked environment not detected" headingLevel="h4" />
           <EmptyStateBody>You can only use this page on a mocked environment</EmptyStateBody>
         </EmptyState>
       </PageSection>
@@ -79,11 +78,13 @@ export const HostsClusterDetailTabMock = () => {
   return (
     <PageSection variant={PageSectionVariants.light} isFilled>
       {tabShown ? (
-        <HostsClusterDetailTab
-          cluster={getCluster(tabShown)}
-          allEnabledFeatures={STANDALONE_DEPLOYMENT_ENABLED_FEATURES}
-          isVisible
-        />
+        <OpenshiftVersionsContextProvider>
+          <HostsClusterDetailTab
+            cluster={getCluster(tabShown)}
+            allEnabledFeatures={STANDALONE_DEPLOYMENT_ENABLED_FEATURES}
+            isVisible
+          />
+        </OpenshiftVersionsContextProvider>
       ) : (
         <Grid hasGutter>
           <ToolbarButton variant={ButtonVariant.primary} onClick={() => onAddHosts('no-metrics')}>

package/lib/ocm/components/Routes.tsx

@@ -1,6 +1,13 @@
 import React from 'react';
 import { Provider } from 'react-redux';
-import { Routes, Route, Navigate, Outlet } from 'react-router-dom-v5-compat';
+import {
+  Routes,
+  Route,
+  Navigate,
+  Outlet,
+  unstable_HistoryRouter as HistoryRouter,
+  HistoryRouterProps,
+} from 'react-router-dom-v5-compat';
 import { Clusters, ClusterPage, NewClusterPage } from './clusters';
 import type { FeatureListType } from '../../common/features/featureGate';
 import { AssistedUILibVersion } from './ui';
@@ -10,24 +17,38 @@ import { useFeatureDetection } from '../hooks/use-feature-detection';
 export const UILibRoutes = ({
   allEnabledFeatures,
   children,
+  history,
+  basename,
 }: {
   allEnabledFeatures: FeatureListType;
-  children: React.ReactNode;
+  children?: React.ReactNode;
+  history?: HistoryRouterProps['history'];
+  basename?: string;
 }) => {
   useFeatureDetection(allEnabledFeatures);
 
+  const routes = (
+    <Routes>
+      <Route path="assisted-installer/clusters" element={<Outlet />}>
+        <Route path="~new" element={<NewClusterPage />} />
+        <Route path=":clusterId" element={<ClusterPage />} />
+        <Route index element={<Clusters />} />
+      </Route>
+      {children}
+      <Route path="*" element={<Navigate to="assisted-installer/clusters" />} />
+    </Routes>
+  );
+
   return (
     <Provider store={storeDay1}>
       <AssistedUILibVersion />
-      <Routes>
-        <Route path="clusters" element={<Outlet />}>
-          <Route path="~new" element={<NewClusterPage />} />
-          <Route path=":clusterId" element={<ClusterPage />} />
-          <Route index element={<Clusters />} />
-        </Route>
-        {children}
-        <Route path="*" element={<Navigate to="clusters" />} />
-      </Routes>
+      {history ? (
+        <HistoryRouter history={history} basename={basename || '/'}>
+          {routes}
+        </HistoryRouter>
+      ) : (
+        routes
+      )}
     </Provider>
   );
 };

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

@@ -1,13 +1,6 @@
 import React from 'react';
-import {
-  Dropdown,
-  DropdownItem,
-  DropdownToggle,
-  FormGroup,
-  Split,
-  SplitItem,
-  Tooltip,
-} from '@patternfly/react-core';
+import { FormGroup, Split, SplitItem, Tooltip } from '@patternfly/react-core';
+import { Dropdown, DropdownItem, DropdownToggle } from '@patternfly/react-core/deprecated';
 import { CaretDownIcon } from '@patternfly/react-icons/dist/js/icons/caret-down-icon';
 import { useField } from 'formik';
 import {
@@ -156,10 +149,10 @@ const CpuArchitectureDropdown = ({
   const toggle = React.useMemo(
     () => (
       <DropdownToggle
-        onToggle={(val) => setOpen(val)}
+        onToggle={(_event, val: boolean) => setOpen(val)}
         toggleIndicator={CaretDownIcon}
         isText
-        className="pf-u-w-100"
+        className="pf-v5-u-w-100"
       >
         {currentCpuArch}
       </DropdownToggle>
@@ -175,7 +168,7 @@ const CpuArchitectureDropdown = ({
         dropdownItems={enabledItems}
         toggle={toggle}
         isOpen={isOpen}
-        className="pf-u-w-100"
+        className="pf-v5-u-w-100"
         onSelect={onSelect}
       />
     </FormGroup>

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

@@ -1,12 +1,19 @@
 import * as React from 'react';
-import { Alert, FormGroup } from '@patternfly/react-core';
+import {
+  Alert,
+  FormGroup,
+  FormHelperText,
+  HelperText,
+  HelperTextItem,
+} from '@patternfly/react-core';
 import { useField } from 'formik';
-import { getFieldId, HelperText, PopoverIcon } from '../../../common';
+import { getFieldId, PopoverIcon } from '../../../common';
 import { OcmCheckbox } from '../ui/OcmFormFields';
 import { useClusterWizardContext } from '../clusterWizard/ClusterWizardContext';
 import DeleteCustomManifestModal from './manifestsConfiguration/DeleteCustomManifestModal';
 import { ClustersService } from '../../services';
 import { ClustersAPI } from '../../services/apis';
+import { useLocation } from 'react-router-dom-v5-compat';
 
 const Label = () => {
   return (
@@ -31,6 +38,18 @@ const CustomManifestCheckbox = ({ clusterId, isDisabled }: CustomManifestCheckbo
   const fieldId = getFieldId(name, 'input');
   const clusterWizardContext = useClusterWizardContext();
   const [isDeleteCustomManifestsOpen, setDeleteCustomManifestsOpen] = React.useState(false);
+  const location = useLocation();
+
+  React.useEffect(() => {
+    const searchParams = new URLSearchParams(location.search);
+    const isAssistedMigration = searchParams.get('source') === 'assisted_migration';
+
+    if (isAssistedMigration) {
+      setValue(true);
+      clusterWizardContext.setCustomManifestsStep(true);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [location]);
 
   const cleanCustomManifests = React.useCallback(async () => {
     const { data: manifests } = await ClustersAPI.getManifests(clusterId);
@@ -72,12 +91,18 @@ const CustomManifestCheckbox = ({ clusterId, isDisabled }: CustomManifestCheckbo
           label={<Label />}
           aria-describedby={`${fieldId}-helper`}
           description={
-            <HelperText fieldId={fieldId}>
-              Additional manifests will be applied at the install time for advanced configuration of
-              the cluster.
-            </HelperText>
+            <FormGroup>
+              <FormHelperText>
+                <HelperText id={fieldId}>
+                  <HelperTextItem>
+                    Additional manifests will be applied at the install time for advanced
+                    configuration of the cluster.
+                  </HelperTextItem>
+                </HelperText>
+              </FormHelperText>
+            </FormGroup>
           }
-          onChange={onChange}
+          onChange={(_event, value) => onChange(value)}
           className="with-tooltip"
           isChecked={value}
           isDisabled={isDisabled}