@openshift-assisted/ui-lib 2.15.3-cim → 2.16.1-cim

package/lib/common/components/ui/formik/SelectFieldWithSearch.tsx

@@ -0,0 +1,278 @@
+import React from 'react';
+import {
+  Select,
+  SelectOption,
+  SelectList,
+  SelectOptionProps,
+  MenuToggle,
+  MenuToggleElement,
+  TextInputGroup,
+  TextInputGroupMain,
+  TextInputGroupUtilities,
+  Button,
+  FormGroup,
+  Bullseye,
+  Spinner,
+  FormHelperText,
+  HelperText,
+  HelperTextItem,
+  Divider,
+} from '@patternfly/react-core';
+import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
+import { useField } from 'formik';
+import { isEqual } from 'lodash-es';
+import { FieldProps } from './types';
+
+const NO_RESULTS = 'no_results';
+
+const createItemId = (val: string) => `select-multi-typeahead-${val.replace(' ', '-')}`;
+
+const SelectFieldWithSearch = ({
+  name,
+  label,
+  isRequired,
+  selectOptions,
+  filterValue,
+  setFilterValue,
+  isMultiSelect = false,
+  isLoading = false,
+  placeholder,
+  helperText,
+}: {
+  selectOptions: (SelectOptionProps & { showDivider?: boolean })[];
+  filterValue: string;
+  setFilterValue: (value: string) => void;
+  isMultiSelect?: boolean;
+  isLoading?: boolean;
+  placeholder?: string;
+  helperText?: React.ReactNode;
+} & FieldProps) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [{ value }, , { setValue }] = useField<unknown | unknown[]>(name);
+
+  const [focusedItemIndex, setFocusedItemIndex] = React.useState<number | null>(null);
+  const [activeItemId, setActiveItemId] = React.useState<string | null>(null);
+  const textInputRef = React.useRef<HTMLInputElement>();
+
+  const setActiveAndFocusedItem = (itemIndex: number) => {
+    setFocusedItemIndex(itemIndex);
+    const focusedItem = selectOptions[itemIndex];
+    setActiveItemId(createItemId(focusedItem.value as string));
+  };
+
+  const resetActiveAndFocusedItem = () => {
+    setFocusedItemIndex(null);
+    setActiveItemId(null);
+  };
+
+  const closeMenu = () => {
+    setIsOpen(false);
+    resetActiveAndFocusedItem();
+  };
+
+  const onInputClick = () => {
+    if (!isOpen) {
+      setIsOpen(true);
+    } else if (!filterValue) {
+      closeMenu();
+    }
+  };
+
+  const handleMenuArrowKeys = (key: string) => {
+    let indexToFocus = 0;
+
+    if (!isOpen) {
+      setIsOpen(true);
+    }
+
+    if (selectOptions.every((option) => option.isDisabled)) {
+      return;
+    }
+
+    if (key === 'ArrowUp') {
+      // When no index is set or at the first index, focus to the last, otherwise decrement focus index
+      if (focusedItemIndex === null || focusedItemIndex === 0) {
+        indexToFocus = selectOptions.length - 1;
+      } else {
+        indexToFocus = focusedItemIndex - 1;
+      }
+
+      // Skip disabled options
+      while (selectOptions[indexToFocus].isDisabled) {
+        indexToFocus--;
+        if (indexToFocus === -1) {
+          indexToFocus = selectOptions.length - 1;
+        }
+      }
+    }
+
+    if (key === 'ArrowDown') {
+      // When no index is set or at the last index, focus to the first, otherwise increment focus index
+      if (focusedItemIndex === null || focusedItemIndex === selectOptions.length - 1) {
+        indexToFocus = 0;
+      } else {
+        indexToFocus = focusedItemIndex + 1;
+      }
+
+      // Skip disabled options
+      while (selectOptions[indexToFocus].isDisabled) {
+        indexToFocus++;
+        if (indexToFocus === selectOptions.length) {
+          indexToFocus = 0;
+        }
+      }
+    }
+
+    setActiveAndFocusedItem(indexToFocus);
+  };
+
+  const onInputKeyDown = (event: React.KeyboardEvent<HTMLInputElement>) => {
+    const focusedItem = focusedItemIndex !== null ? selectOptions[focusedItemIndex] : null;
+
+    switch (event.key) {
+      case 'Enter':
+        if (
+          isOpen &&
+          focusedItem &&
+          focusedItem.value !== NO_RESULTS &&
+          !focusedItem.isAriaDisabled
+        ) {
+          onSelect(focusedItem.value as string);
+        }
+
+        if (!isOpen) {
+          setIsOpen(true);
+        }
+
+        break;
+      case 'ArrowUp':
+      case 'ArrowDown':
+        event.preventDefault();
+        handleMenuArrowKeys(event.key);
+        break;
+    }
+  };
+
+  const onToggleClick = () => {
+    setIsOpen(!isOpen);
+    textInputRef?.current?.focus();
+  };
+
+  const onTextInputChange = (_event: React.FormEvent<HTMLInputElement>, value: string) => {
+    setFilterValue(value);
+    resetActiveAndFocusedItem();
+  };
+
+  const onSelect = React.useCallback(
+    (val) => {
+      if (val && val !== NO_RESULTS) {
+        if (isMultiSelect && Array.isArray(value)) {
+          setValue(
+            value.some((v) => isEqual(v, val))
+              ? value.filter((v) => !isEqual(v, val))
+              : [...(value as unknown[]), val],
+          );
+        } else {
+          setValue(val);
+          setFilterValue(selectOptions.find((option) => option.value === val)?.children as string);
+        }
+      }
+
+      textInputRef.current?.focus();
+    },
+    [isMultiSelect, setValue, setFilterValue, selectOptions, value],
+  );
+
+  const onClearButtonClick = () => {
+    setFilterValue('');
+    resetActiveAndFocusedItem();
+    textInputRef?.current?.focus();
+  };
+
+  const toggle = (toggleRef: React.Ref<MenuToggleElement>) => (
+    <MenuToggle
+      variant="typeahead"
+      aria-label="Multi typeahead checkbox menu toggle"
+      onClick={onToggleClick}
+      innerRef={toggleRef}
+      isExpanded={isOpen}
+      isFullWidth
+    >
+      <TextInputGroup isPlain>
+        <TextInputGroupMain
+          isExpanded={isOpen}
+          value={filterValue}
+          placeholder={placeholder}
+          onClick={onInputClick}
+          onChange={onTextInputChange}
+          onKeyDown={onInputKeyDown}
+          innerRef={textInputRef}
+          autoComplete="off"
+          role="combobox"
+          id="typeahead-select-input"
+          aria-controls="typeahead-select-listbox"
+          {...(activeItemId && { 'aria-activedescendant': activeItemId })}
+        />
+        <TextInputGroupUtilities {...(!filterValue ? { style: { display: 'none' } } : {})}>
+          <Button variant="plain" onClick={onClearButtonClick} aria-label="Clear input value">
+            <TimesIcon aria-hidden />
+          </Button>
+        </TextInputGroupUtilities>
+      </TextInputGroup>
+    </MenuToggle>
+  );
+
+  return (
+    <FormGroup label={label} isRequired={isRequired}>
+      <Select
+        role="menu"
+        id="typeahead-select"
+        isOpen={isOpen}
+        selected={value}
+        onSelect={(_event, selection) => onSelect(selection as string)}
+        onOpenChange={(isOpen) => {
+          !isOpen && closeMenu();
+        }}
+        toggle={toggle}
+        isScrollable
+      >
+        <SelectList isAriaMultiselectable id="select-typeahead-listbox">
+          {isLoading ? (
+            <SelectOption key={'loader'}>
+              <Bullseye>
+                <Spinner size="lg" />
+              </Bullseye>
+            </SelectOption>
+          ) : (
+            selectOptions.map((option, index) => (
+              <>
+                {option.showDivider && <Divider component="li" key={`divider-${index}`} />}
+                <SelectOption
+                  hasCheckbox={isMultiSelect && !option.isAriaDisabled}
+                  isSelected={
+                    isMultiSelect && Array.isArray(value)
+                      ? value.some((v) => isEqual(v, option.value))
+                      : value === option.value
+                  }
+                  key={`option-${index}`}
+                  isFocused={focusedItemIndex === index}
+                  ref={null}
+                  {...option}
+                />
+              </>
+            ))
+          )}
+        </SelectList>
+      </Select>
+      {helperText && (
+        <FormHelperText>
+          <HelperText>
+            <HelperTextItem>{helperText}</HelperTextItem>
+          </HelperText>
+        </FormHelperText>
+      )}
+    </FormGroup>
+  );
+};
+
+export default SelectFieldWithSearch;

package/lib/common/components/ui/formik/TextAreaField.tsx

@@ -60,13 +60,20 @@ const TextAreaField: React.FC<TextAreaFieldProps> = ({
       {(errorMessage || helperText) && (
         <FormHelperText>
           <HelperText>
-            <HelperTextItem
-              icon={errorMessage && <ExclamationCircleIcon />}
-              variant={errorMessage ? 'error' : 'default'}
-              id={errorMessage ? `${fieldId}-helper-error` : `${fieldId}-helper`}
-            >
-              {errorMessage ? errorMessage : helperText}
-            </HelperTextItem>
+            {errorMessage && (
+              <HelperTextItem
+                icon={<ExclamationCircleIcon />}
+                variant={'error'}
+                id={`${fieldId}-helper-error`}
+              >
+                {errorMessage}
+              </HelperTextItem>
+            )}
+            {helperText && (
+              <HelperTextItem variant={'default'} id={`${fieldId}-helper`}>
+                {helperText}
+              </HelperTextItem>
+            )}
           </HelperText>
         </FormHelperText>
       )}

package/lib/common/components/ui/formik/index.tsx

@@ -9,7 +9,6 @@ export { default as SwitchField } from './SwitchField';
 export { default as FormikAutoSave, useFormikAutoSave } from './FormikAutoSave';
 export { default as PullSecretField } from './PullSecretField';
 export { default as RadioField } from './RadioField';
-export { default as SingleNodeCheckbox } from './SingleNodeCheckbox';
 export { default as NumberInputField } from './NumberInputField';
 export { default as CodeField } from './CodeField';
 export { default as RichInputField } from './RichInputField';
@@ -18,6 +17,7 @@ export { default as RemovableField } from './RemovableField';
 export { default as AddButton } from './AddButton';
 export { default as PencilEditField } from './PencilEditField';
 export { default as AlertFormikError } from './AlertFormikError';
+export { default as SelectFieldWithSearch } from './SelectFieldWithSearch';
 
 export * from './utils';
 export * from './PullSecretField';

package/lib/common/config/constants.ts

@@ -10,8 +10,8 @@ import {
 import { ValidationGroup as ClusterValidationGroup } from '../types/clusters';
 import buildManifest from '@openshift-assisted/ui-lib/package.json';
 
-export const POLLING_INTERVAL = 10 * 1000;
-export const EVENTS_POLLING_INTERVAL = 10 * 1000 * 6;
+export const DEFAULT_POLLING_INTERVAL = 10 * 1000;
+export const REDUCED_POLLING_INTERVAL = 10 * 1000 * 6;
 
 export const hostRoles = (t: TFunction): HostRole[] => [
   {
@@ -33,6 +33,11 @@ export const hostRoles = (t: TFunction): HostRole[] => [
       'ai:Runs application workloads. Connect at least 5 hosts to enable dedicated workers.',
     ),
   },
+  {
+    value: 'arbiter',
+    label: t('ai:Arbiter'),
+    description: t('ai:Prevents split-brain scenarios and maintains quorum.'),
+  },
 ];
 
 export const clusterStatusLabels = (t: TFunction): { [key in Cluster['status']]: string } => ({
@@ -59,7 +64,6 @@ export const clusterFieldLabels = (t: TFunction): { [key in string]: string } =>
   ingressVips: t('ai:Ingress IP'),
   pullSecret: t('ai:Pull secret'),
   sshPublicKey: t('ai:SSH public key'),
-  SNODisclaimer: t('ai:Single Node OpenShift disclaimer'),
   diskEncryptionTangServers: t("ai:Tang servers' URLs or thumbprints"),
   selectedHostIds: t('ai:Hosts selection'),
   httpProxy: t('ai:HTTP proxy'),
@@ -140,6 +144,10 @@ export const hostValidationLabels = (t: TFunction): { [key in HostValidationId]:
   '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'),
+  'cluster-observability-requirements-satisfied': t('ai:Cluster Observability requirements'),
+  'numa-resources-requirements-satisfied': t('ai:NUMA Resources requirements'),
+  'oadp-requirements-satisfied': t('ai:OADP requirements'),
+  'metallb-requirements-satisfied': t('ai:MetalLB requirements'),
 });
 
 export const hostValidationFailureHints = (
@@ -207,6 +215,10 @@ export const hostValidationFailureHints = (
   'fence-agents-remediation-requirements-satisfied': '',
   'node-maintenance-requirements-satisfied': '',
   'kube-descheduler-requirements-satisfied': '',
+  'cluster-observability-requirements-satisfied': '',
+  'numa-resources-requirements-satisfied': '',
+  'oadp-requirements-satisfied': '',
+  'metallb-requirements-satisfied': '',
 });
 
 export const clusterValidationLabels = (
@@ -236,6 +248,10 @@ export const clusterValidationLabels = (
   'cnv-requirements-satisfied': t('ai:CNV requirements'),
   'mce-requirements-satisfied': t('ai:MCE requirements'),
   'platform-requirements-satisfied': t('ai:Platform requirements'),
+  'cluster-observability-requirements-satisfied': t('ai:Cluster Observability requirements'),
+  'numa-resources-requirements-satisfied': t('ai:NUMA Resources requirements'),
+  'oadp-requirements-satisfied': t('ai:OADP requirements'),
+  'metallb-requirements-satisfied': t('ai:MetalLB requirements'),
 });
 
 export const clusterValidationGroupLabels = (
@@ -316,6 +332,10 @@ 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';
+export const OPERATOR_NAME_CLUSTER_OBSERVABILITY = 'cluster-observability';
+export const OPERATOR_NAME_NUMA_RESOURCES = 'numaresources';
+export const OPERATOR_NAME_OADP = 'oadp';
+export const OPERATOR_NAME_METALLB = 'metallb';
 
 export const singleClusterOperators = [
   OPERATOR_NAME_CNV,
@@ -324,7 +344,6 @@ export const singleClusterOperators = [
   OPERATOR_NAME_NODE_HEALTHCHECK,
   OPERATOR_NAME_NODE_MAINTENANCE,
   OPERATOR_NAME_FENCE_AGENTS_REMEDIATION,
-  OPERATOR_NAME_SELF_NODE_REMEDIATION,
   OPERATOR_NAME_KUBE_DESCHEDULER,
 ];
 

package/lib/common/config/docs_links.ts

@@ -1,14 +1,24 @@
-const DEFAULT_OPENSHIFT_DOCS_VERSION = 4.15;
+import { isMajorMinorVersionEqualOrGreater } from '../utils';
 
-export const getShortOpenshiftVersion = (ocpVersion?: string) => {
+const LATEST_OPENSHIFT_DOCS_VERSION = '4.19';
+const MIN_OPENSHIFT_DOCS_VERSION = '4.14';
+
+const getDocsOpenshiftVersion = (ocpVersion?: string): string => {
   if (!ocpVersion) {
-    return DEFAULT_OPENSHIFT_DOCS_VERSION;
+    return LATEST_OPENSHIFT_DOCS_VERSION;
+  }
+  if (isMajorMinorVersionEqualOrGreater(MIN_OPENSHIFT_DOCS_VERSION, ocpVersion)) {
+    return MIN_OPENSHIFT_DOCS_VERSION;
   }
-  const versionXY = Number(ocpVersion.split('.').slice(0, 2).join('.'));
-  if (!Number.isFinite(versionXY)) {
-    return DEFAULT_OPENSHIFT_DOCS_VERSION;
+  if (isMajorMinorVersionEqualOrGreater(ocpVersion, LATEST_OPENSHIFT_DOCS_VERSION)) {
+    return LATEST_OPENSHIFT_DOCS_VERSION;
   }
-  return versionXY < 4.14 ? 4.14 : versionXY;
+
+  const versionParts = ocpVersion.split('.').slice(0, 2).map(Number);
+  if (versionParts.length < 2) {
+    return LATEST_OPENSHIFT_DOCS_VERSION;
+  }
+  return `${versionParts[0]}.${versionParts[1]}`;
 };
 
 export const getYearForAssistedInstallerDocumentationLink = () => {
@@ -31,19 +41,19 @@ export const CLUSTER_MANAGER_SITE_LINK = 'https://console.redhat.com/openshift/i
 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(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     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(
+export const getOpenShiftNetworkingDocsLink = (ocpVersion?: string) => {
+  const variant = isMajorMinorVersionEqualOrGreater(ocpVersion, '4.18')
+    ? 'user-provisioned-infrastructure'
+    : 'installing-bare-metal';
+  return `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
-  )}/html/installing_on_bare_metal/${
-    getShortOpenshiftVersion(ocpVersion) > 4.17
-      ? 'user-provisioned-infrastructure'
-      : 'installing-bare-metal'
-  }#installation-network-user-infra_installing-bare-metal`;
+  )}/html/installing_on_bare_metal/${variant}#installation-network-user-infra_installing-bare-metal`;
+};
 
 export const SSH_GENERATION_DOC_LINK = 'https://www.redhat.com/sysadmin/configure-ssh-keygen';
 
@@ -52,7 +62,7 @@ export const getOcpConsoleNodesPage = (ocpConsoleUrl: string) =>
   `${ocpConsoleUrl}/k8s/cluster/nodes`;
 
 export const getApproveNodesInClLink = (ocpVersion?: string) =>
-  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
   )}/html/installing_on_any_platform/installing-platform-agnostic#installation-approve-csrs_installing-platform-agnostic`;
 
@@ -90,18 +100,20 @@ 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 getKmmDocsLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/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) =>
-  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     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(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
   )}/html/storage/configuring-persistent-storage#overview-of-lvm-storage-functionality_ways-to-provision-local-storage`;
 
@@ -118,7 +130,7 @@ 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(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
   )}/html/nodes/controlling-pod-placement-onto-nodes-scheduling#descheduler`;
 
@@ -146,42 +158,65 @@ export const OPENSHIFT_AI_LINK =
 export const OSC_LINK = 'https://docs.redhat.com/en/documentation/openshift_sandboxed_containers';
 
 export const getMtuLink = (ocpVersion?: string) =>
-  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getShortOpenshiftVersion(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
   )}/html/networking/changing-cluster-network-mtu#nw-cluster-mtu-change-about_changing-cluster-network-mtu`;
 
-export const AUTHORINO_OPERATOR_LINK = 'https://github.com/Kuadrant/authorino-operator';
+export const AUTHORINO_OPERATOR_LINK =
+  'https://github.com/Kuadrant/authorino-operator/blob/main/README.md';
 
-export const getLsoLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${getShortOpenshiftVersion(
-    ocpVersion,
-  )}/storage/persistent_storage/persistent_storage_local/ways-to-provision-local-storage.html`;
+export const getLsoLink = (ocpVersion?: string) => {
+  const version = getDocsOpenshiftVersion(ocpVersion);
+  return isMajorMinorVersionEqualOrGreater(ocpVersion, '4.19')
+    ? `https://docs.redhat.com/en/documentation/openshift_container_platform/${version}/html/storage/configuring-persistent-storage#persistent-storage-using-local-storage`
+    : `https://docs.openshift.com/container-platform/${version}/storage/persistent_storage/persistent_storage_local/ways-to-provision-local-storage.html`;
+};
 
 export const getNmstateLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${getShortOpenshiftVersion(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
-  )}/networking/networking_operators/k8s-nmstate-about-the-k8s-nmstate-operator.html`;
+  )}/html/networking/networking-operators#k8s-nmstate-about-the-k8s-nmstate-operator`;
 
 export const getNodeFeatureDiscoveryLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${getShortOpenshiftVersion(
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
     ocpVersion,
-  )}/hardware_enablement/psap-node-feature-discovery-operator.html`;
+  )}/html/specialized_hardware_and_driver_enablement/psap-node-feature-discovery-operator`;
 
-export const getNvidiaGpuLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${getShortOpenshiftVersion(
-    ocpVersion,
-  )}/virt/virtual_machines/advanced_vm_management/virt-configuring-virtual-gpus.html`;
+export const getNvidiaGpuLink = (ocpVersion?: string) => {
+  const version = getDocsOpenshiftVersion(ocpVersion);
+  return isMajorMinorVersionEqualOrGreater(ocpVersion, '4.18')
+    ? `https://docs.redhat.com/en/documentation/openshift_container_platform/${version}/html/virtualization/managing-vms#virt-configuring-virtual-gpus`
+    : `https://docs.openshift.com/container-platform/${version}/virt/virtual_machines/advanced_vm_management/virt-configuring-virtual-gpus.html`;
+};
 
 export const PIPELINES_OPERATOR_LINK =
-  'https://docs.openshift.com/pipelines/1.17/install_config/installing-pipelines.html';
+  'https://docs.redhat.com/en/documentation/red_hat_openshift_pipelines/1.18/html/installing_and_configuring/installing-pipelines';
 
-export const getServiceMeshLink = (ocpVersion?: string) =>
-  `https://docs.openshift.com/container-platform/${getShortOpenshiftVersion(
-    ocpVersion,
-  )}/service_mesh/v1x/preparing-ossm-installation.html`;
+export const SERVICE_MESH_OPERATOR_LINK =
+  'https://docs.redhat.com/en/documentation/red_hat_openshift_service_mesh/3.0/html/installing/ossm-installing-service-mesh';
 
 export const SERVERLESS_OPERATOR_LINK =
-  'https://docs.openshift.com/serverless/1.28/install/install-serverless-operator.html#serverless-install-web-console_install-serverless-operator';
+  'https://docs.redhat.com/en/documentation/red_hat_openshift_serverless/1.36/html/installing_openshift_serverless/install-serverless-operator#serverless-install-web-console_install-serverless-operator';
 
 export const KUBECONFIG_INFO_LINK =
   'https://docs.redhat.com/en/documentation/openshift_container_platform/4.18/html/cli_tools/openshift-cli-oc#about-switches-between-cli-profiles_managing-cli-profiles';
+
+export const getOadpLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/backup_and_restore/oadp-application-backup-and-restore`;
+
+export const getMetalLbLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/networking_operators/metallb-operator`;
+
+export const getClusterObservabilityLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/cluster_observability_operator/cluster-observability-operator-overview`;
+
+export const getNumaResourcesLink = (ocpVersion?: string) =>
+  `https://docs.redhat.com/en/documentation/openshift_container_platform/${getDocsOpenshiftVersion(
+    ocpVersion,
+  )}/html/scalability_and_performance/cnf-numa-aware-scheduling`;

package/lib/common/selectors/clusterSelectors.ts

@@ -56,8 +56,7 @@ export const isCompact = (cluster: Pick<Cluster, 'hosts'>) => {
   return !cluster.hosts || cluster.hosts.length <= 3;
 };
 
-export const isSNO = ({ highAvailabilityMode }: Partial<Cluster>) =>
-  highAvailabilityMode === 'None';
+export const isSNO = ({ controlPlaneCount }: Partial<Cluster>) => controlPlaneCount === 1;
 
 export const selectClusterValidationsInfo = ({
   validationsInfo,

package/lib/common/types/cpuArchitecture.ts

@@ -76,18 +76,12 @@ export const getSupportedCpuArchitectures = (
   day1CpuArchitecture?: SupportedCpuArchitecture,
 ): SupportedCpuArchitecture[] => {
   const newSupportedCpuArchs: SupportedCpuArchitecture[] = [];
-  //Power/Z clusters can be only homogeneous clusters
-  if (
-    day1CpuArchitecture === CpuArchitecture.ppc64le ||
-    day1CpuArchitecture === CpuArchitecture.s390x
-  ) {
+  //Power clusters can be only homogeneous clusters
+  if (day1CpuArchitecture === CpuArchitecture.ppc64le) {
     newSupportedCpuArchs.push(day1CpuArchitecture);
   } else {
     cpuArchitectures.forEach((cpuArch) => {
-      if (
-        day1CpuArchitecture === undefined &&
-        (cpuArch === CpuArchitecture.ppc64le || cpuArch === CpuArchitecture.s390x)
-      ) {
+      if (day1CpuArchitecture === undefined && cpuArch === CpuArchitecture.ppc64le) {
         newSupportedCpuArchs.push(cpuArch);
       } else if (
         cpuArch !== CpuArchitecture.MULTI &&

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

@@ -3,4 +3,5 @@ export type UISettingsValues = {
   customManifestsAdded?: boolean;
   customManifestsUpdated?: boolean;
   bundlesSelected?: string[];
+  isAssistedMigration?: boolean;
 };

package/lib/common/utils.ts

@@ -111,3 +111,33 @@ export const getMajorMinorVersion = (version = '') => {
   const match = /[0-9].[0-9][0-9]?/g.exec(version);
   return match?.[0] || '';
 };
+
+// Converts an Openshift version to a comparable integer
+export const getComparableVersionInt = (version: string): number => {
+  const majorMinorParts = version.split('.').slice(0, 2).map(Number);
+  if (majorMinorParts.length < 2 || majorMinorParts.some(isNaN)) {
+    // If the version doesn't have the required format, returning 0 makes it be considered
+    // older than any other version
+    return 0;
+  }
+
+  const major = majorMinorParts[0];
+  const minor = majorMinorParts[1];
+
+  // Assumes minor versions will not go past 999
+  return major * 1000 + minor;
+};
+
+/**
+ * Handles version comparison for major and minor parts only.
+ *
+ * @param checkVersion the version we want to know about
+ * @param toVersion the version we want to test against
+ * @returns true if "checkVersion" is equal or greater than "toVersion" (major and minor only)
+ */
+export const isMajorMinorVersionEqualOrGreater = (checkVersion = '', toVersion: string) => {
+  const checkVersionNum = getComparableVersionInt(checkVersion);
+  const toVersionNum = getComparableVersionInt(toVersion);
+
+  return checkVersionNum >= toVersionNum;
+};