fix(lightspeed): minor UI fix

Signed-off-by: Yi Cai <yicai@redhat.com>

Author: ciiay

workspaces/lightspeed/.changeset/fix-model-selector-caret.md

@@ -0,0 +1,5 @@
+---
+'@red-hat-developer-hub/backstage-plugin-lightspeed': patch
+---
+
+Fix duplicate caret icons in the message bar model selector dropdown.

workspaces/lightspeed/plugins/lightspeed/src/components/MessageBarModelSelector.tsx

@@ -24,7 +24,6 @@ import {
   MenuToggle,
   MenuToggleElement,
 } from '@patternfly/react-core';
-import { AngleDownIcon } from '@patternfly/react-icons';
 
 import { useTranslation } from '../hooks/useTranslation';
 
@@ -37,9 +36,6 @@ type MessageBarModelSelectorProps = {
 
 const useStyles = makeStyles(theme => ({
   selectorToggle: {
-    display: 'flex',
-    alignItems: 'center',
-    gap: 4,
     color: theme.palette.text.secondary,
     fontSize: 14,
     fontWeight: 500,
@@ -55,6 +51,11 @@ const useStyles = makeStyles(theme => ({
       cursor: 'not-allowed',
       opacity: 0.5,
     },
+    // PF v6 dual-mapped icons render default + rh-ui SVGs; hide rh-ui so only
+    // one caret shows (matches prototype toggle-icon structure).
+    '& .pf-v6-c-menu-toggle__toggle-icon .pf-v6-icon-rh-ui': {
+      display: 'none',
+    },
   },
   dropdown: {
     '& ul, & li': {
@@ -83,12 +84,11 @@ export const MessageBarModelSelector = ({
       onClick={() => setIsOpen(!isOpen)}
       isExpanded={isOpen}
       isDisabled={disabled}
-      variant="plain"
+      variant="plainText"
       className={classes.selectorToggle}
       aria-label={t('aria.chatbotSelector')}
     >
       {selectedModelLabel}
-      <AngleDownIcon />
     </MenuToggle>
   );