Merge pull request #508 from microsoft/macae-BS-UI-fix

fix: human clarification text color

Author: Fr4nc3

src/frontend/src/components/content/streaming/StreamingAgentMessage.tsx

@@ -73,8 +73,10 @@ const useStyles = makeStyles({
   },
   humanBubble: {
     backgroundColor: 'var(--colorBrandBackground)',
-    color: 'var(--colorNeutralForegroundInverted)',
+    color: 'white !important', // Force white text in both light and dark modes
     maxWidth: '80%',
+    padding: '12px 16px',
+    lineHeight: '1.5',
     alignSelf: 'flex-end'
   },
   botBubble: {
@@ -88,7 +90,7 @@ const useStyles = makeStyles({
   clarificationBubble: {
     backgroundColor: 'var(--colorNeutralBackground2)',
     color: 'var(--colorNeutralForeground1)',
-    padding: '6px 8px', // Reduced from 12px 16px
+    padding: '6px 8px', 
     borderRadius: '8px',
     fontSize: '14px',
     lineHeight: '1.5',

src/frontend/src/utils/agentIconUtils.tsx

@@ -320,9 +320,17 @@ export const getAgentDisplayName = (agentName: string): string => {
     // Remove "Agent" suffix if it exists (case insensitive)
     cleanName = cleanName.replace(/\s*agent\s*$/gi, '').trim();
 
+    // Convert to proper case
+    cleanName = cleanName
+        .replace(/\bHRHelper\b/gi, 'HR Helper')
+        .replace(/\bHR([A-Z])/g, 'HR $1')        // Add space after HR before capital letter
+        .replace(/\bIT([A-Z])/g, 'IT $1')        // Add space after IT before capital letter
+        .replace(/\bAPI([A-Z])/g, 'API $1');     // Add space after API before capital letter
+
     // Convert to proper case
     cleanName = cleanName.replace(/\b\w/g, l => l.toUpperCase());
 
+    
     // Handle special cases for better readability
     cleanName = cleanName
         .replace(/\bKb\b/g, 'KB')          // KB instead of Kb