Wizard: Add "Added by OpenSCAP" label

Author: regexowl

src/Components/CreateImageWizard/steps/Packages/index.tsx

@@ -1,9 +1,15 @@
 import React from 'react';
 
-import { Content, Form, Title } from '@patternfly/react-core';
+import { Content, Form, Label, Title } from '@patternfly/react-core';
+import { InfoCircleIcon } from '@patternfly/react-icons';
 
+import { useGetOscapCustomizationsQuery } from '@/store/api/backend';
 import { selectIsOnPremise } from '@/store/slices/env';
-import { selectDistribution } from '@/store/slices/wizard';
+import {
+  selectComplianceProfileID,
+  selectDistribution,
+} from '@/store/slices/wizard';
+import { asDistribution } from '@/store/typeGuards';
 
 import PackageRecommendations from './components/PackageRecommendations';
 import Packages from './components/Packages';
@@ -15,11 +21,37 @@ import { CustomizationLabels } from '../../../sharedComponents/CustomizationLabe
 const PackagesStep = () => {
   const distribution = useAppSelector(selectDistribution);
   const isOnPremise = useAppSelector(selectIsOnPremise);
+  const release = useAppSelector(selectDistribution);
+  const complianceProfileID = useAppSelector(selectComplianceProfileID);
+
+  const { data: oscapProfileInfo } = useGetOscapCustomizationsQuery(
+    {
+      distribution: asDistribution(release),
+      // @ts-ignore if complianceProfileID is undefined the query is going to get skipped, so it's safe here to ignore the linter here
+      profile: complianceProfileID,
+    },
+    {
+      skip: !complianceProfileID,
+    },
+  );
+
+  const requiredByOpenSCAPCount =
+    oscapProfileInfo?.packages?.filter(Boolean).length ?? 0;
+
   return (
     <Form>
       <CustomizationLabels customization='packages' />
-      <Title headingLevel='h1' size='xl'>
+      <Title
+        headingLevel='h1'
+        size='xl'
+        className='pf-v6-u-display-flex pf-v6-u-align-items-center'
+      >
         Packages
+        {requiredByOpenSCAPCount > 0 && (
+          <Label icon={<InfoCircleIcon />} className='pf-v6-u-ml-sm'>
+            {requiredByOpenSCAPCount} Added by OpenSCAP
+          </Label>
+        )}
       </Title>
       <Content>
         Search and add individual packages to include in your image. You can