{values.map((value, index) => {
return (
diff --git a/src/app/HeaderDropdown/HeaderDropdown.tsx b/src/app/HeaderDropdown/HeaderDropdown.tsx
index 4ba3ed6..07fc24a 100644
--- a/src/app/HeaderDropdown/HeaderDropdown.tsx
+++ b/src/app/HeaderDropdown/HeaderDropdown.tsx
@@ -54,6 +54,7 @@ export const HeaderDropdown: React.FunctionComponent = ({
}
};
+ const selectedChatbotName = selectedChatbot?.displayName ?? selectedChatbot?.name;
return (
= ({
toggle={(toggleRef: React.Ref) => {
return (
- Red Hat AI Assistant
+ {selectedChatbotName ?? 'Red Hat AI Assistant'}
);
}}
diff --git a/src/app/app.css b/src/app/app.css
index 6ae1c5d..6c627a1 100644
--- a/src/app/app.css
+++ b/src/app/app.css
@@ -552,6 +552,12 @@ pf-v6-c-page__main-container.pf-m-fill {
position: relative;
}
+.expanding-text-input__section {
+ display: flex;
+ gap: var(--pf-t--global--spacer--sm);
+ flex-direction: column;
+}
+
.hidden {
position: absolute;
opacity: 0;