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

package/lib/cim/components/Hypershift/modals/AddNodePoolModal.tsx

@@ -41,7 +41,7 @@ const AddNodePoolModal = ({
   const handleSubmit = async (values: NodePoolFormValues) => {
     setError(undefined);
     const nodePool: NodePoolK8sResource = {
-      apiVersion: 'hypershift.openshift.io/v1alpha1',
+      apiVersion: 'hypershift.openshift.io/v1beta1',
       kind: 'NodePool',
       metadata: {
         name: values.nodePoolName,

package/lib/cim/components/Hypershift/modals/ManageHostsModal.tsx

@@ -66,7 +66,7 @@ const getPatches = (values: NodePoolFormValues, nodePool: NodePoolK8sResource) =
       );
     }
   } else {
-    if (!!nodePool.spec.replicas) {
+    if (nodePool.spec.replicas !== undefined) {
       patches.push({
         op: 'replace',
         value: values.count,
@@ -127,7 +127,7 @@ const ManageHostsModal = ({
           agentLabels: labelsToFormikValue(
             nodePool.spec.platform?.agent?.agentLabelSelector?.matchLabels || {},
           ),
-          count: nodePool.spec.replicas || 1,
+          count: nodePool.spec.replicas || 0,
           useAutoscaling: !!nodePool.spec.autoScaling,
           autoscaling: {
             minReplicas: nodePool.spec.autoScaling?.min || 1,

package/lib/cim/components/helpers/toAssisted.ts

@@ -1,6 +1,11 @@
 import cloneDeep from 'lodash-es/cloneDeep.js';
 import { AgentK8sResource } from '../../types/k8s/agent';
-import { Cluster, Host, Inventory } from '@openshift-assisted/types/assisted-installer-service';
+import {
+  Cluster,
+  Host,
+  Inventory,
+  PlatformType,
+} from '@openshift-assisted/types/assisted-installer-service';
 import { ClusterDeploymentK8sResource } from '../../types/k8s/cluster-deployment';
 import { AgentClusterInstallK8sResource } from '../../types/k8s/agent-cluster-install';
 import { getAgentStatusKey, getClusterStatus } from './status';
@@ -174,6 +179,9 @@ export const getAICluster = ({
     cpuArchitecture: getClusterDeploymentCpuArchitecture(clusterDeployment, infraEnv),
     networkType: agentClusterInstall?.spec?.networking.networkType,
     controlPlaneCount: agentClusterInstall?.spec?.provisionRequirements.controlPlaneAgents || 3,
+    platform: {
+      type: (agentClusterInstall?.spec?.platformType?.toLowerCase() || 'baremetal') as PlatformType,
+    },
   };
   /*
   aiCluster.agentSelectorMasterLabels =

package/lib/cim/components/helpers/versions.ts

@@ -8,7 +8,7 @@ import {
 } from '../../types';
 import { CpuArchitecture, OpenshiftVersionOptionType } from '../../../common';
 import { OpenshiftVersion } from '@openshift-assisted/types/assisted-installer-service';
-import { getMajorMinorVersion } from '../../../common/utils';
+import { getComparableVersionInt } from '../../../common/utils';
 
 export const getVersionFromReleaseImage = (releaseImage = '') => {
   const match = /.+:(\d+\.\d+(?:\.\d+)?(?:-\w+)?)/gm.exec(releaseImage);
@@ -123,5 +123,9 @@ export const getCurrentClusterVersion = (cv?: ClusterVersionK8sResource): string
 
 export const getNetworkType = (
   ocpVersion: OpenshiftVersionOptionType | undefined,
-): 'OVNKubernetes' | 'OpenShiftSDN' =>
-  parseFloat(getMajorMinorVersion(ocpVersion?.version)) >= 4.12 ? 'OVNKubernetes' : 'OpenShiftSDN';
+): 'OVNKubernetes' | 'OpenShiftSDN' => {
+  const checkVersionNum = getComparableVersionInt(ocpVersion?.version || '');
+  const toVersionNum = getComparableVersionInt('4.12');
+
+  return !checkVersionNum || checkVersionNum >= toVersionNum ? 'OVNKubernetes' : 'OpenShiftSDN';
+};

package/lib/cim/components/modals/EditProxyModal.tsx

@@ -111,7 +111,7 @@ const EditProxyModal: React.FC<EditProxyModalProps> = ({
                 <Form>
                   <ProxyInputFields />
                   {error && (
-                    <Alert variant="danger" title={t('ai:An error occured')} isInline>
+                    <Alert variant="danger" title={t('ai:An error occurred')} isInline>
                       {error}
                     </Alert>
                   )}

package/lib/cim/components/modals/EditSSHKeyModal.tsx

@@ -68,7 +68,7 @@ const EditSSHKeyModal: React.FC<EditSSHKeyModalProps> = ({
             onClose();
           } catch (err) {
             const error = err as Error;
-            setError(error?.message || t('ai:An error occured'));
+            setError(error?.message || t('ai:An error occurred'));
           }
         }}
         validateOnMount

package/lib/cim/components/modals/MassApproveAgentModal.tsx

@@ -121,7 +121,7 @@ const MassApproveAgentModal: React.FC<MassApproveAgentModalProps> = ({
       onClose();
     } catch (err) {
       setError({
-        title: t('ai:An error occured while approving agents'),
+        title: t('ai:An error occurred while approving agents'),
         message: getErrorMessage(err),
       });
       setProgress(null);

package/lib/cim/hooks/index.tsx

@@ -0,0 +1 @@
+export * from './useConfigMaps';

package/lib/cim/hooks/types.tsx

@@ -0,0 +1,8 @@
+import { WatchK8sResource } from '@openshift-console/dynamic-plugin-sdk';
+
+export type K8sWatchHookListProps = Omit<
+  WatchK8sResource,
+  'groupVersionKind' | 'name' | 'isList'
+> | null;
+
+export type K8sWatchHookProps = Pick<WatchK8sResource, 'name' | 'namespace' | 'isList'> | null;

package/lib/cim/hooks/useConfigMaps.tsx

@@ -0,0 +1,14 @@
+import { useK8sWatchResource } from './useK8sWatchResource';
+import { ConfigMapK8sResource } from '../types';
+import { K8sWatchHookProps } from './types';
+
+export const useConfigMaps = (props: K8sWatchHookProps) =>
+  useK8sWatchResource<ConfigMapK8sResource[]>(
+    {
+      groupVersionKind: {
+        kind: 'ConfigMap',
+        version: 'v1',
+      },
+    },
+    props,
+  );

package/lib/cim/hooks/useK8sWatchResource.tsx

@@ -0,0 +1,27 @@
+import {
+  useK8sWatchResource as consoleWatch,
+  K8sResourceCommon,
+  WatchK8sResource,
+} from '@openshift-console/dynamic-plugin-sdk';
+
+export type WatchK8sResult<R extends K8sResourceCommon | K8sResourceCommon[]> = [
+  R,
+  boolean,
+  unknown,
+];
+
+export const useK8sWatchResource = <R extends K8sResourceCommon | K8sResourceCommon[]>(
+  resource: Pick<WatchK8sResource, 'groupVersionKind'>,
+  props?: Omit<WatchK8sResource, 'groupVersionKind'> | null,
+): WatchK8sResult<R> => {
+  // eslint-disable-next-line
+  const [data, loaded, error] = consoleWatch<R>(
+    props !== null
+      ? {
+          ...resource,
+          ...(props || {}),
+        }
+      : null,
+  );
+  return [data, error ? true : loaded, error as unknown];
+};

package/lib/cim/types/index.ts

@@ -2,3 +2,4 @@ export * from './fromOCP';
 export * from './k8s';
 export * from './metal3';
 export * from './resources';
+export * from './models';

package/lib/cim/types/k8s/agent-cluster-install.ts

@@ -57,6 +57,7 @@ export type AgentClusterInstallK8sResource = K8sResourceCommon & {
     };
     holdInstallation?: boolean;
     platformType: string;
+    manifestsConfigMapRefs?: { name: string }[];
   };
   status?: {
     apiVIP?: string;

package/lib/cim/types/models.tsx

@@ -0,0 +1,12 @@
+import { K8sModel } from '@openshift-console/dynamic-plugin-sdk/lib/api/common-types';
+
+export const AgentClusterInstallModel: K8sModel = {
+  label: 'AgentClusterInstall',
+  apiVersion: 'v1beta1',
+  plural: 'agentclusterinstalls',
+  abbr: 'ACI',
+  namespaced: true,
+  kind: 'AgentClusterInstall',
+  labelPlural: 'AgentClusterInstalls',
+  apiGroup: 'extensions.hive.openshift.io',
+};

package/lib/cim/utils.ts

@@ -1,3 +1,5 @@
+import { Patch } from '@openshift-console/dynamic-plugin-sdk';
+import { isEqual } from 'lodash-es';
 import { StatusCondition } from './types';
 
 export function getConditionByType<ConditionType>(
@@ -6,3 +8,13 @@ export function getConditionByType<ConditionType>(
 ): StatusCondition<ConditionType> | undefined {
   return conditions.find((c) => c.type === type);
 }
+
+export const appendPatch = <V>(patches: Patch[], path: string, newVal?: V, existingVal?: V) => {
+  if (!isEqual(newVal, existingVal)) {
+    patches.push({
+      op: existingVal === undefined ? 'add' : 'replace',
+      path,
+      value: newVal,
+    });
+  }
+};

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionControlGroup.tsx

@@ -42,16 +42,20 @@ const DiskEncryptionControlGroup = ({
   const {
     enableDiskEncryptionOnMasters,
     enableDiskEncryptionOnWorkers,
+    enableDiskEncryptionOnArbiters,
     diskEncryptionMode,
     diskEncryptionTangServers,
   } = values;
   const fieldId = 'diskEncryption';
 
-  const hasEnabledDiskEncryption = enableDiskEncryptionOnMasters || enableDiskEncryptionOnWorkers;
+  const hasEnabledDiskEncryption =
+    enableDiskEncryptionOnMasters ||
+    enableDiskEncryptionOnWorkers ||
+    enableDiskEncryptionOnArbiters;
   const { setFieldValue, setFieldTouched } = useFormikContext<ClusterDetailsValues>();
 
   React.useEffect(() => {
-    if (!enableDiskEncryptionOnWorkers && !enableDiskEncryptionOnMasters) {
+    if (!hasEnabledDiskEncryption) {
       if (diskEncryptionMode !== 'tpmv2') {
         setFieldValue('diskEncryptionMode', 'tpmv2');
       }
@@ -61,12 +65,11 @@ const DiskEncryptionControlGroup = ({
       }
     }
   }, [
-    enableDiskEncryptionOnMasters,
-    enableDiskEncryptionOnWorkers,
     diskEncryptionMode,
     diskEncryptionTangServers,
     setFieldTouched,
     setFieldValue,
+    hasEnabledDiskEncryption,
   ]);
 
   React.useEffect(() => {
@@ -102,8 +105,20 @@ const DiskEncryptionControlGroup = ({
             />
           </StackItem>
         </RenderIf>
+        <StackItem>
+          <SwitchField
+            tooltipProps={tooltipProps}
+            name="enableDiskEncryptionOnArbiters"
+            label={t('ai:Arbiter')}
+            isDisabled={isDisabled}
+          />
+        </StackItem>
         <RenderIf
-          condition={enableDiskEncryptionOnMasters || (enableDiskEncryptionOnWorkers && !isSNO)}
+          condition={
+            enableDiskEncryptionOnMasters ||
+            (enableDiskEncryptionOnWorkers && !isSNO) ||
+            enableDiskEncryptionOnArbiters
+          }
         >
           <StackItem>
             <DiskEncryptionMode

package/lib/common/components/clusterConfiguration/DiskEncryptionFields/DiskEncryptionValues.ts

@@ -8,6 +8,7 @@ export type TangServer = {
 export interface DiskEncryptionValues {
   enableDiskEncryptionOnMasters?: boolean;
   enableDiskEncryptionOnWorkers: boolean;
+  enableDiskEncryptionOnArbiters: boolean;
   diskEncryptionMode: DiskEncryption['mode'];
   diskEncryptionTangServers: TangServer[];
 }

package/lib/common/components/clusterConfiguration/ExternalPlatformsDropdown.tsx

@@ -0,0 +1,74 @@
+import * as React from 'react';
+import { StaticField } from '../ui';
+import { useTranslation } from '../../hooks';
+import { TFunction } from 'i18next';
+import { PlatformType } from '@openshift-assisted/types/assisted-installer-service';
+import { Dropdown, DropdownItem, FormGroup, MenuToggle } from '@patternfly/react-core';
+import { useField } from 'formik';
+
+export const getPlatforms = (t: TFunction): { [key in PlatformType]: string } => ({
+  none: t('ai:No platform integration'),
+  baremetal: t('ai:No platform integration'),
+  nutanix: t('ai:Nutanix'),
+  vsphere: t('ai:vSphere'),
+  external: t('ai:External cloud provider'),
+});
+
+export const ExternalPlatformsDropdown = ({ isDisabled }: { isDisabled: boolean }) => {
+  const [isOpen, setIsOpen] = React.useState(false);
+  const [{ value }, , { setValue }] = useField<PlatformType>('platform');
+  const { t } = useTranslation();
+
+  const platforms = getPlatforms(t);
+
+  const options = Object.entries(platforms)
+    .filter(([key]) => key !== 'none')
+    .map(([platform, label]) => (
+      <DropdownItem
+        key={platform}
+        id={platform}
+        value={platform}
+        selected={platform === value}
+        onClick={(e: React.MouseEvent) => e.preventDefault()}
+      >
+        {label}
+      </DropdownItem>
+    ));
+
+  const onSelect = (
+    _event: React.MouseEvent<Element, MouseEvent> | undefined,
+    value: string | number | undefined,
+  ) => {
+    setValue(value as PlatformType);
+    setIsOpen(false);
+  };
+
+  return isDisabled ? (
+    <StaticField
+      name={'platform'}
+      label={t('ai:Integrate with external partner platforms')}
+      isRequired
+    >
+      {platforms[value]}
+    </StaticField>
+  ) : (
+    <FormGroup
+      isInline
+      label={t('ai:Integrate with external partner platforms')}
+      isRequired
+      name={'platform'}
+    >
+      <Dropdown
+        isOpen={isOpen}
+        toggle={(toggleRef) => (
+          <MenuToggle ref={toggleRef} className="pf-v5-u-w-100" onClick={() => setIsOpen(!isOpen)}>
+            {value ? platforms[value] : t('ai:Integrate with external partner platforms')}
+          </MenuToggle>
+        )}
+        onSelect={onSelect}
+      >
+        {options}
+      </Dropdown>
+    </FormGroup>
+  );
+};

package/lib/common/components/clusterConfiguration/index.ts

@@ -1,5 +1,3 @@
-export { default as SNOControlGroup } from './SNOControlGroup';
-export { default as SNODisclaimer } from './SNODisclaimer';
 export { default as UploadSSH } from './UploadSSH';
 export { default as ProxyFields, ProxyInputFields } from './ProxyFields';
 export { default as DownloadIsoModal } from './DownloadIsoModal';
@@ -11,3 +9,4 @@ export { default as SecurityFields } from './SecurityFields';
 export * from './utils';
 export * from './DiscoveryTroubleshootingModal';
 export * from './DiscoveryImageConfigForm';
+export * from './ExternalPlatformsDropdown';

package/lib/common/components/clusterDetail/OperatorsProgressItem.tsx

@@ -80,7 +80,7 @@ type OperatorsPopoverProps = OperatorListProps & {
 
 const OperatorsPopover = ({ operators, children }: OperatorsPopoverProps) => {
   const { t } = useTranslation();
-  const opSpecs = useOperatorSpecs();
+  const { byKey: opSpecs } = useOperatorSpecs();
 
   return (
     <Popover

package/lib/common/components/clusterWizard/clusterDetailsValidation.ts

@@ -15,8 +15,6 @@ import {
   pullSecretValidationSchema,
 } from '../ui';
 import { ClusterDetailsValues } from './types';
-import { FeatureSupportLevelData } from '../featureSupportLevels';
-import toNumber from 'lodash-es/toNumber';
 
 const emptyTangServers = (): TangServer[] => {
   return [
@@ -55,18 +53,16 @@ export const getClusterDetailsInitialValues = ({
 }): ClusterDetailsValues => {
   const {
     name = '',
-    highAvailabilityMode = 'Full',
     baseDnsDomain = baseDomain || '',
     openshiftVersion = getDefaultOpenShiftVersion(ocpVersions),
+    controlPlaneCount = 3,
   } = cluster || {};
-
   return {
     name,
-    highAvailabilityMode,
     openshiftVersion,
     pullSecret: pullSecret || '',
     baseDnsDomain,
-    SNODisclaimer: highAvailabilityMode === 'None',
+    controlPlaneCount,
     useRedHatDnsService:
       !!baseDnsDomain && managedDomains.map((d) => d.domain).includes(baseDnsDomain),
     enableDiskEncryptionOnMasters: ['all', 'masters'].includes(
@@ -79,26 +75,24 @@ export const getClusterDetailsInitialValues = ({
     diskEncryptionTangServers: parseTangServers(cluster?.diskEncryption?.tangServers),
     diskEncryption: cluster?.diskEncryption ?? {},
     cpuArchitecture: cluster?.cpuArchitecture || getDefaultCpuArchitecture(),
-    platform: cluster?.platform?.type || 'none',
+    platform: cluster?.platform?.type || 'baremetal',
     customOpenshiftSelect: null,
     userManagedNetworking: cluster?.userManagedNetworking || false,
-    controlPlaneCount: cluster?.controlPlaneCount || 3,
+    enableDiskEncryptionOnArbiters: ['all', 'arbiters'].includes(
+      cluster?.diskEncryption?.enableOn ?? 'none',
+    ),
   };
 };
 
 export const getClusterDetailsValidationSchema = ({
   usedClusterNames,
-  featureSupportLevels,
   pullSecretSet,
-  ocpVersions,
   validateUniqueName,
   isOcm,
   t,
 }: {
   usedClusterNames: string[];
-  featureSupportLevels?: FeatureSupportLevelData;
   pullSecretSet?: boolean;
-  ocpVersions?: OpenshiftVersionOptionType[];
   validateUniqueName?: boolean;
   isOcm?: boolean;
   t: TFunction;
@@ -120,28 +114,6 @@ export const getClusterDetailsValidationSchema = ({
         ? baseDomainValidationSchema.required('Required')
         : dnsNameValidationSchema.required('Required'),
       pullSecret: pullSecretValidationSchema.required('Required.'),
-      SNODisclaimer: Yup.boolean().when(['controlPlaneCount', 'openshiftVersion'], {
-        // The disclaimer is required only if SNO is enabled and SNO feature is not fully supported in that version
-        is: (
-          controlPlaneCount: Cluster['controlPlaneCount'],
-          openshiftVersion: Cluster['openshiftVersion'],
-        ) => {
-          const selectedVersion = (ocpVersions || []).find((v) => v.value === openshiftVersion);
-          const versionToUse = selectedVersion?.value ?? openshiftVersion;
-          if (featureSupportLevels) {
-            return toNumber(controlPlaneCount) === 1 && versionToUse && featureSupportLevels
-              ? featureSupportLevels.getFeatureSupportLevel(versionToUse, 'SNO') === 'dev-preview'
-              : false;
-          } else {
-            return toNumber(controlPlaneCount) === 1 && versionToUse && values.isSNODevPreview;
-          }
-        },
-        then: () =>
-          Yup.boolean().oneOf(
-            [true],
-            t('ai:Confirm the Single Node OpenShift disclaimer to continue.'),
-          ),
-      }),
       diskEncryptionTangServers: Yup.array().when('diskEncryptionMode', {
         is: (diskEncryptionMode: DiskEncryption['mode']) => {
           return diskEncryptionMode === 'tang';

package/lib/common/components/clusterWizard/types.ts

@@ -15,24 +15,22 @@ import {
 } from '../../types/hosts';
 import { TangServer } from '../clusterConfiguration/DiskEncryptionFields/DiskEncryptionValues';
 import { WizardStepsValidationMap } from './validationsInfoUtils';
-import { OpenshiftVersionOptionType } from '../../types';
 
 export type ClusterDetailsValues = {
   name: string;
-  highAvailabilityMode: 'Full' | 'None';
   openshiftVersion: string;
   pullSecret: string;
   baseDnsDomain: string;
-  SNODisclaimer: boolean;
   useRedHatDnsService: boolean;
   enableDiskEncryptionOnMasters: boolean;
   enableDiskEncryptionOnWorkers: boolean;
+  enableDiskEncryptionOnArbiters: boolean;
   diskEncryptionMode: DiskEncryption['mode'];
   diskEncryptionTangServers: TangServer[];
   diskEncryption: DiskEncryption;
   cpuArchitecture: string;
   platform: PlatformType;
-  customOpenshiftSelect: OpenshiftVersionOptionType | null;
+  customOpenshiftSelect: string | null;
   userManagedNetworking: boolean;
   controlPlaneCount: number;
 };

package/lib/common/components/fetching/EventListFetch.tsx

@@ -2,7 +2,7 @@ import React from 'react';
 import omit from 'lodash-es/omit.js';
 import { Pagination, PaginationVariant } from '@patternfly/react-core';
 import { EventList } from '@openshift-assisted/types/assisted-installer-service';
-import { EVENTS_POLLING_INTERVAL } from '../../config';
+import { REDUCED_POLLING_INTERVAL } from '../../config';
 import { ClusterEventsFiltersType, EventListFetchProps } from '../../types';
 import { useStateSafely } from '../../hooks';
 import { ErrorState, LoadingState } from '../ui/uiState';
@@ -72,7 +72,7 @@ export const EventListFetch = ({
         setLoading(false);
         setTotalEvents(totalEvents);
         setSeverityCount(severities);
-        timer = setTimeout(() => setLastPolling(Date.now()), EVENTS_POLLING_INTERVAL);
+        timer = setTimeout(() => setLastPolling(Date.now()), REDUCED_POLLING_INTERVAL);
       },
       (err: string) => {
         setError(err);

package/lib/common/components/hosts/DiskRole.tsx

@@ -122,7 +122,6 @@ const DiskRoleDropdown: React.FC<DiskRoleDropdownProps> = ({
       onSelect={onSelect}
       toggle={toggle}
       isOpen={isOpen}
-      isPlain
     >
       <DropdownList>{dropdownItems}</DropdownList>
     </Dropdown>

package/lib/common/components/hosts/TableToolbar.tsx

@@ -10,7 +10,6 @@ import {
   ToolbarContent,
   ToolbarItem,
   ToolbarProps,
-  Tooltip,
   Dropdown,
   DropdownItem,
   MenuToggle,
@@ -68,14 +67,20 @@ const TableToolbar: React.FC<TableToolbarProps> = ({
         : null;
   }
 
-  const isDisabled = isChecked === false;
+  const isActionsDisabled = isChecked === false;
 
   const actionsDropdown = (
     <Dropdown
       onSelect={onActionsToggle}
       onOpenChange={onActionsToggle}
       toggle={(toggleRef: React.Ref<MenuToggleElement>) => (
-        <MenuToggle ref={toggleRef} isFullWidth onClick={onActionsToggle} isExpanded={actionsOpen}>
+        <MenuToggle
+          ref={toggleRef}
+          isFullWidth
+          onClick={onActionsToggle}
+          isExpanded={actionsOpen}
+          isDisabled={isActionsDisabled}
+        >
           {t('ai:Actions')}
         </MenuToggle>
       )}
@@ -130,13 +135,7 @@ const TableToolbar: React.FC<TableToolbarProps> = ({
           <ToolbarContent className="table-toolbar__content">
             <ToolbarItem>{SelectDropdown}</ToolbarItem>
             {children}
-            <ToolbarItem>
-              {isDisabled ? (
-                <Tooltip content={t('ai:Select one or more hosts')}>{actionsDropdown}</Tooltip>
-              ) : (
-                actionsDropdown
-              )}
-            </ToolbarItem>
+            <ToolbarItem>{actionsDropdown}</ToolbarItem>
           </ToolbarContent>
         </Toolbar>
       </SplitItem>

package/lib/common/components/hosts/tableUtils.tsx

@@ -80,7 +80,7 @@ export const hostnameColumn = (
             inventory={inventory}
             onEditHostname={editHostname}
             hosts={hosts}
-            readonly={canEditHostname ? !canEditHostname() : false}
+            readonly={canEditHostname ? !canEditHostname(host) : false}
           />
         ),
         props: { 'data-testid': 'host-name' },

package/lib/common/components/hosts/types.ts

@@ -47,7 +47,7 @@ export type HostsTableActions = {
   onEditBMH?: (host: Host) => void;
   canEditBMH?: (host: Host) => ActionCheck;
   onSelect?: (host: Host, selected: boolean) => void;
-  canEditHostname?: () => boolean;
+  canEditHostname?: (host?: Host) => boolean;
   canUnbindHost?: (host: Host) => ActionCheck;
   onUnbindHost?: (host: Host) => void;
   onExcludedODF?: (

package/lib/common/components/hosts/utils.ts

@@ -80,8 +80,19 @@ export const canEditRole = (
   isSNO?: boolean,
 ) => canEditHost(clusterStatus, status) && !isSNO;
 
-export const canEditHostname = (clusterStatus: Cluster['status']) =>
-  ['insufficient', 'adding-hosts', 'ready', 'pending-for-input'].includes(clusterStatus);
+export const canEditHostname = (clusterStatus: Cluster['status'], host?: Host) => {
+  // First check if the cluster status allows hostname editing
+  if (!['insufficient', 'adding-hosts', 'ready', 'pending-for-input'].includes(clusterStatus)) {
+    return false;
+  }
+
+  // For Day2 hosts, also check the host status
+  if (host && host.kind === 'AddToExistingClusterHost') {
+    return canHostnameBeChanged(host.status);
+  }
+
+  return true;
+};
 
 export const canEditDisks = canEditHost;
 

package/lib/common/components/newFeatureSupportLevels/types.ts

@@ -19,6 +19,7 @@ export type GetFeatureDisabledReason = (
   supportLevelData?: NewFeatureSupportLevelMap,
   cpuArchitecture?: SupportedCpuArchitecture,
   platformType?: PlatformType,
+  title?: string,
 ) => string | undefined;
 
 export type GetFeatureSupportLevel = (