@rh-support/troubleshoot 2.6.70 → 2.6.73

package/lib/esm/components/CaseEditView/ActiveCustomerEscalation/ActiveCustomerEscalation.js

@@ -45,7 +45,7 @@ export const ActiveCustomerEscalation = forwardRef((props, ref) => {
                 React.createElement("div", { style: { marginLeft: 'auto' } },
                     React.createElement(Popover, { showClose: false, position: 'left', hasAutoWidth: true, bodyContent: (hide) => (React.createElement("a", { href: "/support/escalation", target: "_blank", "aria-label": t('Learn more about escalation cases.') },
                             React.createElement(Trans, null, "Learn more about escalation cases."))) },
-                        React.createElement(InfoCircleIcon, { title: t('Learn more about escalation cases popover') }))))),
+                        React.createElement(InfoCircleIcon, { title: t('Learn more about escalation cases popover'), color: "#5e40be" }))))),
         React.createElement(CardBody, null,
             React.createElement(React.Fragment, null,
                 React.createElement("p", null,

package/lib/esm/components/CaseEditView/CaseDetailsAside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAiZ7C"}
+{"version":3,"file":"CaseDetailsAside.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseEditView/CaseDetailsAside.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAA2D,MAAM,OAAO,CAAC;AAYhF,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;CACtB;AAMD,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,qBAsZ7C"}

package/lib/esm/components/CaseEditView/CaseDetailsAside.js

@@ -194,19 +194,20 @@ export function CaseDetailsAside(props) {
             React.createElement("div", { className: "case-detail-collapse-panel" },
                 React.createElement("p", { className: "case-detail-collapse-label" },
                     React.createElement(Trans, null, "Collapse")),
-                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed pf-v6-u-align-items-center pf-v6-u-justify-content-center" },
-            React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
-                React.createElement("div", { className: "case-detail-collapse-panel" },
-                    React.createElement(OpenDrawerRightIcon, { className: "mirrored" }))),
-            canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { size: "lg", className: `${viewAsCustomer ? 'blueLock' : 'greyLock'} pf-v6-u-p-sm` },
-                        React.createElement(LockIcon, null)), variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') }))),
-            !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
-                        React.createElement(ListIcon, null)), variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') }))),
-            !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
-                React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
-                        React.createElement(TrendUpIcon, null)), variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') })))))),
+                React.createElement(OpenDrawerRightIcon, { className: "pf-v6-u-ml-auto" })))) : (React.createElement("div", { className: "sidebar-header-container" },
+            React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-column sidebar-section-collapsed pf-v6-u-align-items-center pf-v6-u-justify-content-center" },
+                React.createElement(Tooltip, { content: t('Expand sidebar'), position: "left" },
+                    React.createElement("div", { className: "case-detail-collapse-panel" },
+                        React.createElement(OpenDrawerRightIcon, { className: "mirrored" }))),
+                canSeeToggleCustomerView && (React.createElement(Tooltip, { content: viewAsCustomer ? t('External view') : t('Internal view'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { size: "lg", className: `${viewAsCustomer ? 'blueLock' : 'greyLock'} pf-v6-u-p-sm` },
+                            React.createElement(LockIcon, null)), variant: "link", onClick: () => setSectionToScollRef(toggleCustomerViewRef), className: "sidebar-section-toggle-btn", "aria-label": viewAsCustomer ? t('External view') : t('Internal view') }))),
+                !isLoadingRecommendations && allDocs.length > 0 && (React.createElement(Tooltip, { content: t('Top recommendations'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
+                            React.createElement(ListIcon, null)), variant: "link", onClick: () => setSectionToScollRef(topSolutionsRef), className: "sidebar-section-toggle-btn", "aria-label": t('Top recommendations') }))),
+                !caseEscalations.isFetching && (canCreateICE || (canCreateRME && isCreateRMEVisible)) && (React.createElement(Tooltip, { content: t('Request an escalation'), position: "left" },
+                    React.createElement(Button, { icon: React.createElement(Icon, { className: "pf-v6-u-p-sm", size: "lg" },
+                            React.createElement(TrendUpIcon, null)), variant: "link", className: "sidebar-section-toggle-btn", onClick: () => setSectionToScollRef(createEscalationRef), "aria-label": t('Request an escalation') }))))))),
         React.createElement("pfe-collapse-panel", { className: "sidebar-content", "pfe-animation": "false", id: "case-details-aside-content", ref: caseDetailsAsidePanelRef },
             React.createElement("div", { className: "grid-aside-content" },
                 React.createElement("div", { className: "grid-aside-content-inner-div" },
@@ -215,7 +216,7 @@ export function CaseDetailsAside(props) {
                             preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'),
                             React.createElement(Popover, { "aria-label": "Preferred-default-case-view-popover", position: PopoverPosition.top, bodyContent: React.createElement("p", { className: 'pref-case-popover-text' },
                                     React.createElement(Trans, null, renderCasePrefPopoverText())), showClose: false },
-                                React.createElement(InfoCircleIcon, { "aria-label": "Preferred-case-view-info-icon", className: "pf-v6-u-ml-sm", style: { color: '#5e40be', width: '1rem', height: '1rem' } }))),
+                                React.createElement(InfoCircleIcon, { "aria-label": "Preferred-case-view-info-icon", className: "pf-v6-u-ml-sm", color: "#5e40be" }))),
                         React.createElement(Switch, { title: preferredOrDefaultCaseView() ? t('Customer view') : t('Internal view'), "data-tracking-id": preferredOrDefaultCaseView()
                                 ? 'disable-view-as-customer'
                                 : 'enable-view-as-customer', "aria-label": preferredOrDefaultCaseView()

package/lib/esm/components/CaseEditView/CaseDetailsTabs.js

@@ -158,7 +158,7 @@ export function CaseDetailsTabs(props) {
                             ' ',
                             React.createElement("span", { style: { marginLeft: '0.25rem' } },
                                 React.createElement(ExternalLinkAltIcon, null)))) },
-                    React.createElement(InfoCircleIcon, { color: "black" })))) })))),
+                    React.createElement(InfoCircleIcon, { color: "#5e40be" })))) })))),
         React.createElement("div", { className: "case-details-tabs-content pf-v6-u-pt-xl" }, tabsToRender.map((tab, index) => {
             return index === getActiveTabKey() && !isExportingPDF ? (React.createElement(TabContent, { eventKey: index, key: tab.key, id: `pf-tab-${index}-${tab.title.split(' ')[0]}-tabpanel`, ref: tab.ref, "aria-label": tab.title, hidden: isExportingPDF ? !isTabVisibleInPdfExport(tab) : index !== getActiveTabKey() },
                 React.createElement(ErrorBoundary, { errorMsgInfo: {

package/lib/esm/components/CaseEditView/CaseOverview/index.js

@@ -242,7 +242,7 @@ export default function CaseOverview(props) {
                             React.createElement("p", { className: "pf-v6-u-mb-sm" },
                                 React.createElement(Trans, null, "The customer has received two warnings regarding inactivity. This case will be closed soon if we don't receive any input."))) })))),
                 React.createElement(CaseContactPhoneNumberAlert, { isReview: true, tabRef: props.tabsRef }),
-                React.createElement("header", null,
+                React.createElement("header", { className: "pf-v6-u-mb-sm pf-v6-u-mt-lg" },
                     React.createElement("h2", { className: "case-ID" },
                         React.createElement(Trans, null, "Case"),
                         " ",
@@ -256,7 +256,7 @@ export default function CaseOverview(props) {
                                 ? 'case-close-btn-case-details-overview'
                                 : 'case-reopen-btn-case-details-overview' }),
                             React.createElement(Trans, null, isCaseInOpenState ? 'Close case' : 'Reopen case')))),
-                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
+                React.createElement("div", { className: `case-details-header-secondary push-bottom-narrow pf-v6-u-mb-sm ${isExportingPDF && !viewAsCustomer ? 'hide-in-pdf' : ''}` },
                     React.createElement("span", { className: `case-support-level ${isExportingPDF ? 'hide-in-pdf' : ''}` }, computeSupportLink())),
                 React.createElement("div", { className: "case-details-summary push-bottom-narrow" },
                     React.createElement(Summary, { inlineEditable: true, hideLabel: true })),

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EAyH3B,CAAC"}
+{"version":3,"file":"ESSRemoteSession.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,OAAO,CAAC;IAClB,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC,iBAAiB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,eAAO,MAAM,gBAAgB,+EA0H3B,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/ESSRemoteSession.js

@@ -31,8 +31,8 @@ export const ESSRemoteSession = forwardRef((props, ref) => {
         React.createElement(CardBody, null,
             isInternal && (React.createElement(React.Fragment, null,
                 React.createElement("p", null,
-                    React.createElement(LockIcon, null),
-                    " ",
+                    React.createElement(LockIcon, { style: { marginRight: '8px' } }),
+                    ' ',
                     React.createElement("strong", null, `${t('Available to customers only')}`)),
                 React.createElement("p", null,
                     React.createElement(Trans, null,

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAwHjC,CAAC"}
+{"version":3,"file":"RemoteSessionAgreement.d.ts","sourceRoot":"","sources":["../../../../../src/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmD,MAAM,OAAO,CAAC;AAKxE,UAAU,MAAM;IACZ,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,0BAA0B,EAAE,OAAO,CAAC;IACpC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,EAAE,OAAO,CAAC;CACrB;AAED,eAAO,MAAM,sBAAsB,+EAyHjC,CAAC"}

package/lib/esm/components/CaseEditView/RequestRemoteSession/RemoteSessionAgreement.js

@@ -31,8 +31,8 @@ export const RemoteSessionAgreement = forwardRef((props, ref) => {
         React.createElement(CardBody, null,
             isInternal && (React.createElement(React.Fragment, null,
                 React.createElement("p", null,
-                    React.createElement(LockIcon, null),
-                    " ",
+                    React.createElement(LockIcon, { style: { marginRight: '8px' } }),
+                    ' ',
                     React.createElement("strong", null, `${t('Available to customers only')}`)),
                 React.createElement("p", null,
                     React.createElement(Trans, null,

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA6KlC;kBA7KQ,YAAY;;;AAgLrB,OAAO,EAAE,YAAY,EAAE,CAAC"}
+{"version":3,"file":"CaseHostname.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseHostname.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAG5D,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAO,SAAQ,gBAAgB;IACrC,cAAc,EAAE,OAAO,CAAC;CAC3B;AAMD,iBAAS,YAAY,CAAC,KAAK,EAAE,MAAM,qBA8KlC;kBA9KQ,YAAY;;;AAiLrB,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseHostname.js

@@ -111,7 +111,7 @@ function CaseHostname(props) {
         React.createElement(InlineEdit, { labelProps: { htmlFor: 'case-details-hostname' }, formClassName: props.className || '', labelContent: React.createElement(React.Fragment, null,
                 React.createElement(Trans, { className: "pf-v6-u-mr-xs" }, "Hostname"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localHostnameChange, value: hostname, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.hostname) })), helperContent: !isExportingPDF ? (React.createElement(Popover, { "aria-label": "Hostname Info", position: PopoverPosition.auto, bodyContent: hostNameVisibilityContent, closeBtnAriaLabel: "Close", headerContent: 'Share hostname?', onShow: () => userOriginalHostnameValue() },
-                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-sm F icon-size pf-v6-u-text-color-status-custom cursor-pointer", "aria-label": "Hostname Info" }))) : undefined, allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined, isExportingPDF: isExportingPDF },
+                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-sm F icon-size cursor-pointer", "aria-label": "Hostname Info", color: "#5e40be" }))) : undefined, allowInlineEdit: props.inlineEditable, content: hostname, saveDisabled: hostnameState === hostname || isHostnameUpdating || lengthError, onSave: onSave, onCancel: onCancel, initialIsEditing: false, loadingIndicator: isHostnameUpdating ? React.createElement(LoadingIndicator, { show: isHostnameUpdating, isInline: true }) : undefined, isExportingPDF: isExportingPDF },
             React.createElement(TextInput, { type: "text", id: "case-details-hostname", className: `${lengthError ? ' form-invalid' : ''}`, name: "case-details-hostname", value: hostnameState, onChange: (e, phone) => onHostnameChange(phone), isDisabled: isHostnameUpdating, "data-tracking-id": "case-details-hostname", "aria-invalid": lengthError })),
         lengthError && (React.createElement("div", { className: "pull-top" },
             React.createElement("p", { className: "form-instructions form-invalid" },

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBA+LxD"}
+{"version":3,"file":"CaseReferenceNumber.d.ts","sourceRoot":"","sources":["../../../../../../src/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAW/D,UAAU,MAAM;IACZ,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,KAAK,EAAE,MAAM,qBAgMxD"}

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/CaseReferenceNumber.js

@@ -106,7 +106,7 @@ export default function CaseReferenceNumber(props) {
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localRefNumberChange, value: referenceNumber, getTooltipContent: getChangedValueTooltip(() => CaseValuesToWatch.altID) }),
                 ' ',
                 !isExportingPDF ? (React.createElement(Tooltip, { trigger: 'mouseenter focus', position: TooltipPosition.top, content: React.createElement(Trans, null, "Add your internal tracking ID to better identify and organize support issues.") },
-                    React.createElement(InfoIcon, { className: "pf-v6-u-ml-sm cursor-pointer pf-v6-u-text-color-status-custom", "aria-label": "Case Alternate ID" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
+                    React.createElement(InfoIcon, { className: "pf-v6-u-ml-sm cursor-pointer", "aria-label": "Case Alternate ID", color: "#5e40be" }))) : ('')), allowInlineEdit: inlineEditable, content: referenceNumber || t('No personal reference number to display.'), hideSaveCancel: hideSaveCancel, saveDisabled: saveDisabled, charCount: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) || 0, charTotal: CASE_REFERENCE_NUMBER_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
             React.createElement(TextInputGroup, null,
                 React.createElement(TextInput, { value: referenceNumberState, type: "text", id: "case-details-reference-number", placeholder: t(`Enter the reference number used personally or within your company`), onChange: (_event, value) => onReferenceNumberChange(value), "data-tracking-id": "case-details-reference-number", isDisabled: isUpdating, onKeyDown: handleKeyDown, validated: (referenceNumberState === null || referenceNumberState === void 0 ? void 0 : referenceNumberState.length) > CASE_REFERENCE_NUMBER_LIMIT
                         ? ValidatedOptions.error

package/lib/esm/components/CaseEditView/Tabs/CaseDetails/Summary.js

@@ -7,7 +7,7 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
         step((generator = generator.apply(thisArg, _arguments || [])).next());
     });
 };
-import { InputGroupText, Spinner, TextInput, TextInputGroup, ValidatedOptions } from '@patternfly/react-core';
+import { InputGroupText, Spinner, TextInput, ValidatedOptions } from '@patternfly/react-core';
 import CheckIcon from '@patternfly/react-icons/dist/js/icons/check-icon';
 import TimesIcon from '@patternfly/react-icons/dist/js/icons/times-icon';
 import { NewInlineEdit, ToastNotification, ValueChangedIcon } from '@rh-support/components';
@@ -127,11 +127,11 @@ function Summary(props) {
                 React.createElement(Trans, null, "Title"),
                 React.createElement(ValueChangedIcon, { afterLocalChange: afterLocalChange, isLocalChange: localSummaryChange, value: summary, getTooltipContent: getSummaryChangedTT }),
                 React.createElement("span", { className: "form-required", "aria-hidden": true }, "*")), allowInlineEdit: props.inlineEditable, content: summary ? summary : t('No summary to display.'), saveDisabled: saveDisabled, hideLabel: props.hideLabel, hideSaveCancel: props.hideSaveCancel, charCount: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) || 0, charTotal: SUMMARY_LENGTH_LIMIT, cancelToggleState: isCancelClicked, saveToggleState: isSaveClicked, isExportingPDF: isExportingPDF },
-            React.createElement(TextInputGroup, null,
+            React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-flex-direction-row pf-v6-u-align-items-center" },
                 React.createElement(TextInput, { type: "text", id: "case-details-summary", "aria-required": true, required: true, name: "case-details-summary", value: summaryState, onChange: (_event, value) => onSummaryChange(value), isDisabled: isSummaryUpdating, "data-tracking-id": "case-details-summary", onKeyDown: handleKeyDown, validated: (summaryState === null || summaryState === void 0 ? void 0 : summaryState.length) > SUMMARY_LENGTH_LIMIT || isSummaryEmpty
                         ? ValidatedOptions.error
                         : ValidatedOptions.default }),
-                !isSummaryUpdating ? (React.createElement(InputGroupText, null,
+                !isSummaryUpdating ? (React.createElement("div", { className: "pf-v6-u-display-flex pf-v6-u-align-items-center" },
                     React.createElement("button", { className: "btn btn-app btn-link pf-v6-u-ml-sm", type: "button", disabled: saveDisabled, onClick: onSave },
                         React.createElement(CheckIcon, null)),
                     React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: onCancel },

package/lib/esm/components/CaseEditView/Tabs/CaseHistory/Timeline.css

@@ -45,7 +45,7 @@
 
     /* This value is calculated in timeline.tsx */
     bottom: calc(var(--timeline-bottom) + var(--timeline-bottom-offset, 18.35%));
-    left: calc(15% + 14.5px);
+    left: calc(20% + 14.5px);
     transform: translateX(-50%);
 }
 
@@ -119,7 +119,7 @@
 
 .timeline-avatar {
     position: absolute;
-    left: calc(15% + 15px);
+    left: calc(20% + 15px);
     transform: translateX(-91%);
     top: 12px;
     z-index: 5;
@@ -132,14 +132,14 @@
     width: 10px;
     height: 10px;
     z-index: 2;
-    left: calc(15% + 15px);
+    left: calc(20% + 18px);
     transform: translateX(-195%);
     top: 25px;
 }
 
 .left-node {
-    flex: 0 0 15%;
-    max-width: 20%;
+    flex: 0 0 20%;
+    max-width: 25%;
     padding-right: 24px;
     margin-left: -2em;
     margin-right: 24px;
@@ -161,7 +161,6 @@
     font-weight: 400;
     text-align: right;
     line-height: 30px;
-    padding-left: 1em;
     white-space: nowrap;
     overflow: hidden;
 }
@@ -279,7 +278,7 @@ ul#case-history-paginated-timeline {
 }
 
 .case-history-timeline-datepicker input[aria-label='Date picker'] {
-    min-width: 10rem;
+    padding-right: 0 !important;
 }
 
 .case-history-timeline-datepicker button {

package/lib/esm/components/CaseInformation/ContactPhoneNumberPopOver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAqBrC,CAAC"}
+{"version":3,"file":"ContactPhoneNumberPopOver.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseInformation/ContactPhoneNumberPopOver.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,eAAO,MAAM,yBAAyB,yBAsBrC,CAAC"}

package/lib/esm/components/CaseInformation/ContactPhoneNumberPopOver.js

@@ -5,5 +5,5 @@ import { Trans } from 'react-i18next';
 export const ContactPhoneNumberPopOver = () => {
     return (React.createElement(Popover, { "aria-label": "Support Severity Level info", position: PopoverPosition.right, bodyContent: React.createElement("p", null,
             React.createElement(Trans, null, "When you change the phone number, it affects both this case and your contact info in the Red Hat support system.")), closeBtnAriaLabel: "Close" },
-        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer pf-v6-u-text-color-status-custom", "aria-label": "Contact Phone Number Info" })));
+        React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "Contact Phone Number Info", color: "#5e40be" })));
 };

package/lib/esm/components/CaseManagement/Cep.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA0ThC"}
+{"version":3,"file":"Cep.d.ts","sourceRoot":"","sources":["../../../../src/components/CaseManagement/Cep.tsx"],"names":[],"mappings":"AA0BA,OAAO,KAA0C,MAAM,OAAO,CAAC;AAoB/D,UAAU,MAAM;CAAG;AAEnB,wBAAgB,GAAG,CAAC,KAAK,EAAE,MAAM,qBA8ThC"}

package/lib/esm/components/CaseManagement/Cep.js

@@ -142,7 +142,7 @@ export function Cep(props) {
         React.createElement("div", { id: "cep-checkbox" },
             React.createElement(Checkbox, { id: "get-support-cep", label: t('Consultant has been engaged'), isChecked: isEqual(cep, undefined) ? false : cep, onChange: onCepChange, "data-tracking-id": "get-support-cep", name: "get-support-cep" }),
             !isExportingPDF ? (React.createElement(Popover, { id: "cep-info-popover", "aria-label": "CEP info", position: PopoverPosition.top, bodyContent: React.createElement(Trans, null, "Used by consultants to indicate that a consulting engagement is in progress and the issue requires increased attention from support resources."), closeBtnAriaLabel: "Close" },
-                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "CEP Info" }))) : ('')),
+                React.createElement(QuestionCircleIcon, { className: "pf-v6-u-ml-xs icon-size cursor-pointer", "aria-label": "CEP Info", color: "#5e40be" }))) : ('')),
         React.createElement(LoadingIndicator, { show: isCaseUpdating && isPostingCep, isInline: true, size: "sm" }),
         React.createElement(Modal, { id: "cep-details-modal", "aria-describedby": "cep-modal-description", isOpen: isCepModalOpen, variant: ModalVariant.large, onClose: onCancel },
             React.createElement(ModalHeader, null,

package/lib/esm/components/Suggestions/Suggestions.js

@@ -48,22 +48,21 @@ export default function Suggestions(props) {
             }
         });
     };
-    return (React.createElement("div", { className: "top-content-suggestion-accordion" },
-        showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
-            isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
-                props.title
-                    ? props.title
-                    : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
-                React.createElement(Tooltip, { content: React.createElement("div", null,
-                        React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
-                    React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
-            !isTCSearchEnabled && (React.createElement("div", { className: "card-body" },
-                React.createElement(TopContentSearch, { className: "pf-v6-u-text-color-regular", topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true }))))),
-        React.createElement(Accordion, { className: "pf-v6-u-ml-sm pf-v6-u-mr-sm" }, map(filteredTC.slice(0, maxTC), (sug, index) => {
-            var _a, _b;
-            toggleButtonRefs.current.push(index);
-            return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
-        })),
-        showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
-            React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories")))));
+    return (React.createElement("div", { className: "top-content-suggestion-accordion" }, showTitleDescription && (React.createElement("div", { className: "card card-support top-content-card-wrapper" },
+        isTCSearchEnabled && (React.createElement("h3", { className: "card-heading popular-solutions green-card-heading" },
+            props.title
+                ? props.title
+                : t('i18nKeyPopularSolutions', 'Red Hat hand picked support articles'),
+            React.createElement(Tooltip, { content: React.createElement("div", null,
+                    React.createElement(Trans, null, "Support articles are matched to the product and version details you selected, not the problem details you entered.")) },
+                React.createElement(InfoCircleIcon, { className: "pf-v6-u-ml-sm", "aria-label": t('More info about how support articles are matched') })))),
+        React.createElement("div", { className: "card-body" },
+            !isTCSearchEnabled && (React.createElement(TopContentSearch, { className: "pf-v6-u-text-color-regular", topContentData: topContent.data, topContentResultsWrapperRef: accordionRef, onSearch: onSearchChange, dataTrackingId: "top-content-filter-troubleshoot", enableEventTracking: true })),
+            React.createElement(Accordion, { className: "pf-v6-u-mt-md" }, map(filteredTC.slice(0, maxTC), (sug, index) => {
+                var _a, _b;
+                toggleButtonRefs.current.push(index);
+                return (React.createElement(TopContent, { seSessionId: activeSessionId, seResourceOriginID: (_b = (_a = sessionResourceTracking[SessionResourceSource.TOP_CONTENT]) === null || _a === void 0 ? void 0 : _a.resourceOriginId) !== null && _b !== void 0 ? _b : '', topContentIndex: index, onResourceClick: onResourceClick, name: sug.categoryName, key: sug.categoryName, items: sug.content, helperText: (sug === null || sug === void 0 ? void 0 : sug.helperText) || '' }));
+            })),
+            showMax && filteredTC.length > maxTC && (React.createElement("div", { className: "text-right" },
+                React.createElement("button", { className: "btn btn-app btn-link", type: "button", onClick: showAllCategories, "data-tracking-id": "suggestions-more-categories" }, "More categories"))))))));
 }

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

@@ -243,10 +243,10 @@ export const AskRedHat = ({ onChatWithAIClick }) => {
                                     React.createElement("h3", { className: "ask-redhat-card-title" },
                                         React.createElement("a", { href: source.link, target: "_blank", rel: "noopener noreferrer", onClick: handleSourceClick(source, index) }, source.title))),
                                 React.createElement(CardBody, null,
-                                    React.createElement("p", null, (source.snippet || '').slice(0, 100) + '...')))))))),
-                        React.createElement("div", { className: "response-actions-wrapper" },
-                            React.createElement(ResponseActions, { actions: responseActions, submittedFeedbackTypes: aiResponseState.submittedFeedbackTypes })))),
+                                    React.createElement("p", null, (source.snippet || '').slice(0, 100) + '...')))))))))),
                 React.createElement("div", { className: "ask-redhat-footer-wrapper" },
+                    React.createElement("div", { className: "response-actions-wrapper" },
+                        React.createElement(ResponseActions, { actions: responseActions, submittedFeedbackTypes: aiResponseState.submittedFeedbackTypes })),
                     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', "data-tracking-id": "ask-redhat-chat-button", icon: React.createElement(StarIcon, null) }, "Chat with AI"))),

package/lib/esm/components/shared/fileUpload/FileLister.js

@@ -1,5 +1,5 @@
 import { pcm } from '@cee-eng/hydrajs';
-import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation } from '@patternfly/react-core';
+import { Button, ButtonVariant, Label, Progress, ProgressMeasureLocation, TextInput } from '@patternfly/react-core';
 import HistoryIcon from '@patternfly/react-icons/dist/js/icons/history-icon';
 import { CircularProgressbar } from '@rh-support/components';
 import { humanizeSize, PreviousCaseTypes } from '@rh-support/utils';
@@ -30,10 +30,9 @@ const analysisStepMap = {
 };
 export default function FileLister(props) {
     const { t } = useTranslation();
-    const onDescriptionChange = (localFile, indexToEdit) => (event) => {
-        var _a;
+    const onDescriptionChange = (localFile, indexToEdit) => (event, value) => {
         const editedLocalFile = Object.assign({}, localFile);
-        editedLocalFile.description = isEmpty((_a = event.target.value) === null || _a === void 0 ? void 0 : _a.trim()) ? '' : event.target.value;
+        editedLocalFile.description = isEmpty(value === null || value === void 0 ? void 0 : value.trim()) ? '' : value;
         props.onFileEdit &&
             props.onFileEdit(editedLocalFile, indexToEdit, { description: editedLocalFile.description.trim() });
     };
@@ -128,7 +127,7 @@ export default function FileLister(props) {
                             showDeleteBtn(localFile.uploadProgress.uploadStatus, localFile) && (React.createElement(Button, { variant: ButtonVariant.link, isDanger: true, "aria-label": t('Delete file'), title: t('Delete file'), className: "btn btn-link btn-app remove-file", "data-tracking-id": "file-lister-delete", onClick: onRemoveClick(localFile, index), hidden: !localFile.uploadability.ableToUpload },
                                 React.createElement(Trans, null, "Remove")))))),
                     isAnalysingFile(localFile.analysisMetadata.analysisStatus) && (React.createElement(Progress, { measureLocation: ProgressMeasureLocation.top, value: getAnalysisStepCount(localFile), "aria-label": `Progress - ${getAnalysisProgressTitle(localFile)}`, min: 0, max: (analysisSteps === null || analysisSteps === void 0 ? void 0 : analysisSteps.length) + 1, label: getAnalysisProgressTitle(localFile), valueText: getAnalysisProgressTitle(localFile) })),
-                    React.createElement("input", { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description form-control pf-v6-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
+                    React.createElement(TextInput, { id: `file-${index + 1}-description`, "data-tracking-id": `case-${props.isSessionId ? 'create' : 'details'}-file-${index + 1}-description`, className: "file-description pf-v6-u-my-sm", type: "text", value: localFile.description, onChange: onDescriptionChange(localFile, index), maxLength: 255, placeholder: t(`${shouldHideDescription(localFile, props.isSessionId)
                             ? ''
                             : t('Enter a description')}`), hidden: shouldHideDescription(localFile, props.isSessionId) }),
                     isUploadedAndAnalysisSkipped(localFile) &&

package/lib/esm/css/AskRedHat.css

@@ -22,7 +22,8 @@
 }
 
 .ask-redhat-content {
-    height: 242px;
+    min-height: 242px;
+    max-height: 242px;
     color: #000;
     font-family: 'Red Hat Text';
     font-size: 16px;
@@ -31,16 +32,16 @@
     line-height: 24px;
     overflow: hidden;
     position: relative;
-    transition: height 0.8s ease;
+    transition: max-height 0.8s ease;
 }
 
 .ask-redhat-content--expanded {
-    height: calc(100vh - 382px);
-    transition: height 0.8s ease !important;
+    max-height: calc(100vh - 376px) !important;
+    transition: max-height 0.8s ease !important;
 }
 
 .ask-redhat-content--expanded-scrollable {
-    height: calc(100vh - 453px);
+    max-height: calc(100vh - 512px);
     overflow-y: auto;
 }
 
@@ -372,6 +373,7 @@ body:has(.pf-chatbot--embedded) .hide-for-askredhat {
 
 .response-actions-wrapper {
     margin-top: 24px;
+    margin-bottom: 24px;
 }
 
 .pf-chatbot__header {

package/lib/esm/css/productSelector.css

@@ -88,6 +88,10 @@
         flex: 0 0 31%;
         -ms-flex-item-align: center;
         margin-left: 24px;
+
+        button {
+            height: 40px;
+        }
     }
 
     .version-dropdown-wrapper {

package/lib/esm/scss/_main.scss

@@ -992,11 +992,6 @@ svg.pf-v6-u-ml-xs.icon-size {
 }
 
 .handpicked-resource {
-    button {
-        padding: 0;
-        display: flex;
-        min-width: 7rem;
-    }
     .eval-icons span {
         color: var(--pf-v5-global--primary-color--200);
     }

package/lib/esm/scss/_pf-overrides.scss

@@ -690,22 +690,40 @@ button.pf-m-plain.manage-bookmark-info-icon-button {
     display: flex;
     align-items: center;
     justify-content: space-between;
-    width: 100%;
-    padding: 24px;
     color: var(--pf-t--global--text--color--link--default);
     font-size: var(--pf-t--global--font--size--md);
     font-weight: 500;
     cursor: pointer;
-
+    padding: 10px;
+    margin-bottom: 16px;
     p.case-detail-collapse-label {
         margin-bottom: 0;
     }
-
     svg {
         height: 1.5rem;
         width: 1.5rem;
     }
 }
+
+.sidebar-header-container {
+    padding: 24px;
+}
+
+.case-detail-collapse-panel:hover {
+    background-color: #dedede;
+    border-radius: 8px;
+}
+
+.sidebar-header .case-detail-collapse-panel:hover {
+    background-color: transparent;
+    border-radius: 0;
+    margin-top: 16px;
+}
+
+.sidebar-header .case-detail-collapse-panel {
+    margin: 16px;
+}
+
 .top-content-accordion {
     margin-bottom: 0px !important;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.70",
+    "version": "2.6.73",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -59,8 +59,8 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.52",
-        "@rh-support/react-context": "2.5.67",
+        "@rh-support/components": "2.5.54",
+        "@rh-support/react-context": "2.5.69",
         "@rh-support/types": "2.0.5",
         "@rh-support/user-permissions": "2.5.25",
         "@rh-support/utils": "2.5.22",
@@ -135,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "a890f1a167f618823f654d2132ce110f0f7cc6ed"
+    "gitHead": "59dea26fe8f22c9ded29139d007d026ffc357416"
 }