CONSOLE-5118: Add OLS integration for cluster update workflows

frontend/packages/console-shared/src/components/dashboard/inventory-card/InventoryItem.tsx

@@ -9,9 +9,8 @@ import {
 import { InProgressIcon, QuestionCircleIcon } from '@patternfly/react-icons';
 import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router';
-import type { DashboardsInventoryItemGroup } from '@console/dynamic-plugin-sdk';
 import { useResolvedExtensions, isDashboardsInventoryItemGroup } from '@console/dynamic-plugin-sdk';
-import type { ResolvedExtension } from '@console/dynamic-plugin-sdk/dist/core/lib/types';
+import type { DashboardsInventoryItemGroup, ResolvedExtension } from '@console/dynamic-plugin-sdk';
 import type { ResourceInventoryItemProps } from '@console/dynamic-plugin-sdk/src/api/internal-types';
 import { pluralize } from '@console/internal/components/utils/details-page';
 import { resourcePathFromModel } from '@console/internal/components/utils/resource-link';

frontend/packages/console-shared/src/components/editor/CodeEditorToolbar.tsx

@@ -1,13 +1,13 @@
 import type { FC } from 'react';
 import { Button, Tooltip } from '@patternfly/react-core';
-import { MagicIcon } from '@patternfly/react-icons';
 import { useTranslation } from 'react-i18next';
 import { action } from 'typesafe-actions';
 import type { CodeEditorToolbarProps } from '@console/dynamic-plugin-sdk';
 import { ActionType } from '@console/internal/reducers/ols';
 import { useConsoleDispatch } from '@console/shared/src/hooks/useConsoleDispatch';
 import { useIsFullscreen } from '@console/shared/src/hooks/useFullscreen';
 import { useOLSConfig } from '@console/shared/src/hooks/useOLSConfig';
+import { AiInfoIcon } from '../icons';
 
 export const AskOpenShiftLightspeedButton: FC = () => {
   const { t } = useTranslation('console-shared');
@@ -23,7 +23,7 @@ export const AskOpenShiftLightspeedButton: FC = () => {
         variant="plain"
         onClick={() => dispatch(openOLS())}
         aria-label={t('Ask OpenShift Lightspeed')}
-        icon={<MagicIcon />}
+        icon={<AiInfoIcon />}
       />
     </Tooltip>
   ) : null;

frontend/packages/console-shared/src/components/icons/ai-icons.tsx

@@ -0,0 +1,45 @@
+import type { FC, SVGProps } from 'react';
+
+/**
+ * Red Hat AI Info Icon
+ * Custom icon for OpenShift Lightspeed informational AI features
+ * Source: Red Hat Brand Portal - AI Info Icon
+ */
+export const AiInfoIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 32 32"
+    fill="currentColor"
+    aria-hidden="true"
+    role="img"
+    {...props}
+  >
+    <path d="M31,16c0,8.27148-6.72852,15-15,15S1,24.27148,1,16c0-.71191.05078-1.43262.15137-2.14062.07812-.54688.58691-.92773,1.13086-.84961.54688.07812.92676.58398.84961,1.13086-.08789.61523-.13184,1.24121-.13184,1.85938,0,7.16797,5.83203,13,13,13s13-5.83203,13-13S23.16797,3,16,3c-.61816,0-1.24414.04395-1.85938.13184-.55176.07715-1.05273-.30273-1.13086-.84961-.07715-.54688.30273-1.05273.84961-1.13086.70801-.10059,1.42871-.15137,2.14062-.15137,8.27148,0,15,6.72852,15,15ZM12.77734,16.67578c.14355.6748.81152,1.10645,1.48242.96289l.49023-.10449v5.46582c0,.69043.55957,1.25,1.25,1.25s1.25-.55957,1.25-1.25v-7c.00098-.77734-.79297-1.3877-1.55371-1.22266l-1.95605.41602c-.67578.14355-1.10645.80762-.96289,1.48242ZM1.99316,7.58984c2.2334.4082,4.00879,2.18359,4.41699,4.41699.05371.28906.30078.49805.58984.49805s.53613-.20898.58984-.49805c.4082-2.2334,2.18359-4.00879,4.41699-4.41699.28906-.05371.49805-.30078.49805-.58984s-.20898-.53613-.49805-.58984c-2.2334-.4082-4.00879-2.18359-4.41699-4.41699-.05371-.28906-.30078-.49805-.58984-.49805s-.53613.20898-.58984.49805c-.4082,2.2334-2.18359,4.00879-4.41699,4.41699-.28906.05371-.49805.30078-.49805.58984s.20898.53613.49805.58984ZM17.75,10.00012c0-.96649-.78351-1.75-1.75-1.75s-1.75.78351-1.75,1.75.78351,1.75,1.75,1.75,1.75-.78351,1.75-1.75Z" />
+  </svg>
+);
+
+AiInfoIcon.displayName = 'AiInfoIcon';
+
+/**
+ * Red Hat AI Error Icon
+ * Custom icon for OpenShift Lightspeed error/alert AI features
+ * Source: Red Hat Brand Portal - AI Error Icon
+ */
+export const AiErrorIcon: FC<SVGProps<SVGSVGElement>> = (props) => (
+  <svg
+    xmlns="http://www.w3.org/2000/svg"
+    width="1em"
+    height="1em"
+    viewBox="0 0 32 32"
+    fill="currentColor"
+    aria-hidden="true"
+    role="img"
+    {...props}
+  >
+    <path d="M14.75,16v-7c0-.69043.55957-1.25,1.25-1.25s1.25.55957,1.25,1.25v7c0,.69043-.55957,1.25-1.25,1.25s-1.25-.55957-1.25-1.25ZM16,1c-.71191,0-1.43262.05078-2.14062.15137-.54688.07812-.92676.58398-.84961,1.13086.07812.54688.5791.92871,1.13086.84961.61523-.08789,1.24121-.13184,1.85938-.13184,7.16797,0,13,5.83203,13,13s-5.83203,13-13,13S3,23.16797,3,16c0-.61816.04395-1.24414.13184-1.85938.07715-.54688-.30273-1.05273-.84961-1.13086-.54492-.07617-1.05273.30371-1.13086.84961-.10059.70801-.15137,1.42871-.15137,2.14062,0,8.27148,6.72852,15,15,15s15-6.72852,15-15S24.27148,1,16,1ZM1.99316,7.58984c2.2334.4082,4.00879,2.18359,4.41699,4.41699.05371.28906.30078.49805.58984.49805s.53613-.20898.58984-.49805c.4082-2.2334,2.18359-4.00879,4.41699-4.41699.28906-.05371.49805-.30078.49805-.58984s-.20898-.53613-.49805-.58984c-2.2334-.4082-4.00879-2.18359-4.41699-4.41699-.05371-.28906-.30078-.49805-.58984-.49805s-.53613.20898-.58984.49805c-.4082,2.2334-2.18359,4.00879-4.41699,4.41699-.28906.05371-.49805.30078-.49805.58984s.20898.53613.49805.58984ZM16,23.76099c.96649,0,1.75-.78351,1.75-1.75s-.78351-1.75-1.75-1.75-1.75.78351-1.75,1.75.78351,1.75,1.75,1.75Z" />
+  </svg>
+);
+
+AiErrorIcon.displayName = 'AiErrorIcon';

frontend/packages/console-shared/src/components/icons/index.ts

@@ -0,0 +1 @@
+export { AiInfoIcon, AiErrorIcon } from './ai-icons';