@openshift-assisted/ui-lib 2.55.0 → 2.56.0

package/build/cjs/ocm/store/slices/clusters/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./selectors"), exports);
+tslib_1.__exportStar(require("./slice"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/store/slices/clusters/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/clusters/index.tsx"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,kDAAwB"}

package/build/cjs/ocm/store/slices/current-cluster/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./selectors"), exports);
+tslib_1.__exportStar(require("./slice"), exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/ocm/store/slices/current-cluster/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../lib/ocm/store/slices/current-cluster/index.tsx"],"names":[],"mappings":";;;AAAA,sDAA4B;AAC5B,kDAAwB"}

package/lib/cim/components/Agent/AgentTable.tsx

@@ -1,10 +1,5 @@
 import * as React from 'react';
-import { AgentClusterInstallK8sResource, AgentK8sResource } from '../../types';
-import { AgentTableActions } from '../ClusterDeployment/types';
-import DefaultEmptyState from '../../../common/components/ui/uiState/EmptyState';
 import { ConnectedIcon } from '@patternfly/react-icons/dist/js/icons/connected-icon';
-import { useAgentsTable } from './tableUtils';
-import { infraEnvColumn, agentStatusColumn } from './tableColumns';
 import {
   cpuArchitectureColumn,
   cpuCoresColumn,
@@ -12,18 +7,24 @@ import {
   hostnameColumn,
   memoryColumn,
   roleColumn,
+  DefaultExpandComponent,
+  HostsTable,
+  usePagination,
+  useTranslation,
+  EmptyState,
 } from '../../../common';
-import HostsTable, { DefaultExpandComponent } from '../../../common/components/hosts/HostsTable';
-import { usePagination } from '../../../common/components/hosts/usePagination';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
+import { AgentClusterInstallK8sResource, AgentK8sResource } from '../../types';
+import { AgentTableActions } from '../ClusterDeployment/types';
 import { agentStatus } from '../helpers/agentStatus';
+import { useAgentsTable } from './tableUtils';
+import { infraEnvColumn, agentStatusColumn } from './tableColumns';
 
 export const getAgentId = (agent: AgentK8sResource) => agent.metadata?.uid as string;
 
 export const AgentTableEmptyState = () => {
   const { t } = useTranslation();
   return (
-    <DefaultEmptyState
+    <EmptyState
       icon={ConnectedIcon}
       title={t('ai:Waiting for hosts...')}
       content={t('ai:Hosts may take a few minutes to appear here after booting.')}

package/lib/cim/components/Agent/AgentsSelectionTable.tsx

@@ -1,26 +1,30 @@
 import React from 'react';
 import { useField } from 'formik';
-import HostsTable, { DefaultExpandComponent } from '../../../common/components/hosts/HostsTable';
-import { cpuCoresColumn, disksColumn, memoryColumn, roleColumn } from '../../../common';
-import { agentHostnameColumn, infraEnvColumn, agentStatusColumn } from './tableColumns';
+import { Host } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  DefaultExpandComponent,
+  HostsTable,
+  cpuCoresColumn,
+  disksColumn,
+  memoryColumn,
+  roleColumn,
+  EmptyState,
+  usePagination,
+  useFormikHelpers,
+  useTranslation,
+  HostDetail,
+  ExpandComponentProps,
+  HostsTableDetailContextProvider,
+  useHostsTableDetailContext,
+} from '../../../common';
 import { AgentK8sResource } from '../../types/k8s/agent';
 import {
   ClusterDeploymentHostsSelectionValues,
   AgentTableActions,
 } from '../ClusterDeployment/types';
-import { useAgentsTable } from './tableUtils';
-import DefaultEmptyState from '../../../common/components/ui/uiState/EmptyState';
-import { usePagination } from '../../../common/components/hosts/usePagination';
-import { useFormikHelpers } from '../../../common/hooks/useFormikHelpers';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
-import { HostDetail } from '../../../common/components/hosts/HostRowDetail';
-import { ExpandComponentProps } from '../../../common/components/hosts/AITable';
-import { Host } from '@openshift-assisted/types/assisted-installer-service';
-import {
-  HostsTableDetailContextProvider,
-  useHostsTableDetailContext,
-} from '../../../common/components/hosts/HostsTableDetailContext';
 import { agentStatus } from '../helpers/agentStatus';
+import { agentHostnameColumn, infraEnvColumn, agentStatusColumn } from './tableColumns';
+import { useAgentsTable } from './tableUtils';
 
 export function ExpandComponent({ obj: host }: ExpandComponentProps<Host>) {
   const { onDiskRole, canEditDisks } = useHostsTableDetailContext();
@@ -105,7 +109,7 @@ const AgentsSelectionTable: React.FC<AgentsSelectionTableProps> = ({
       agentStatusColumn({
         agents: matchingAgents,
         agentStatuses,
-        wizardStepId: 'hosts-selection',
+        wizardStepId: 'host-selection',
         t,
       }),
       roleColumn(t, actions.canEditRole, actions.onEditRole, undefined, undefined),
@@ -138,7 +142,7 @@ const AgentsSelectionTable: React.FC<AgentsSelectionTableProps> = ({
         {...actions}
         {...paginationProps}
       >
-        <DefaultEmptyState
+        <EmptyState
           title={t('ai:No hosts found')}
           content={t('ai:No host matches provided labels/locations')}
         />

package/lib/cim/components/ClusterDeployment/ClusterDeploymentDetailsTable.tsx

@@ -1,26 +1,27 @@
 import * as React from 'react';
-import { AgentClusterInstallK8sResource, AgentK8sResource } from '../../types';
-import DefaultEmptyState from '../../../common/components/ui/uiState/EmptyState';
 import { ConnectedIcon } from '@patternfly/react-icons/dist/js/icons/connected-icon';
-import { useAgentsTable, infraEnvColumn, agentStatusColumn } from '../Agent';
 import {
   cpuCoresColumn,
   disksColumn,
   hostnameColumn,
   memoryColumn,
   roleColumn,
+  DefaultExpandComponent,
+  HostsTable,
+  usePagination,
+  useTranslation,
+  EmptyState,
 } from '../../../common';
-import HostsTable, { DefaultExpandComponent } from '../../../common/components/hosts/HostsTable';
-import { usePagination } from '../../../common/components/hosts/usePagination';
-import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { agentStatus } from '../helpers/agentStatus';
+import { AgentClusterInstallK8sResource, AgentK8sResource } from '../../types';
+import { useAgentsTable, infraEnvColumn, agentStatusColumn } from '../Agent';
 
 export const getAgentId = (agent: AgentK8sResource) => agent.metadata?.uid as string;
 
 export const AgentTableEmptyState = () => {
   const { t } = useTranslation();
   return (
-    <DefaultEmptyState
+    <EmptyState
       icon={ConnectedIcon}
       title={t('ai:Waiting for hosts...')}
       content={t('ai:Hosts may take a few minutes to appear here after booting.')}

package/lib/cim/components/ClusterDeployment/ClusterDeploymentProgress.tsx

@@ -1,12 +1,12 @@
 import React from 'react';
-import ClusterProgress from '../../../common/components/clusterDetail/ClusterProgress';
-import ClusterProgressItems from '../../../common/components/clusterDetail/ClusterProgressItems';
-import { AgentK8sResource } from '../../types/k8s/agent';
-import { AgentClusterInstallK8sResource } from '../../types/k8s/agent-cluster-install';
-import { ClusterDeploymentK8sResource } from '../../types/k8s/cluster-deployment';
-import { EventListFetchProps } from '../../../common';
-import { getAICluster } from '../helpers/toAssisted';
 import { Stack, StackItem } from '@patternfly/react-core';
+import { ClusterProgress, EventListFetchProps, ClusterProgressItems } from '../../../common';
+import {
+  AgentK8sResource,
+  AgentClusterInstallK8sResource,
+  ClusterDeploymentK8sResource,
+} from '../../types';
+import { getAICluster } from '../helpers/toAssisted';
 
 type ClusterDeploymentProgressProps = {
   clusterDeployment: ClusterDeploymentK8sResource;

package/lib/cim/components/ClusterDeployment/ClusterDeploymentWizard.tsx

@@ -3,7 +3,6 @@ import { useTranslation } from '../../../common/hooks/use-translation-wrapper';
 import { Grid, GridItem, Wizard, WizardStep } from '@patternfly/react-core';
 import { AlertsContextProvider, ErrorState, LoadingState } from '../../../common';
 import { ClusterDeploymentWizardProps } from './types';
-import { ACMFeatureSupportLevelProvider } from '../featureSupportLevels';
 import { YamlPreview, useYamlPreview } from '../YamlPreview';
 import { wizardStepNames } from './constants';
 import { ClusterDeploymentWizardContextProvider } from './ClusterDeploymentWizardContext';
@@ -72,110 +71,103 @@ export const ClusterDeploymentWizard = ({
     <Grid style={{ height: '100%' }}>
       <GridItem span={isPreviewOpen ? 7 : 12}>
         <AlertsContextProvider>
-          <ACMFeatureSupportLevelProvider clusterImages={clusterImages} isEditClusterFlow={true}>
-            <ClusterDeploymentWizardContextProvider agentClusterInstall={agentClusterInstall}>
-              <Wizard
-                isVisitRequired
-                startIndex={startIndex}
-                className={className}
-                onClose={onClose}
-              >
-                <WizardStep
-                  name={stepNames['installation-type']}
-                  id={'installation-type'}
-                  isDisabled
-                />
-
-                <WizardStep name={stepNames['cluster-details']} id={'cluster-details'}>
-                  <ClusterDeploymentDetailsStep
-                    clusterImages={clusterImages}
-                    usedClusterNames={usedClusterNames}
-                    clusterDeployment={clusterDeployment}
-                    agentClusterInstall={agentClusterInstall}
-                    agents={agents}
-                    onSaveDetails={onSaveDetails}
-                    isPreviewOpen={isPreviewOpen}
-                    infraEnv={infraEnv}
-                    isNutanix={isNutanix}
-                  />
-                </WizardStep>
+          <ClusterDeploymentWizardContextProvider agentClusterInstall={agentClusterInstall}>
+            <Wizard isVisitRequired startIndex={startIndex} className={className} onClose={onClose}>
+              <WizardStep
+                name={stepNames['installation-type']}
+                id={'installation-type'}
+                isDisabled
+              />
 
-                <WizardStep name={stepNames['automation']} id={'automation'} isDisabled />
+              <WizardStep name={stepNames['cluster-details']} id={'cluster-details'}>
+                <ClusterDeploymentDetailsStep
+                  clusterImages={clusterImages}
+                  usedClusterNames={usedClusterNames}
+                  clusterDeployment={clusterDeployment}
+                  agentClusterInstall={agentClusterInstall}
+                  agents={agents}
+                  onSaveDetails={onSaveDetails}
+                  isPreviewOpen={isPreviewOpen}
+                  infraEnv={infraEnv}
+                  isNutanix={isNutanix}
+                />
+              </WizardStep>
 
-                {isCIMFlow(clusterDeployment) ? (
-                  <WizardStep name={stepNames['hosts-selection']} id={'host-selection'}>
-                    {agentClusterInstall?.metadata?.name ? (
-                      <ClusterDeploymentHostSelectionStep
-                        clusterDeployment={clusterDeployment}
-                        agentClusterInstall={agentClusterInstall}
-                        onSaveHostsSelection={onSaveHostsSelection}
-                        agents={agents}
-                        aiConfigMap={aiConfigMap}
-                        onEditRole={hostActions.onEditRole}
-                        onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
-                        isNutanix={isNutanix}
-                      />
-                    ) : (
-                      <LoadingState />
-                    )}
-                  </WizardStep>
-                ) : (
-                  <WizardStep name={stepNames['hosts-discovery']} id={'host-discovery'}>
-                    {isAIFlow && onSaveISOParams && onCreateBMH ? (
-                      <ClusterDeploymentHostsDiscoveryStep
-                        clusterDeployment={clusterDeployment}
-                        agentClusterInstall={agentClusterInstall}
-                        agents={agents}
-                        bareMetalHosts={bareMetalHosts}
-                        aiConfigMap={aiConfigMap}
-                        infraEnv={infraEnv}
-                        fetchSecret={fetchSecret}
-                        onChangeBMHHostname={onChangeBMHHostname}
-                        onEditRole={hostActions.onEditRole}
-                        onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
-                        onDeleteHost={hostActions.onDeleteHost}
-                        onSaveISOParams={onSaveISOParams}
-                        onCreateBMH={onCreateBMH}
-                        {...rest}
-                      />
-                    ) : (
-                      <LoadingState />
-                    )}
-                  </WizardStep>
-                )}
+              <WizardStep name={stepNames['automation']} id={'automation'} isDisabled />
 
-                <WizardStep name={stepNames['networking']} id={'networking'}>
-                  <ClusterDeploymentNetworkingStep
-                    clusterDeployment={clusterDeployment}
-                    agentClusterInstall={agentClusterInstall}
-                    agents={agents}
-                    onSaveNetworking={onSaveNetworking}
-                    onEditHost={hostActions.onEditHost}
-                    onEditRole={hostActions.onEditRole}
-                    fetchInfraEnv={fetchInfraEnv}
-                    isPreviewOpen={isPreviewOpen}
-                    onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
-                    isNutanix={isNutanix}
-                  />
+              {isCIMFlow(clusterDeployment) ? (
+                <WizardStep name={stepNames['host-selection']} id={'host-selection'}>
+                  {agentClusterInstall?.metadata?.name ? (
+                    <ClusterDeploymentHostSelectionStep
+                      clusterDeployment={clusterDeployment}
+                      agentClusterInstall={agentClusterInstall}
+                      onSaveHostsSelection={onSaveHostsSelection}
+                      agents={agents}
+                      aiConfigMap={aiConfigMap}
+                      onEditRole={hostActions.onEditRole}
+                      onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
+                      isNutanix={isNutanix}
+                    />
+                  ) : (
+                    <LoadingState />
+                  )}
                 </WizardStep>
-
-                <WizardStep name={stepNames['custom-manifests']} id={'custom-manifests'}>
-                  <ClusterDeploymentCustomManifestsStep agentClusterInstall={agentClusterInstall} />
+              ) : (
+                <WizardStep name={stepNames['host-discovery']} id={'host-discovery'}>
+                  {isAIFlow && onSaveISOParams && onCreateBMH ? (
+                    <ClusterDeploymentHostsDiscoveryStep
+                      clusterDeployment={clusterDeployment}
+                      agentClusterInstall={agentClusterInstall}
+                      agents={agents}
+                      bareMetalHosts={bareMetalHosts}
+                      aiConfigMap={aiConfigMap}
+                      infraEnv={infraEnv}
+                      fetchSecret={fetchSecret}
+                      onChangeBMHHostname={onChangeBMHHostname}
+                      onEditRole={hostActions.onEditRole}
+                      onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
+                      onDeleteHost={hostActions.onDeleteHost}
+                      onSaveISOParams={onSaveISOParams}
+                      onCreateBMH={onCreateBMH}
+                      {...rest}
+                    />
+                  ) : (
+                    <LoadingState />
+                  )}
                 </WizardStep>
+              )}
 
-                <WizardStep name={stepNames['review']} id={'review'}>
-                  <ClusterDeploymentReviewStep
-                    onFinish={onFinish}
-                    clusterDeployment={clusterDeployment}
-                    agentClusterInstall={agentClusterInstall}
-                    agents={agents}
-                    clusterImages={clusterImages}
-                    infraEnv={infraEnv}
-                  />
-                </WizardStep>
-              </Wizard>
-            </ClusterDeploymentWizardContextProvider>
-          </ACMFeatureSupportLevelProvider>
+              <WizardStep name={stepNames['networking']} id={'networking'}>
+                <ClusterDeploymentNetworkingStep
+                  clusterDeployment={clusterDeployment}
+                  agentClusterInstall={agentClusterInstall}
+                  agents={agents}
+                  onSaveNetworking={onSaveNetworking}
+                  onEditHost={hostActions.onEditHost}
+                  onEditRole={hostActions.onEditRole}
+                  fetchInfraEnv={fetchInfraEnv}
+                  isPreviewOpen={isPreviewOpen}
+                  onSetInstallationDiskId={hostActions.onSetInstallationDiskId}
+                  isNutanix={isNutanix}
+                />
+              </WizardStep>
+
+              <WizardStep name={stepNames['custom-manifests']} id={'custom-manifests'}>
+                <ClusterDeploymentCustomManifestsStep agentClusterInstall={agentClusterInstall} />
+              </WizardStep>
+
+              <WizardStep name={stepNames['review']} id={'review'}>
+                <ClusterDeploymentReviewStep
+                  onFinish={onFinish}
+                  clusterDeployment={clusterDeployment}
+                  agentClusterInstall={agentClusterInstall}
+                  agents={agents}
+                  clusterImages={clusterImages}
+                  infraEnv={infraEnv}
+                />
+              </WizardStep>
+            </Wizard>
+          </ClusterDeploymentWizardContextProvider>
         </AlertsContextProvider>
       </GridItem>
       {isPreviewOpen && (

package/lib/cim/components/ClusterDeployment/clusterDetails/ACMClusterDeploymentDetailsStep.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import { Formik, FormikProps, useFormikContext } from 'formik';
 import { Stack } from '@patternfly/react-core';
 import noop from 'lodash-es/noop.js';
-import { ClusterDetailsValues, getRichTextValidation } from '../../../../common';
+import { ClusterDetailsValues, getRichTextValidation, useTranslation } from '../../../../common';
 import { ClusterImageSetK8sResource } from '../../../types/k8s/cluster-image-set';
 import { useDetailsFormik } from './useDetailsFormik';
 import { ClusterDetailsFormFieldsProps } from './ClusterDetailsFormFields';
@@ -57,8 +57,9 @@ export const ACMClusterDeploymentDetailsStep: React.FC<ACMClusterDeploymentDetai
   isNutanix,
   ...rest
 }) => {
-  const ocpVersions = getOCPVersions(clusterImages, !!isNutanix, osImages);
-  const allOcpVersions = getOCPVersions(clusterImages, !!isNutanix, osImages, true);
+  const { t } = useTranslation();
+  const ocpVersions = getOCPVersions(clusterImages, t, !!isNutanix, osImages);
+  const allOcpVersions = getOCPVersions(clusterImages, t, !!isNutanix, osImages, true);
 
   const [initialValues, validationSchema] = useDetailsFormik({
     ocpVersions,

package/lib/cim/components/ClusterDeployment/clusterDetails/ClusterDeploymentDetailsForm.tsx

@@ -24,11 +24,11 @@ import { useFormikContext } from 'formik';
 import {
   ClusterDetailsValues,
   CpuArchitecture,
+  isMajorMinorVersionEqualOrGreater,
   SupportedCpuArchitecture,
 } from '../../../../common';
 import { ClusterDeploymentWizardContext } from '../ClusterDeploymentWizardContext';
 import { ValidationSection } from '../components/ValidationSection';
-import { toNumber } from 'lodash-es';
 
 type ClusterDeploymentDetailsFormProps = {
   clusterImages: ClusterImageSetK8sResource[];
@@ -98,13 +98,13 @@ export const ClusterDeploymentDetailsForm: React.FC<ClusterDeploymentDetailsForm
 }) => {
   const { t } = useTranslation();
   const versions = React.useMemo(
-    () => getOCPVersions(clusterImages, isNutanix, osImages),
-    [clusterImages, isNutanix, osImages],
+    () => getOCPVersions(clusterImages, t, isNutanix, osImages),
+    [clusterImages, isNutanix, osImages, t],
   );
 
   const allVersions = React.useMemo(
-    () => getOCPVersions(clusterImages, isNutanix, osImages, true),
-    [clusterImages, isNutanix, osImages],
+    () => getOCPVersions(clusterImages, t, isNutanix, osImages, true),
+    [clusterImages, isNutanix, osImages, t],
   );
 
   const isEditFlow = !!clusterDeployment;
@@ -116,7 +116,7 @@ export const ClusterDeploymentDetailsForm: React.FC<ClusterDeploymentDetailsForm
     const version = allVersions.find((ver) => ver.value === values.openshiftVersion);
     const isMulti = version?.cpuArchitectures?.[0] === CpuArchitecture.MULTI;
 
-    const highlyAvailableSupported = toNumber(version?.version?.split('.')?.[1]) >= 18;
+    const highlyAvailableSupported = isMajorMinorVersionEqualOrGreater(version?.version, '4.18');
     return [
       (isMulti ? cpuArchitectures : version?.cpuArchitectures) as SupportedCpuArchitecture[],
       highlyAvailableSupported && !isMulti,

package/lib/cim/components/ClusterDeployment/clusterDetails/ClusterDeploymentDetailsStep.tsx

@@ -29,8 +29,8 @@ export const ClusterDeploymentDetailsStep: React.FC<ClusterDeploymentDetailsStep
   const { addAlert } = useAlerts();
   const { goToNextStep } = useWizardContext();
 
-  const ocpVersions = getOCPVersions(clusterImages, isNutanix);
-  const allOcpVersions = getOCPVersions(clusterImages, isNutanix, undefined, true);
+  const ocpVersions = getOCPVersions(clusterImages, t, isNutanix);
+  const allOcpVersions = getOCPVersions(clusterImages, t, isNutanix, undefined, true);
   const gridSpans = getGridSpans(isPreviewOpen);
 
   const [initialValues, validationSchema] = useDetailsFormik({

package/lib/cim/components/ClusterDeployment/clusterDetails/ClusterDetailsFormFields.tsx

@@ -120,9 +120,8 @@ export const ClusterDetailsFormFields: React.FC<ClusterDetailsFormFieldsProps> =
       )}
       {isEditFlow ? (
         <StaticTextField name="openshiftVersion" label="OpenShift version" isRequired>
-          {t('ai:OpenShift')}{' '}
-          {allVersions.find((v) => v.value === values.openshiftVersion)?.version ||
-            values.openshiftVersion}
+          {allVersions.find((v) => v.value === values.openshiftVersion)?.label ||
+            `${t('ai:OpenShift')} ${values.openshiftVersion}`}
         </StaticTextField>
       ) : (
         <>

package/lib/cim/components/ClusterDeployment/components/AdditionalNTPSourcesDialogToggle.tsx

@@ -1,7 +1,6 @@
 import React from 'react';
 import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
 
-// TODO we should use hostValidationFailureHints instead of passing this 'action' which is actually a hint
 export const AdditionalNTPSourcesDialogToggle: React.FC = () => {
   const { t } = useTranslation();
   return (

package/lib/cim/components/ClusterDeployment/components/ValidationSection.tsx

@@ -4,11 +4,12 @@ import { Cluster } from '@openshift-assisted/types/./assisted-installer-service'
 import { ValidationsInfo, ClusterWizardStepValidationsAlert } from '../../../../common';
 import { ClusterWizardStepHostStatusDeterminationObject } from '../../../../common/types/hosts';
 import ValidationsRunningAlert from '../../common/ValidationsRunningAlert';
-import { ClusterWizardStepsType, wizardStepsValidationsMap } from '../wizardTransition';
+import { wizardStepsValidationsMap } from '../wizardTransition';
+import { ClusterDeploymentWizardStepsType } from '../types';
 
 type ValidationSectionProps = {
   requireProxy?: boolean;
-  currentStepId: ClusterWizardStepsType;
+  currentStepId: ClusterDeploymentWizardStepsType;
   validationsInfo?: ValidationsInfo;
   clusterStatus?: Cluster['status'];
   hosts: ClusterWizardStepHostStatusDeterminationObject[];

package/lib/cim/components/ClusterDeployment/constants.ts

@@ -15,8 +15,8 @@ export const wizardStepNames = (
   'installation-type': t('ai:Installation type'),
   automation: t('ai:Automation'),
   'cluster-details': t('ai:Cluster details'),
-  'hosts-selection': t('ai:Cluster hosts'),
-  'hosts-discovery': t('ai:Cluster hosts'),
+  'host-selection': t('ai:Cluster hosts'),
+  'host-discovery': t('ai:Cluster hosts'),
   networking: t('ai:Networking'),
   'custom-manifests': t('ai:Custom manifests'),
   review: t('ai:Review and create'),

package/lib/cim/components/ClusterDeployment/hostDiscovery/ClusterDeploymentHostDiscoveryTable.tsx

@@ -7,11 +7,10 @@ import {
   discoveryTypeColumn,
   agentStatusColumn,
 } from '../../Agent';
-import HostsTable, {
+import {
+  HostsTable,
   DefaultExpandComponent,
   HostsTableEmptyState,
-} from '../../../../common/components/hosts/HostsTable';
-import {
   cpuCoresColumn,
   discoveredAtColumn,
   disksColumn,
@@ -24,16 +23,17 @@ import {
   ChangeHostnameAction,
   MassChangeHostnameModal,
   TableToolbar,
+  usePagination,
+  useTranslation,
+  HostsTableDetailContextProvider,
+  HostsNotShowingLink,
 } from '../../../../common';
-import { ClusterDeploymentHostDiscoveryTableProps } from '../types';
 import MassApproveAgentModal from '../../modals/MassApproveAgentModal';
 import MassApproveAction from '../../modals/MassApproveAction';
-import { usePagination } from '../../../../common/components/hosts/usePagination';
-import { useTranslation } from '../../../../common/hooks/use-translation-wrapper';
 import { ExpandComponent } from '../../Agent/AgentsSelectionTable';
-import { HostsTableDetailContextProvider } from '../../../../common/components/hosts/HostsTableDetailContext';
 import { agentStatus, bmhStatus } from '../../helpers/agentStatus';
 import { onAgentChangeHostname } from '../../helpers';
+import { ClusterDeploymentHostDiscoveryTableProps } from '../types';
 
 const ClusterDeploymentHostDiscoveryTable: React.FC<ClusterDeploymentHostDiscoveryTableProps> = ({
   agents,
@@ -88,7 +88,7 @@ const ClusterDeploymentHostDiscoveryTable: React.FC<ClusterDeploymentHostDiscove
         bmhStatuses,
         onEditHostname: onEditHost,
         onApprove,
-        wizardStepId: 'hosts-discovery',
+        wizardStepId: 'host-discovery',
         t,
       }),
       roleColumn(t, hostActions.canEditRole, hostActions.onEditRole),
@@ -162,7 +162,16 @@ const ClusterDeploymentHostDiscoveryTable: React.FC<ClusterDeploymentHostDiscove
               ExpandComponent={hostActions.onDiskRole ? ExpandComponent : DefaultExpandComponent}
               {...paginationProps}
             >
-              <HostsTableEmptyState setDiscoveryHintModalOpen={setDiscoveryHintModalOpen} />
+              <HostsTableEmptyState
+                secondaryActions={
+                  setDiscoveryHintModalOpen && [
+                    <HostsNotShowingLink
+                      key="hosts-not-showing"
+                      setDiscoveryHintModalOpen={setDiscoveryHintModalOpen}
+                    />,
+                  ]
+                }
+              />
             </HostsTable>
           </HostsTableDetailContextProvider>
         </StackItem>

package/lib/cim/components/ClusterDeployment/hostDiscovery/ClusterDeploymentHostsDiscoveryStep.tsx

@@ -61,7 +61,7 @@ export const ClusterDeploymentHostsDiscoveryStep = ({
     errors.push(t('ai:Hostnames must be unique.'));
   }
   const agentsNotHealthy = infraEnvAgents
-    .map((agent) => getWizardStepAgentStatus(agent, 'hosts-discovery', t).status.key)
+    .map((agent) => getWizardStepAgentStatus(agent, 'host-discovery', t).status.key)
     .some((status) =>
       ['disconnected', 'disabled', 'error', 'insufficient', 'cancelled'].includes(status),
     );
@@ -173,7 +173,7 @@ export const ClusterDeploymentHostsDiscoveryStep = ({
 
       {!!syncError && (
         <GridItem>
-          <ValidationSection currentStepId={'hosts-selection'} hosts={[]}>
+          <ValidationSection currentStepId={'host-selection'} hosts={[]}>
             <Alert variant={AlertVariant.danger} title={t('ai:An error occurred')} isInline>
               {syncError}
             </Alert>

package/lib/cim/components/ClusterDeployment/hostSelection/ClusterDeploymentHostSelectionStep.tsx

@@ -216,7 +216,7 @@ const HostSelectionForm: React.FC<HostSelectionFormProps> = ({
   React.useEffect(() => {
     if (nextRequested && !isSubmitting) {
       const agentStatuses = selectedAgents.map(
-        (agent) => getWizardStepAgentStatus(agent, 'hosts-selection', t).status.key,
+        (agent) => getWizardStepAgentStatus(agent, 'host-selection', t).status.key,
       );
       if (
         agentStatuses.some((status) =>
@@ -227,7 +227,7 @@ const HostSelectionForm: React.FC<HostSelectionFormProps> = ({
       } else if (
         !!selectedAgents.length &&
         selectedAgents.every(
-          (agent) => getWizardStepAgentStatus(agent, 'hosts-selection', t).status.key === 'known',
+          (agent) => getWizardStepAgentStatus(agent, 'host-selection', t).status.key === 'known',
         )
       ) {
         setShowClusterErrors(true);