@rh-support/troubleshoot 2.6.47 → 2.6.49

package/lib/esm/components/Recommendations/AsideResults.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBA4MzC"}
+{"version":3,"file":"AsideResults.d.ts","sourceRoot":"","sources":["../../../../src/components/Recommendations/AsideResults.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAwC,MAAM,OAAO,CAAC;AAE7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AASvD,OAAO,EAAE,eAAe,EAAsC,MAAM,iCAAiC,CAAC;AAUtG,UAAU,MAAM;IACZ,UAAU,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,qBAsMzC"}

package/lib/esm/components/Recommendations/AsideResults.js

@@ -133,7 +133,7 @@ export function AsideResults(props) {
         return React.createElement(React.Fragment, null);
     return (React.createElement(Card, { className: "pf-v6-u-mt-lg pf-v6-u-mb-0" },
         React.createElement(CardHeader, null,
-            React.createElement("h3", null, isIdea ? (React.createElement(Trans, null, "Search recommendations")) : (React.createElement(Trans, null, "Articles recommended by OpenShift AI")))),
+            React.createElement("h3", null, isIdea ? React.createElement(Trans, null, "Search recommendations") : React.createElement(Trans, null, "Recommended search results"))),
         React.createElement(CardBody, null,
             React.createElement("ul", { className: "list-flat" }, recommendationState.sideRecommendation.map((doc, index) => {
                 var _a, _b;

package/lib/esm/components/Recommendations/Recommendations.js

@@ -184,7 +184,7 @@ export default function Recommendations(props) {
             isATestvariation
                 ? (recommendationState.visibleDocs.length !== 0 ||
                     recommendationState.isLoadingRecommendations) && (React.createElement("div", { className: `${recommendationState.isLoadingRecommendations ? 'gradient' : ''} label-container-icon` },
-                    React.createElement(Label, { id: "DeepPurpleColorAILabel", color: "purple" },
+                    React.createElement("div", { id: "DeepPurpleColorAILabel" },
                         recommendationState.isLoadingRecommendations ? (React.createElement(React.Fragment, null,
                             React.createElement("span", { className: "loading-text" },
                                 React.createElement(Spinner, { size: "sm", className: "pf-v6-u-mr-xs" }),
@@ -200,7 +200,7 @@ export default function Recommendations(props) {
                                 React.createElement(WatsonxAiIcon, { fillColor: "#FFFFFF", className: "pf-v6-u-mr-xs" }),
                                 ' ',
                                 React.createElement("span", { className: "ai-label-text1" },
-                                    React.createElement(Trans, null, "Articles recommended by OpenShift AI"),
+                                    React.createElement(Trans, null, "Recommended search results"),
                                     " ",
                                     infoPopover)))),
                         ' ')))

package/lib/esm/components/TroubleshootSection/AskRedHat.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface IProps {
+    onChatWithAIClick?: () => void;
+}
+export declare const AskRedHat: React.FC<IProps>;
+export {};
+//# sourceMappingURL=AskRedHat.d.ts.map

package/lib/esm/components/TroubleshootSection/AskRedHat.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AskRedHat.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/AskRedHat.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAa5D,UAAU,MAAM;IACZ,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;CAClC;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,MAAM,CAwTtC,CAAC"}

package/lib/esm/components/TroubleshootSection/AskRedHat.js

@@ -0,0 +1,184 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import { Env } from '@cee-eng/hydrajs';
+import { sendRHDirectMessageFeedback } from '@ifd-ui/ask-redhat-core';
+import { Button, Card, CardBody, CardHeader, Modal, ModalVariant, Spinner } from '@patternfly/react-core';
+import React, { useContext, useRef, useState } from 'react';
+import { MODAL_MESSAGES, QUICK_RESPONSES, TOOLTIP_MESSAGES } from '../../constants/askRedHatMessages';
+import { useAIResponseState } from '../../context/AIResponseContext';
+import { RouteContext } from '../../context/RouteContext';
+import { useParseRuleMarkdown } from '../../hooks/useParseRuleMarkdown';
+import { appSourceId_ARH } from '../../reducers/CaseConstNTypes';
+import { CollapseIcon } from './icons/CollapseIcon';
+import { StarIcon } from './icons/StarIcon';
+import ResponseActions from './ResponseActions';
+import UserFeedback from './UserFeedback';
+import UserFeedbackComplete from './UserFeedbackComplete';
+export const AskRedHat = ({ onChatWithAIClick }) => {
+    var _a, _b, _c;
+    const [isExpanded, setIsExpanded] = useState(false);
+    const [showFeedbackCard, setShowFeedbackCard] = useState(false);
+    const [showFeedbackComplete, setShowFeedbackComplete] = useState(false);
+    const [feedbackType, setFeedbackType] = useState('');
+    const [submittedFeedbackTypes, setSubmittedFeedbackTypes] = useState([]);
+    const [isSubmittingFeedback, setIsSubmittingFeedback] = useState(false);
+    const aiResponseState = useAIResponseState();
+    const contentRef = useRef(null);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
+    const onToggle = () => {
+        if (isExpanded && contentRef.current) {
+            contentRef.current.scrollTop = 0;
+        }
+        setIsExpanded((prev) => !prev);
+    };
+    const handleChatWithAIClick = () => onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
+    const aiResponse = aiResponseState.aiResponse;
+    const messageId = aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.messageId;
+    const conversationId = aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.conversationId;
+    // Use accumulated response if streaming, otherwise use the final response
+    const answer = aiResponseState.isStreaming && aiResponseState.accumulatedResponse
+        ? aiResponseState.accumulatedResponse
+        : (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.answer) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.content) || 'No AI response available yet.';
+    const sources = (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.sources) || (aiResponse === null || aiResponse === void 0 ? void 0 : aiResponse.references) || [];
+    const sourcesCount = sources.length || 0;
+    // Show loading only when streaming has started but no content received yet
+    const isLoading = aiResponseState.isStreaming && aiResponseState.accumulatedResponse === '';
+    const isStreaming = aiResponseState.isStreaming;
+    const { parseMarkdown } = useParseRuleMarkdown();
+    const config = {
+        appSourceId: appSourceId_ARH,
+        packageVersion: (_a = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _a === void 0 ? void 0 : _a.packageVersion,
+        authToken: (_c = (_b = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _b === void 0 ? void 0 : _b.getEncodedToken()) !== null && _c !== void 0 ? _c : '',
+        appEnv: Env.getEnvName(),
+    };
+    const handleFeedbackSubmit = (selectedResponse, additionalFeedback) => __awaiter(void 0, void 0, void 0, function* () {
+        setIsSubmittingFeedback(true);
+        try {
+            const payload = {
+                rating: (feedbackType === 'positive' ? 'positive' : 'negative'),
+                freeform: additionalFeedback || undefined,
+                predefined_response: selectedResponse || '',
+            };
+            yield sendRHDirectMessageFeedback(conversationId, messageId, payload, config);
+            setShowFeedbackCard(false);
+            setShowFeedbackComplete(true);
+            setSubmittedFeedbackTypes((prev) => [...prev, feedbackType]);
+        }
+        catch (error) {
+            setShowFeedbackCard(false);
+        }
+        finally {
+            setIsSubmittingFeedback(false);
+        }
+    });
+    const responseActions = {
+        positive: Object.assign({ onClick: () => {
+                setFeedbackType('positive');
+                setShowFeedbackCard(true);
+            } }, TOOLTIP_MESSAGES.positive),
+        negative: Object.assign({ onClick: () => {
+                setFeedbackType('negative');
+                setShowFeedbackCard(true);
+            } }, TOOLTIP_MESSAGES.negative),
+        copy: Object.assign({ onClick: () => {
+                navigator.clipboard.writeText(answer);
+            } }, TOOLTIP_MESSAGES.copy),
+    };
+    if (isLoading) {
+        return (React.createElement("div", { className: "ask-redhat" },
+            React.createElement("p", { className: "ask-redhat-title" },
+                React.createElement(StarIcon, { width: 20, height: 20 }),
+                isCaseCreate ? 'Resolve your issue now with AI insights' : 'Troubleshoot with AI insights'),
+            React.createElement("div", { className: "ask-redhat-content-wrapper" },
+                React.createElement("div", { className: "ask-redhat-content", style: { textAlign: 'center', padding: '2rem' } },
+                    React.createElement(Spinner, { size: "lg" }),
+                    React.createElement("p", { style: { marginTop: '1rem' } }, "Getting AI insights..."))),
+            !aiResponseState.isStreaming && (React.createElement("div", { className: "ask-redhat-toggle-button" },
+                React.createElement(Button, { variant: "link", onClick: handleChatWithAIClick, className: "ask-redhat-chat-button" }, "Chat with AI to get started")))));
+    }
+    // Show streaming content
+    if (isStreaming && aiResponseState.accumulatedResponse && aiResponseState.accumulatedResponse !== '') {
+        return (React.createElement("div", { className: "ask-redhat" },
+            React.createElement("p", { className: "ask-redhat-title" },
+                React.createElement(StarIcon, { width: 20, height: 20 }),
+                "Resolve your issue now with AI insights"),
+            React.createElement("div", { className: "ask-redhat-content-wrapper" },
+                React.createElement("div", { ref: contentRef, className: `ask-redhat-content ${isExpanded ? 'ask-redhat-content--expanded' : ''}` },
+                    React.createElement("div", { className: `ask-redhat-content-scrollable ${isExpanded ? 'ask-redhat-content--expanded-scrollable' : ''}` },
+                        React.createElement("div", null,
+                            React.createElement("div", { dangerouslySetInnerHTML: { __html: parseMarkdown(answer) } }),
+                            React.createElement("div", { style: { display: 'inline-block' } },
+                                React.createElement(Spinner, { size: "sm" })))),
+                    !isExpanded && React.createElement("div", { className: "ask-redhat-fade-overlay" }))),
+            React.createElement("div", { className: "ask-redhat-toggle-button-wrapper" },
+                React.createElement("div", { className: "ask-redhat-border-line" }),
+                React.createElement(Button, { onClick: onToggle, className: isExpanded ? 'ask-redhat-toggle-button-collapsed' : 'ask-redhat-toggle-button' },
+                    isExpanded ? React.createElement(CollapseIcon, null) : React.createElement(StarIcon, { width: 20, height: 20 }),
+                    isExpanded ? '' : 'Read more'))));
+    }
+    if (aiResponseState.error) {
+        return (React.createElement("div", { className: "ask-redhat" },
+            React.createElement("p", { className: "ask-redhat-title" },
+                React.createElement(StarIcon, { width: 20, height: 20 }),
+                "Resolve your issue now with AI insights"),
+            React.createElement("div", { className: "ask-redhat-content-wrapper" },
+                React.createElement("div", { className: "ask-redhat-content", style: { textAlign: 'center', padding: '2rem' } },
+                    React.createElement("p", { style: { color: '#d73502', marginBottom: '1rem' } }, "Unable to get AI insights. Please try again later."),
+                    React.createElement(Button, { variant: "link", onClick: handleChatWithAIClick, className: "ask-redhat-chat-button", icon: React.createElement(StarIcon, null) }, "Try again with AI Chat")))));
+    }
+    return (React.createElement("div", { className: "ask-redhat" },
+        React.createElement("p", { className: "ask-redhat-title" },
+            React.createElement(StarIcon, { width: 20, height: 20 }),
+            isCaseCreate ? 'Resolve your issue now with AI insights' : 'Troubleshoot with AI insights'),
+        React.createElement("div", { className: "ask-redhat-content-wrapper" },
+            React.createElement("div", { ref: contentRef, className: `ask-redhat-content ${isExpanded ? 'ask-redhat-content--expanded' : ''}` },
+                React.createElement("div", { className: `ask-redhat-content-scrollable ${isExpanded ? 'ask-redhat-content--expanded-scrollable' : ''}` },
+                    React.createElement("div", null,
+                        React.createElement("div", { dangerouslySetInnerHTML: { __html: parseMarkdown(answer) } }),
+                        sourcesCount > 0 && (React.createElement(React.Fragment, null,
+                            React.createElement("p", null, "2 sources"),
+                            React.createElement("div", { className: "ask-redhat-cards" }, sources.map((source, index) => (React.createElement(Card, { className: "ask-redhat-card", key: index },
+                                React.createElement(CardHeader, null,
+                                    React.createElement("h3", { className: "ask-redhat-card-title" },
+                                        React.createElement("a", { href: source.link, target: "_blank", rel: "noopener noreferrer" }, source.title))),
+                                React.createElement(CardBody, null,
+                                    React.createElement("p", null, source.snippet)))))))),
+                        React.createElement("div", { className: "response-actions-wrapper" },
+                            React.createElement(ResponseActions, { actions: responseActions, submittedFeedbackTypes: submittedFeedbackTypes })))),
+                React.createElement("div", { className: "ask-redhat-footer-wrapper" },
+                    React.createElement("div", { className: "ask-redhat-footer" },
+                        React.createElement("p", { className: "ask-redhat-footer-text" }, "Want to continue the conversation? Dive deeper with our AI assistant"),
+                        React.createElement(Button, { onClick: handleChatWithAIClick, className: 'ask-redhat-chat-button', icon: React.createElement(StarIcon, null) }, "Chat with AI"))),
+                !isExpanded && React.createElement("div", { className: "ask-redhat-fade-overlay" }))),
+        React.createElement("div", { className: "ask-redhat-toggle-button-wrapper" },
+            React.createElement("div", { className: "ask-redhat-border-line" }),
+            React.createElement(Button, { onClick: onToggle, className: isExpanded ? 'ask-redhat-toggle-button-collapsed' : 'ask-redhat-toggle-button' },
+                isExpanded ? React.createElement(CollapseIcon, null) : React.createElement(StarIcon, { width: 20, height: 20 }),
+                isExpanded ? '' : 'Read more')),
+        React.createElement(Modal, { variant: ModalVariant.small, isOpen: showFeedbackCard, onClose: () => {
+                setShowFeedbackCard(false);
+                setFeedbackType('');
+                setIsSubmittingFeedback(false);
+            } },
+            React.createElement(UserFeedback, { title: feedbackType === 'positive'
+                    ? MODAL_MESSAGES.feedback.positive
+                    : MODAL_MESSAGES.feedback.negative, hasTextArea: true, quickResponses: feedbackType === 'positive' ? QUICK_RESPONSES.positive : QUICK_RESPONSES.negative, onSubmit: handleFeedbackSubmit, onClose: () => {
+                    setShowFeedbackCard(false);
+                    setFeedbackType('');
+                }, isSubmitting: isSubmittingFeedback })),
+        React.createElement(Modal, { variant: ModalVariant.small, isOpen: showFeedbackComplete, onClose: () => {
+                setShowFeedbackComplete(false);
+                setFeedbackType('');
+            } },
+            React.createElement(UserFeedbackComplete, { title: MODAL_MESSAGES.complete.title, body: MODAL_MESSAGES.complete.body, onClose: () => {
+                    setShowFeedbackComplete(false);
+                    setFeedbackType('');
+                } }))));
+};

package/lib/esm/components/TroubleshootSection/CloseButton.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps } from '@patternfly/react-core';
+import { type FunctionComponent } from 'react';
+export interface CloseButtonProps extends ButtonProps {
+    onClose?: () => void;
+    ariaLabel?: string;
+}
+declare const CloseButton: FunctionComponent<CloseButtonProps>;
+export default CloseButton;
+//# sourceMappingURL=CloseButton.d.ts.map

package/lib/esm/components/TroubleshootSection/CloseButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloseButton.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/CloseButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAE7D,OAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAEtD,MAAM,WAAW,gBAAiB,SAAQ,WAAW;IACjD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,EAAE,iBAAiB,CAAC,gBAAgB,CAEpD,CAAC;AAEF,eAAe,WAAW,CAAC"}

package/lib/esm/components/TroubleshootSection/CloseButton.js

@@ -0,0 +1,5 @@
+import { Button } from '@patternfly/react-core';
+import CloseIcon from '@patternfly/react-icons/dist/esm/icons/close-icon';
+import React from 'react';
+const CloseButton = ({ onClose, ariaLabel }) => (React.createElement(Button, { variant: "plain", onClick: onClose, icon: React.createElement(CloseIcon, null), "aria-label": ariaLabel }));
+export default CloseButton;

package/lib/esm/components/TroubleshootSection/QuickResponse.d.ts

@@ -0,0 +1,15 @@
+import { LabelGroupProps, LabelProps } from '@patternfly/react-core';
+import { type FunctionComponent } from 'react';
+export interface QuickResponse extends Omit<LabelProps, 'children'> {
+    content: string;
+    id: string;
+}
+export interface QuickResponseProps {
+    quickResponses: QuickResponse[];
+    quickResponseContainerProps?: Omit<LabelGroupProps, 'ref'>;
+    onSelect?: (id: string) => void;
+    isCompact?: boolean;
+}
+export declare const QuickResponse: FunctionComponent<QuickResponseProps>;
+export default QuickResponse;
+//# sourceMappingURL=QuickResponse.d.ts.map

package/lib/esm/components/TroubleshootSection/QuickResponse.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"QuickResponse.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/QuickResponse.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAqB,eAAe,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAExF,OAAc,EAAE,KAAK,iBAAiB,EAAY,MAAM,OAAO,CAAC;AAEhE,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC;IAC/D,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;CACd;AAED,MAAM,WAAW,kBAAkB;IAC/B,cAAc,EAAE,aAAa,EAAE,CAAC;IAChC,2BAA2B,CAAC,EAAE,IAAI,CAAC,eAAe,EAAE,KAAK,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,OAAO,CAAC;CACvB;AAED,eAAO,MAAM,aAAa,EAAE,iBAAiB,CAAC,kBAAkB,CAqC/D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/lib/esm/components/TroubleshootSection/QuickResponse.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Label, LabelGroup } from '@patternfly/react-core';
+import CheckIcon from '@patternfly/react-icons/dist/esm/icons/check-icon';
+import React, { useState } from 'react';
+export const QuickResponse = ({ quickResponses, quickResponseContainerProps = { numLabels: 5 }, onSelect, isCompact, }) => {
+    const [selectedQuickResponse, setSelectedQuickResponse] = useState();
+    const handleQuickResponseClick = (id) => {
+        setSelectedQuickResponse(id);
+        onSelect && onSelect(id);
+    };
+    return (React.createElement(LabelGroup, Object.assign({ className: `pf-chatbot__message-quick-response ${(quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className) ? quickResponseContainerProps === null || quickResponseContainerProps === void 0 ? void 0 : quickResponseContainerProps.className : ''}` }, quickResponseContainerProps), quickResponses.map((_a) => {
+        var { id, content, className } = _a, props = __rest(_a, ["id", "content", "className"]);
+        return (React.createElement(Label, Object.assign({ variant: id === selectedQuickResponse ? undefined : 'outline', icon: id === selectedQuickResponse ? React.createElement(CheckIcon, null) : undefined, color: "blue", key: id, onClick: () => handleQuickResponseClick(id), className: `${id === selectedQuickResponse ? 'pf-chatbot__message-quick-response--selected' : ''} ${className ? className : ''}`, isCompact: isCompact }, props), content));
+    })));
+};
+export default QuickResponse;

package/lib/esm/components/TroubleshootSection/ResponseActionButton.d.ts

@@ -0,0 +1,18 @@
+import { ButtonProps } from '@patternfly/react-core';
+import React, { type FunctionComponent, type MouseEvent } from 'react';
+export interface ResponseActionButtonProps extends ButtonProps {
+    ariaLabel?: string;
+    clickedAriaLabel?: string;
+    icon: React.ReactNode;
+    onClick?: ((event: MouseEvent | React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
+    tooltipContent?: string;
+    clickedTooltipContent?: string;
+    /** Props to control if the button should be disabled */
+    isDisabled?: boolean;
+    isClicked?: boolean;
+    innerRef?: React.Ref<HTMLButtonElement>;
+}
+export declare const ResponseActionButtonBase: FunctionComponent<ResponseActionButtonProps>;
+declare const ResponseActionButton: React.ForwardRefExoticComponent<ResponseActionButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export default ResponseActionButton;
+//# sourceMappingURL=ResponseActionButton.d.ts.map

package/lib/esm/components/TroubleshootSection/ResponseActionButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseActionButton.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/ResponseActionButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAU,WAAW,EAAiB,MAAM,wBAAwB,CAAC;AAC5E,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAAwB,MAAM,OAAO,CAAC;AAE7F,MAAM,WAAW,yBAA0B,SAAQ,WAAW;IAC1D,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,wDAAwD;IACxD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;CAC3C;AAED,eAAO,MAAM,wBAAwB,EAAE,iBAAiB,CAAC,yBAAyB,CAmDjF,CAAC;AAEF,QAAA,MAAM,oBAAoB,qGAExB,CAAC;AAEH,eAAe,oBAAoB,CAAC"}

package/lib/esm/components/TroubleshootSection/ResponseActionButton.js

@@ -0,0 +1,28 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { Button, Icon, Tooltip } from '@patternfly/react-core';
+import React, { forwardRef } from 'react';
+export const ResponseActionButtonBase = (_a) => {
+    var { ariaLabel, clickedAriaLabel = ariaLabel, icon, onClick, tooltipContent, clickedTooltipContent = tooltipContent, isDisabled, isClicked = false, innerRef } = _a, props = __rest(_a, ["ariaLabel", "clickedAriaLabel", "icon", "onClick", "tooltipContent", "clickedTooltipContent", "isDisabled", "isClicked", "innerRef"]);
+    const generateAriaLabel = () => {
+        if (ariaLabel) {
+            return isClicked ? clickedAriaLabel : ariaLabel;
+        }
+        return isClicked ? clickedTooltipContent : tooltipContent;
+    };
+    return (React.createElement(Tooltip, { id: `pf-chatbot__tooltip-response-action-${tooltipContent}`, content: isClicked ? clickedTooltipContent : tooltipContent, "aria-live": "polite", position: "bottom", entryDelay: 0, exitDelay: 0, distance: 8, animationDuration: 0, 
+        // prevents VO announcements of both aria label and tooltip
+        aria: "none" },
+        React.createElement(Button, Object.assign({ variant: "plain", className: `pf-chatbot__button--response-action ${isClicked ? 'pf-chatbot__button--response-action-clicked' : ''}`, "aria-label": generateAriaLabel(), icon: React.createElement(Icon, { isInline: true, size: "lg" }, icon), isDisabled: isDisabled, onClick: onClick, size: "sm", ref: innerRef }, props))));
+};
+const ResponseActionButton = forwardRef((props, ref) => (React.createElement(ResponseActionButtonBase, Object.assign({ innerRef: ref }, props))));
+export default ResponseActionButton;

package/lib/esm/components/TroubleshootSection/ResponseActions.d.ts

@@ -0,0 +1,20 @@
+import { ButtonProps } from '@patternfly/react-core';
+import React, { type FunctionComponent, type MouseEvent } from 'react';
+export interface ActionProps extends Omit<ButtonProps, 'ref'> {
+    ariaLabel?: string;
+    clickedAriaLabel?: string;
+    onClick?: ((event: MouseEvent | React.MouseEvent<Element, MouseEvent> | KeyboardEvent) => void) | undefined;
+    tooltipContent?: string;
+    clickedTooltipContent?: string;
+}
+export interface ResponseActionProps {
+    actions: {
+        positive?: ActionProps;
+        negative?: ActionProps;
+        copy?: ActionProps;
+    };
+    submittedFeedbackTypes?: string[];
+}
+export declare const ResponseActions: FunctionComponent<ResponseActionProps>;
+export default ResponseActions;
+//# sourceMappingURL=ResponseActions.d.ts.map

package/lib/esm/components/TroubleshootSection/ResponseActions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseActions.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/ResponseActions.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAIrD,OAAO,KAAK,EAAE,EAAE,KAAK,iBAAiB,EAAE,KAAK,UAAU,EAA+B,MAAM,OAAO,CAAC;AAIpG,MAAM,WAAW,WAAY,SAAQ,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,CAAC,KAAK,EAAE,UAAU,GAAG,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,aAAa,KAAK,IAAI,CAAC,GAAG,SAAS,CAAC;IAC5G,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;CAClC;AAED,MAAM,WAAW,mBAAmB;IAChC,OAAO,EAAE;QACL,QAAQ,CAAC,EAAE,WAAW,CAAC;QACvB,QAAQ,CAAC,EAAE,WAAW,CAAC;QACvB,IAAI,CAAC,EAAE,WAAW,CAAC;KACtB,CAAC;IACF,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAC;CACrC;AAED,eAAO,MAAM,eAAe,EAAE,iBAAiB,CAAC,mBAAmB,CAyFlE,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/components/TroubleshootSection/ResponseActions.js

@@ -0,0 +1,52 @@
+import OutlinedCopyIcon from '@patternfly/react-icons/dist/esm/icons/outlined-copy-icon';
+import OutlinedThumbsDownIcon from '@patternfly/react-icons/dist/esm/icons/outlined-thumbs-down-icon';
+import OutlinedThumbsUpIcon from '@patternfly/react-icons/dist/esm/icons/outlined-thumbs-up-icon';
+import React, { useEffect, useRef, useState } from 'react';
+import ResponseActionButton from './ResponseActionButton';
+export const ResponseActions = ({ actions, submittedFeedbackTypes = [] }) => {
+    var _a, _b, _c, _d, _e, _f;
+    const [activeButton, setActiveButton] = useState();
+    const [clickStatePersisted, setClickStatePersisted] = useState(false);
+    useEffect(() => {
+        // Define the order of precedence for checking initial `isClicked`
+        const actionPrecedence = ['positive', 'negative', 'copy'];
+        let initialActive;
+        // Check predefined actions first based on precedence
+        for (const actionName of actionPrecedence) {
+            const actionProp = actions[actionName];
+            if (actionProp === null || actionProp === void 0 ? void 0 : actionProp.isClicked) {
+                initialActive = actionName;
+                break;
+            }
+        }
+        if (initialActive) {
+            // Click state is explicitly controlled by consumer.
+            setClickStatePersisted(true);
+        }
+        setActiveButton(initialActive);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [actions]);
+    const { positive, negative, copy } = actions;
+    const responseActions = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (e) => {
+            if (responseActions.current && !responseActions.current.contains(e.target) && !clickStatePersisted) {
+                setActiveButton(undefined);
+            }
+        };
+        window.addEventListener('click', handleClickOutside);
+        return () => {
+            window.removeEventListener('click', handleClickOutside);
+        };
+    }, [clickStatePersisted]);
+    const handleClick = (e, id, onClick) => {
+        setClickStatePersisted(false);
+        setActiveButton(id);
+        onClick && onClick(e);
+    };
+    return (React.createElement("div", { ref: responseActions, className: "pf-chatbot__response-actions" },
+        positive && (React.createElement(ResponseActionButton, { ariaLabel: "Good response", clickedAriaLabel: "Response recorded", onClick: (e) => handleClick(e, 'positive', positive.onClick), tooltipContent: (_a = positive.tooltipContent) !== null && _a !== void 0 ? _a : 'Good response', clickedTooltipContent: (_b = positive.clickedTooltipContent) !== null && _b !== void 0 ? _b : 'Response recorded', icon: React.createElement(OutlinedThumbsUpIcon, null), isClicked: activeButton === 'positive', isDisabled: submittedFeedbackTypes === null || submittedFeedbackTypes === void 0 ? void 0 : submittedFeedbackTypes.includes('positive') })),
+        negative && (React.createElement(ResponseActionButton, { ariaLabel: "Bad response", clickedAriaLabel: "Response recorded", onClick: (e) => handleClick(e, 'negative', negative.onClick), tooltipContent: (_c = negative.tooltipContent) !== null && _c !== void 0 ? _c : 'Bad response', clickedTooltipContent: (_d = negative.clickedTooltipContent) !== null && _d !== void 0 ? _d : 'Response recorded', icon: React.createElement(OutlinedThumbsDownIcon, null), isClicked: activeButton === 'negative', isDisabled: submittedFeedbackTypes === null || submittedFeedbackTypes === void 0 ? void 0 : submittedFeedbackTypes.includes('negative') })),
+        copy && (React.createElement(ResponseActionButton, { ariaLabel: "Copy", clickedAriaLabel: "Copied", onClick: (e) => handleClick(e, 'copy', copy.onClick), tooltipContent: (_e = copy.tooltipContent) !== null && _e !== void 0 ? _e : 'Copy', clickedTooltipContent: (_f = copy.clickedTooltipContent) !== null && _f !== void 0 ? _f : 'Copied', icon: React.createElement(OutlinedCopyIcon, null), isClicked: activeButton === 'copy' }))));
+};
+export default ResponseActions;

package/lib/esm/components/TroubleshootSection/TroubleshootSection.d.ts

@@ -1,3 +1,4 @@
+import '@ifd-ui/ask-redhat-core/ask-redhat-core.css';
 import React from 'react';
 interface IProps {
     inlineEditable: boolean;
@@ -6,6 +7,12 @@ interface IProps {
     collapseOnBlur?: boolean;
     autoFocus?: boolean;
     hideSaveCancel?: boolean;
+    isAIChatMode: boolean;
+    setIsAIChatMode: (value: boolean) => void;
+    onChatWithAIClick?: () => void;
+    aiServicesAvailable: boolean;
+    isSecureSupport?: boolean;
+    hasConfirmedStatesideSupport?: boolean;
 }
 declare function TroubleshootSection(props: IProps): React.JSX.Element;
 declare namespace TroubleshootSection {

package/lib/esm/components/TroubleshootSection/TroubleshootSection.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AASD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAoFzC;kBApFQ,mBAAmB;;;AAuF5B,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"TroubleshootSection.d.ts","sourceRoot":"","sources":["../../../../src/components/TroubleshootSection/TroubleshootSection.tsx"],"names":[],"mappings":"AAAA,OAAO,6CAA6C,CAAC;AAUrD,OAAO,KAAqB,MAAM,OAAO,CAAC;AAc1C,UAAU,MAAM;IACZ,cAAc,EAAE,OAAO,CAAC;IACxB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE,OAAO,CAAC;IACtB,eAAe,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC1C,iBAAiB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,mBAAmB,EAAE,OAAO,CAAC;IAC7B,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,4BAA4B,CAAC,EAAE,OAAO,CAAC;CAC1C;AAUD,iBAAS,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAgLzC;kBAhLQ,mBAAmB;;;AAmL5B,eAAe,mBAAmB,CAAC"}

package/lib/esm/components/TroubleshootSection/TroubleshootSection.js

@@ -1,4 +1,16 @@
-import { Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import '@ifd-ui/ask-redhat-core/ask-redhat-core.css';
+import { Env } from '@cee-eng/hydrajs';
+import { AskRedHatChat, setAuthToken } from '@ifd-ui/ask-redhat-core';
+import { Button, Card, CardBody, CardHeader, Tooltip } from '@patternfly/react-core';
 import InfoCircleIcon from '@patternfly/react-icons/dist/js/icons/info-circle-icon';
 import { ErrorBoundary, LoadingDots } from '@rh-support/components';
 import { PreviousCaseTypes } from '@rh-support/utils';
@@ -6,23 +18,33 @@ import isEmpty from 'lodash/isEmpty';
 import isEqual from 'lodash/isEqual';
 import React, { useContext } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
+import { useAIResponseState } from '../../context/AIResponseContext';
 import { useCaseSelector } from '../../context/CaseContext';
+import { RouteContext } from '../../context/RouteContext';
 import { TCStateContext } from '../../context/TopContentContext';
+import { appSourceId_ARH, excludedCaseTypesforARH } from '../../reducers/CaseConstNTypes';
 import { OpenShiftClusterId } from '../CaseManagement/OpenShiftClusterId';
 import ClusterRecommendations from '../Recommendations/ClusterRecommendations';
 import InsightsResults from '../Recommendations/InsightsResults';
 import Suggestions from '../Suggestions/Suggestions';
+import { AskRedHat } from './AskRedHat';
 const defaultProps = {
     initialIsEditing: false,
     required: false,
     collapseOnBlur: false,
     autoFocus: false,
     hideSaveCancel: false,
+    aiServicesAvailable: false,
 };
 function TroubleshootSection(props) {
-    var _a;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
     const { t } = useTranslation();
+    const { aiServicesAvailable, isAIChatMode, setIsAIChatMode, onChatWithAIClick } = props;
     const { topContentState: { topContent }, } = useContext(TCStateContext);
+    const { routeState: { isCaseCreate }, } = useContext(RouteContext);
+    const aiResponseState = useAIResponseState();
+    const session = window === null || window === void 0 ? void 0 : window.sessionjs;
+    const keycloakSession = (_b = (_a = session === null || session === void 0 ? void 0 : session._state) === null || _a === void 0 ? void 0 : _a.keycloak) !== null && _b !== void 0 ? _b : null;
     const { product, version, isCreatingCase, caseType } = useCaseSelector((state) => ({
         product: state.caseDetails.product,
         version: state.caseDetails.version,
@@ -32,18 +54,82 @@ function TroubleshootSection(props) {
         issue: state.caseDetails.issue,
     }), isEqual);
     const canShowTopProducts = isEmpty(product);
-    const canShowTopContent = !canShowTopProducts && ((_a = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _a === void 0 ? void 0 : _a.length) > 0;
+    const canShowTopContent = !canShowTopProducts && ((_c = topContent === null || topContent === void 0 ? void 0 : topContent.data) === null || _c === void 0 ? void 0 : _c.length) > 0;
     const isNotAnIdea = caseType !== PreviousCaseTypes.FEATURE_ENHANCEMENT;
-    return (React.createElement(React.Fragment, null,
+    const shouldShowARHUI = () => {
+        // Check if the case type is allowed (not in the excluded list)
+        // test
+        const isCaseTypeAllowed = !excludedCaseTypesforARH.includes(caseType !== null && caseType !== void 0 ? caseType : '');
+        // Check if user is not a secure support or confirmed stateside support user
+        const isNotSecureOrStatesideUser = !props.isSecureSupport && !props.hasConfirmedStatesideSupport;
+        // Check if AI services are available
+        const isAIServicesAvailable = aiServicesAvailable;
+        return isCaseTypeAllowed && isNotSecureOrStatesideUser && isAIServicesAvailable;
+    };
+    const handleInitialized = (success, error) => {
+        if (success) {
+            console.log('Chat initialized successfully');
+        }
+        else {
+            console.error('Chat initialization failed:', error);
+        }
+    };
+    const preprocessRequest = () => __awaiter(this, void 0, void 0, function* () {
+        var _a;
+        if (!keycloakSession) {
+            throw new Error('No Keycloak session available');
+        }
+        try {
+            yield ((_a = session === null || session === void 0 ? void 0 : session.updateToken) === null || _a === void 0 ? void 0 : _a.call(session, 500));
+            const token = session === null || session === void 0 ? void 0 : session.getEncodedToken();
+            if (token) {
+                setAuthToken(token);
+            }
+            else {
+                throw new Error('No token available');
+            }
+            return Promise.resolve();
+        }
+        catch (error) {
+            console.error('Failed to refresh token:', error);
+            throw error;
+        }
+    });
+    const initConfig = {
+        packageVersion: (_d = window === null || window === void 0 ? void 0 : window.supportVersionInfo) === null || _d === void 0 ? void 0 : _d.packageVersion,
+        appSourceId: appSourceId_ARH,
+        enableDebugLogging: false,
+        headerTitle: 'AI insights',
+        appEnv: Env.getEnvName(),
+        showWelcomeMessage: false,
+        conversationId: ((_e = aiResponseState.aiResponse) === null || _e === void 0 ? void 0 : _e.conversationId) || undefined,
+        enableHeaderMenu: false,
+        enableTheme: false,
+        tokenAuth: {
+            auth: {
+                userInfo: (_h = (_g = (_f = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _f === void 0 ? void 0 : _f.getToken) === null || _g === void 0 ? void 0 : _g.call(_f)) !== null && _h !== void 0 ? _h : {},
+                authToken: (_k = (_j = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _j === void 0 ? void 0 : _j.getEncodedToken()) !== null && _k !== void 0 ? _k : '',
+            },
+            events: {
+                preprocessRequest,
+                isAuthenticated: () => {
+                    var _a, _b, _c;
+                    return (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.sessionjs) === null || _a === void 0 ? void 0 : _a.isAuthenticated) === null || _b === void 0 ? void 0 : _b.call(_a)) !== null && _c !== void 0 ? _c : false;
+                },
+            },
+        },
+        onInitialized: handleInitialized,
+    };
+    const handleChatWithAIClick = () => {
+        setIsAIChatMode(true);
+        onChatWithAIClick === null || onChatWithAIClick === void 0 ? void 0 : onChatWithAIClick();
+    };
+    return (React.createElement(React.Fragment, null, isAIChatMode ? (React.createElement(React.Fragment, null,
+        React.createElement(AskRedHatChat, { initConfig: initConfig }),
+        React.createElement("div", { className: "fullscreen-chat-footer" },
+            React.createElement(Button, { onClick: () => props.setIsAIChatMode(false), variant: "link", className: "return-to-case-btn" }, isCaseCreate ? t('Return to case creation') : t('Back to resources'))))) : (React.createElement(React.Fragment, null,
         React.createElement("section", null,
-            React.createElement("header", null,
-                React.createElement("p", { className: "pf-v6-u-pt-md" },
-                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Product')),
-                    " ",
-                    product),
-                React.createElement("p", null,
-                    React.createElement("span", { className: "pf-v6-u-font-family-heading pf-v6-u-pr-xs" }, t('Version')),
-                    version)),
+            shouldShowARHUI() && React.createElement(AskRedHat, { onChatWithAIClick: handleChatWithAIClick }),
             !isCreatingCase && (React.createElement(OpenShiftClusterId, { className: "push-bottom", "data-tracking-id": "troubleshoot-section-openshift-cluster-id" })),
             React.createElement(LoadingDots, { show: topContent.isFetching }),
             topContent.data.length === 0 && (React.createElement(Card, { id: "card", className: "pf-v6-u-mb-md" },
@@ -56,7 +142,7 @@ function TroubleshootSection(props) {
                     React.createElement(Trans, null, "No recommendations for this product")))),
             React.createElement(ErrorBoundary, { errorMsgInfo: { message: t('There was an error loading suggestions') } }, canShowTopContent && !isEmpty(version) && React.createElement(Suggestions, null)),
             !isCreatingCase && React.createElement(ClusterRecommendations, { className: "pf-v6-u-mt-lg" })),
-        React.createElement("section", { className: "pf-v6-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))));
+        React.createElement("section", { className: "pf-v6-u-mt-lg" }, isNotAnIdea && (React.createElement(InsightsResults, { isDisplayOnMain: true, "data-tracking-id": "troubleshoot-section-file-recs" })))))));
 }
 TroubleshootSection.defaultProps = defaultProps;
 export default TroubleshootSection;