@rh-support/troubleshoot 2.6.48 → 2.6.55

package/lib/esm/hooks/useARHResponse.js

@@ -0,0 +1,50 @@
+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 { askRHDirectAIResponse } from '@ifd-ui/ask-redhat-core';
+import i18n from 'i18next';
+import { useCallback } from 'react';
+import { generateAIQuestion } from '../components/wizardLayout/WizardMain';
+import { useAIResponseDispatch, useAIResponseState } from '../context/AIResponseContext';
+import { streamingChunkReceived, streamingCompleted, streamingError, streamingStarted, } from '../reducers/AIResponseReducer';
+/**
+ * Custom hook to prompt from the Ask Red Hat
+ */
+export const useARHResponse = ({ activeSection, product, version, summary, issue, caseType, config, }) => {
+    const aiResponseDispatch = useAIResponseDispatch();
+    const aiResponseState = useAIResponseState();
+    const fetchARHResponse = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        var _a;
+        const detailedQuestion = generateAIQuestion(activeSection || '', product, version, summary, issue, caseType || '', i18n.language || 'en');
+        // Streaming callbacks
+        const streamingCallbacks = {
+            onChunk: (chunk, accumulatedResponse) => {
+                aiResponseDispatch(streamingChunkReceived(chunk, accumulatedResponse));
+            },
+            onComplete: (finalResponse) => {
+                aiResponseDispatch(streamingCompleted(finalResponse));
+            },
+            onError: (error) => {
+                aiResponseDispatch(streamingError(error));
+            },
+        };
+        aiResponseDispatch(streamingStarted());
+        try {
+            // Get existing conversation ID from state if available (need to map it with session data)
+            const existingConversationId = (_a = aiResponseState === null || aiResponseState === void 0 ? void 0 : aiResponseState.aiResponse) === null || _a === void 0 ? void 0 : _a.conversationId;
+            yield askRHDirectAIResponse(detailedQuestion, config, true, // response to be streamed or not
+            existingConversationId, streamingCallbacks);
+        }
+        catch (error) {
+            const errorMessage = error instanceof Error ? error.message : 'Failed to get AI response';
+            aiResponseDispatch(streamingError(errorMessage));
+        }
+    }), [activeSection, product, version, summary, issue, caseType, config, aiResponseDispatch, aiResponseState]);
+    return { fetchARHResponse };
+};

package/lib/esm/scss/_main.scss

@@ -81,6 +81,17 @@ div.support-grid-case-details.support-case {
                     }
                 }
             }
+            .grid-aside-content-inner-div {
+                margin: 0px !important;
+            }
+
+            .card-heading {
+                margin-bottom: 0px;
+            }
+
+            #case-details-top-recommendations-pagination-bottom-pagination {
+                justify-content: flex-start;
+            }
         }
     }
 
@@ -168,10 +179,12 @@ div.support-grid-case-details.support-case {
             min-height: 75vh;
             width: 100%;
             background-color: #f0f0f0;
+            border-radius: 0 0 0 16px;
 
             .grid-main-section {
                 padding: 1rem;
                 background-color: #fff;
+                border-radius: 0 0 0 16px;
 
                 .case-overview-header {
                     padding: 0.5rem;
@@ -258,6 +271,7 @@ div.support-grid-case-details.support-case {
                     justify-content: space-between;
                     -ms-flex-wrap: wrap;
                     flex-wrap: wrap;
+                    border-radius: 8px;
 
                     & > * {
                         margin: 9px;
@@ -303,6 +317,7 @@ div.support-grid-case-details.support-case {
                 }
 
                 .case-overview-secondary {
+                    border-radius: 8px;
                     .form-group {
                         margin-bottom: 0;
                     }
@@ -406,7 +421,7 @@ div.support-grid-case-details.support-case {
                     display: flex;
                     align-items: center;
                     width: 100%;
-                    padding: 1.8rem 1.5rem;
+                    padding: 24px;
                     font-weight: 500;
 
                     span {
@@ -426,11 +441,7 @@ div.support-grid-case-details.support-case {
 
             &.sidebar-collapsed {
                 button:first-of-type {
-                    margin-bottom: 0.4rem;
-                    padding: 1.8rem 1.5rem;
-                    background-color: #dedede;
-                    border-top: 1px solid #ccc;
-                    border-bottom: 1px solid #ccc;
+                    padding: 24px;
                 }
 
                 button.sidebar-section-toggle-btn {
@@ -647,24 +658,30 @@ mark {
     margin-left: -2rem;
 }
 
+.list-icons li:last-child {
+    margin-bottom: 0;
+}
+
 // pinning feature - can't be overly specific here
 .recommendation-header {
     font-size: 14px;
     font-weight: 600;
 
     .pinned-resource {
-        color: var(--pf-v5-global--primary-color--100);
+        color: var(--pf-t--global--text--color--link--default);
     }
 
-    button:hover[title='Link'] {
+    button:hover[title='Link'] svg {
         color: #6ca100;
     }
 
     button[title='Unlink'] {
-        color: #6ca100;
+        svg {
+            color: #6ca100;
+        }
 
-        &:hover {
-            color: var(--pf-v5-global--danger-color--100);
+        &:hover svg {
+            color: var(pf-t--global--icon--color--status--danger--default);
         }
     }
 }
@@ -765,10 +782,10 @@ p.pref-case-popover-text {
 }
 
 .support-types-card {
-    border: 1px solid #c7c7c7;
+    border: var(--pf-t--global--border--width--box--default) solid var(--pf-t--global--border--color--default);
 
     &.pf-m-selected {
-        border: 1px solid #06c;
+        border: var(--pf-t--global--border--width--box--clicked) solid var(--pf-t--global--border--color--clicked);
     }
 }
 
@@ -968,6 +985,7 @@ svg.pf-v6-u-ml-xs.icon-size {
     button {
         padding: 0;
         display: flex;
+        min-width: 7rem;
     }
     .eval-icons span {
         color: var(--pf-v5-global--primary-color--200);
@@ -981,6 +999,23 @@ svg.pf-v6-u-ml-xs.icon-size {
     padding: 0.2rem;
 }
 
+#case-details-pinned-recommendations {
+    margin-bottom: 0;
+}
+
+.card-body-wrapper {
+    display: flex;
+    padding: 16px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 16px;
+    border-radius: 0px 0px var(--global-border-radius-medium, 16px) var(--global-border-radius-medium, 16px);
+    border-right: 1px solid var(--global-border-color-default, #c7c7c7);
+    border-bottom: 1px solid var(--global-border-color-default, #c7c7c7);
+    border-left: 1px solid var(--global-border-color-default, #c7c7c7);
+    background: #fff;
+}
+
 .card-body-wrapper {
     display: flex;
     padding: 16px;
@@ -1097,6 +1132,7 @@ svg.pf-v6-u-ml-xs.icon-size {
 
 .review-form {
     background-color: #e0e0e0 !important;
+    border-radius: 8px;
 }
 
 .ai-label-text {
@@ -1148,6 +1184,7 @@ svg.pf-v6-u-ml-xs.icon-size {
     padding: 1px;
     border-radius: 20px;
     height: 32px;
+    margin-bottom: 18px;
 }
 
 .single-select-toggle-text {
@@ -1254,3 +1291,27 @@ svg.pf-v6-u-ml-xs.icon-size {
 .cursor-pointer {
     cursor: pointer;
 }
+
+#file-uploader-title {
+    margin-bottom: 0;
+}
+
+.file-upload-body {
+    padding-top: 0;
+}
+
+.article-recommendations-card h3 {
+    margin-bottom: 0;
+}
+
+.postcomment-submit:disabled {
+    color: var(--pf-v6-c-button--disabled--Color);
+}
+
+.remote-session-button:disabled {
+    color: var(--pf-v6-c-button--disabled--Color);
+}
+
+.send-notifications-add:disabled {
+    color: var(--pf-v6-c-button--disabled--Color) !important;
+}

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

@@ -107,6 +107,7 @@
 }
 
 .pf-v6-c-alert {
+    margin-top: 24px;
     .pf-v6-c-alert__title {
         font-weight: 600 !important;
         font-size: 15px;
@@ -193,6 +194,7 @@
 
 .pf-v6-c-accordion {
     padding: 0;
+    margin: 0;
     .pf-m-expanded ul {
         list-style-type: none; //Because, FF
     }
@@ -294,10 +296,6 @@
     margin-top: 2px;
 }
 
-.file-diag {
-    border: 1px solid #ededed;
-}
-
 .file-diag > .card-heading {
     display: flex;
     -ms-flex-align: center;
@@ -329,6 +327,14 @@
     color: #06c;
 }
 
+.pf-v6-c-button.pf-m-primary {
+    color: var(--pf-v6-c-button--Color);
+}
+
+.pf-m-aria-disabled {
+    color: var(--pf-v6-c-button--disabled--Color) !important;
+}
+
 // Override disable color on darker backgrounds
 .case-overview-secondary,
 #review {
@@ -399,6 +405,10 @@ div#cep-details-modal.pf-v6-c-modal-box__body {
 div#request-mgmt-escalation-modal.request-escalation-modal {
     div.pf-v6-c-modal-box__body {
         form.pf-v6-c-form.request-escalation-form {
+            .pf-m-textarea textarea {
+                resize: none !important;
+            }
+
             div.pf-v6-l-grid.pf-m-all-12-col-on-md.pf-m-gutter {
                 div.pf-v6-l-grid__item.pf-m-6-col {
                     div.pf-v6-c-form__group {
@@ -450,6 +460,14 @@ pfe-accordion {
     z-index: 1 !important;
 }
 
+nav.pf-v6-c-wizard__nav.pf-m-expanded {
+    position: absolute;
+    left: 0;
+    z-index: 2 !important;
+    background: #fff;
+    width: 100%;
+}
+
 .pf-v6-c-options-menu__menu {
     z-index: 9 !important;
 }
@@ -739,6 +757,7 @@ a.case-resource-recommendation-link {
 }
 
 .description-textarea {
+    resize: none !important;
     &.pf-v6-c-form-control {
         &:disabled,
         &.kt1-disabled {
@@ -795,12 +814,36 @@ div.case-details-tabs pre {
     margin-bottom: 1rem;
 }
 
-#external-ssousername-filter:has(.pf-v6-c-truncate) {
-    @media (min-width: 1300px) {
-        min-width: calc(100% + 269px) !important;
-    }
-}
-
 .case-creation-severity-select {
     max-width: min-content !important;
 }
+
+.pf-v6-c-wizard__main-body {
+    padding: 32px;
+}
+
+.pf-v6-c-alert__description {
+    color: #000000;
+}
+
+.pf-v6-c-card__header.pf-v6-u-display-flex > .pf-v6-c-card__header-toggle {
+    align-self: center;
+}
+
+.pf-v6-c-button.secondary-button-pill {
+    border-radius: var(--pf-t--global--border--radius--400);
+    padding-left: 1.5rem;
+    padding-right: 1.5rem;
+}
+
+.pf-v6-c-alert {
+    margin-top: 0;
+}
+
+.pf-v6-c-wizard__nav {
+    border-radius: 0 0 0 16px !important;
+}
+
+.pf-v6-c-wizard__outer-wrap {
+    border-radius: 16px !important;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@rh-support/troubleshoot",
-    "version": "2.6.48",
+    "version": "2.6.55",
     "publishConfig": {
         "access": "public",
         "registry": "https://registry.npmjs.org"
@@ -59,11 +59,11 @@
         "@progress/kendo-licensing": "1.3.5",
         "@progress/kendo-react-pdf": "^5.16.0",
         "@redux-devtools/extension": "^3.3.0",
-        "@rh-support/components": "2.5.27",
-        "@rh-support/react-context": "2.5.29",
+        "@rh-support/components": "2.5.45",
+        "@rh-support/react-context": "2.5.60",
         "@rh-support/types": "2.0.5",
-        "@rh-support/user-permissions": "2.5.18",
-        "@rh-support/utils": "2.5.17",
+        "@rh-support/user-permissions": "2.5.20",
+        "@rh-support/utils": "2.5.19",
         "@types/react-redux": "^7.1.33",
         "@types/redux": "^3.6.0",
         "date-fns": "3.6.0",
@@ -135,5 +135,5 @@
         "defaults and supports es6-module",
         "maintained node versions"
     ],
-    "gitHead": "6ac3752634413fb58eaf6c12856f82f06f019d49"
+    "gitHead": "496bf698365697ff751a8edf712284454440d6ea"
 }