@openshift-assisted/ui-lib 2.38.4 → 2.39.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -28,7 +28,7 @@ const MtvLabel = ({
 }) => (
   <>
     <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>Install Migration Toolkit for Virtualization </span>
+      <span>Migration Toolkit for Virtualization </span>
     </Tooltip>
     <PopoverIcon
       component={'a'}
@@ -43,9 +43,8 @@ const MtvHelperText = () => {
   return (
     <HelperText>
       <HelperTextItem variant="indeterminate">
-        The Migration Toolkit for Virtualization (MTV) enables you to migrate virtual machines from
-        VMware vSphere, Red Hat Virtualization, or OpenStack to OpenShift Virtualization running on
-        Red Hat OpenShift.{' '}
+        This Toolkit (MTV) enables you to migrate virtual machines from VMware vSphere, Red Hat
+        Virtualization, or OpenStack to OpenShift Virtualization running on Red Hat OpenShift.{' '}
         <a href={MTV_LINK} target="_blank" rel="noopener noreferrer">
           {'Learn more'} <ExternalLinkAltIcon />
         </a>

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

@@ -21,7 +21,7 @@ const NmstateLabel = ({
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install NMState </span>
+        <span>NMState </span>
       </Tooltip>
       <PopoverIcon
         id={NMSTATE_FIELD_NAME}

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

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

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, NODE_HEALTHCHECK_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const NODE_HEALTHCHECK_FIELD_NAME = 'useNodeHealthcheck';
+const NODE_HEALTHCHECK_FEATURE_ID = 'NODE_HEALTHCHECK';
+
+const NodeHealthcheckLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Node Healthcheck </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={NODE_HEALTHCHECK_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const NodeHealthcheckHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Identify Unhealthy Nodes.{' '}
+        <a href={NODE_HEALTHCHECK_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const NodeHealthcheckCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(NODE_HEALTHCHECK_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={NODE_HEALTHCHECK_FIELD_NAME}
+        label={<NodeHealthcheckLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
+        helperText={<NodeHealthcheckHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default NodeHealthcheckCheckbox;

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

@@ -0,0 +1,66 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, NODE_HEALTHCHECK_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const NODE_MAINTENANCE_FIELD_NAME = 'useNodeMaintenance';
+const NODE_MAINTENANCE_FEATURE_ID = 'NODE_MAINTENANCE';
+
+const NodeMaintenanceLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Node Maintenance </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={NODE_MAINTENANCE_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const NodeMaintenanceHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Place nodes in maintenance mode.{' '}
+        <a href={NODE_HEALTHCHECK_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const NodeMaintenanceCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(NODE_MAINTENANCE_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={NODE_MAINTENANCE_FIELD_NAME}
+        label={<NodeMaintenanceLabel disabledReason={disabledReason} supportLevel={supportLevel} />}
+        helperText={<NodeMaintenanceHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default NodeMaintenanceCheckbox;

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

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

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

@@ -25,7 +25,7 @@ const OdfLabel = ({
 }) => (
   <>
     <Tooltip hidden={!disabledReason} content={disabledReason}>
-      <span>Install OpenShift Data Foundation </span>
+      <span>OpenShift Data Foundation </span>
     </Tooltip>
     <PopoverIcon
       component={'a'}

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

@@ -18,7 +18,7 @@ const OpenShiftAILabel = ({ disabledReason, supportLevel }: OpenShiftAILabelProp
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install OpenShift AI </span>
+        <span>OpenShift AI </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}

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

@@ -16,7 +16,7 @@ const OpenshiftAIAmdRequirements = () => {
       </List>
       Bundle operators:
       <List>
-        <ListItem>Openshift AI</ListItem>
+        <ListItem>OpenShift AI</ListItem>
         <ListItem>OpenShift Data Foundation</ListItem>
         <ListItem>AMD GPU</ListItem>
         <ListItem>Node Feature Discovery</ListItem>

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

@@ -18,7 +18,7 @@ const OpenshiftAINvidiaRequirements = () => {
       </List>
       Bundle operators:
       <List>
-        <ListItem>Openshift AI</ListItem>
+        <ListItem>OpenShift AI</ListItem>
         <ListItem>OpenShift Data Foundation</ListItem>
         <ListItem>NVIDIA GPU</ListItem>
         <ListItem>Node Feature Discovery</ListItem>

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

@@ -17,7 +17,7 @@ const OscLabel = ({ disabledReason, supportLevel }: OscLabelProps) => {
   return (
     <>
       <Tooltip hidden={!disabledReason} content={disabledReason}>
-        <span>Install OpenShift sandboxed containers </span>
+        <span>OpenShift sandboxed containers </span>
       </Tooltip>
       <PopoverIcon
         component={'a'}

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

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

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

@@ -0,0 +1,68 @@
+import React from 'react';
+import { FormGroup, HelperText, HelperTextItem, Tooltip } from '@patternfly/react-core';
+import { getFieldId, SELF_NODE_REMEDIATION_LINK } from '../../../../common';
+import { ExternalLinkAltIcon } from '@patternfly/react-icons/dist/js/icons/external-link-alt-icon';
+import { OcmCheckboxField } from '../../ui/OcmFormFields';
+import NewFeatureSupportLevelBadge from '../../../../common/components/newFeatureSupportLevels/NewFeatureSupportLevelBadge';
+import { SupportLevel } from '@openshift-assisted/types/./assisted-installer-service';
+
+const SELF_NODE_REMEDIATION_FIELD_NAME = 'useSelfNodeRemediation';
+const SELF_NODE_REMEDIATION_FEATURE_ID = 'SELF_NODE_REMEDIATION';
+
+const SelfNodeRemediationLabel = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel;
+}) => {
+  return (
+    <>
+      <Tooltip hidden={!disabledReason} content={disabledReason}>
+        <span>Self Node Remediation </span>
+      </Tooltip>
+      <NewFeatureSupportLevelBadge
+        featureId={SELF_NODE_REMEDIATION_FEATURE_ID}
+        supportLevel={supportLevel}
+      />
+    </>
+  );
+};
+
+const SelfNodeRemediationHelperText = () => {
+  return (
+    <HelperText>
+      <HelperTextItem variant="indeterminate">
+        Allows nodes to reboot themselves when they become unhealthy.{' '}
+        <a href={SELF_NODE_REMEDIATION_LINK} target="_blank" rel="noopener noreferrer">
+          {'Learn more'} <ExternalLinkAltIcon />
+        </a>
+      </HelperTextItem>
+    </HelperText>
+  );
+};
+
+const SelfNodeRemediationCheckbox = ({
+  disabledReason,
+  supportLevel,
+}: {
+  disabledReason?: string;
+  supportLevel?: SupportLevel | undefined;
+}) => {
+  const fieldId = getFieldId(SELF_NODE_REMEDIATION_FIELD_NAME, 'input');
+
+  return (
+    <FormGroup isInline fieldId={fieldId}>
+      <OcmCheckboxField
+        name={SELF_NODE_REMEDIATION_FIELD_NAME}
+        label={
+          <SelfNodeRemediationLabel disabledReason={disabledReason} supportLevel={supportLevel} />
+        }
+        helperText={<SelfNodeRemediationHelperText />}
+        isDisabled={!!disabledReason}
+      />
+    </FormGroup>
+  );
+};
+
+export default SelfNodeRemediationCheckbox;

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

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

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

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