feat(ui): add route and agent icons in exchange header

ui/src/pages/Exchanges/ExchangeHeader.module.css

@@ -36,6 +36,11 @@
   color: var(--text-muted);
 }
 
+.icon {
+  color: var(--text-muted);
+  flex-shrink: 0;
+}
+
 .agentLabel {
   font-size: 0.625rem;
   font-weight: 600;

ui/src/pages/Exchanges/ExchangeHeader.tsx

@@ -1,4 +1,5 @@
 import { useNavigate } from 'react-router';
+import { GitBranch, Server } from 'lucide-react';
 import { StatusDot, MonoText, Badge } from '@cameleer/design-system';
 import { useCorrelationChain } from '../../api/queries/correlation';
 import type { ExecutionDetail } from '../../components/ExecutionDiagram/types';
@@ -57,10 +58,12 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
         )}
         <span className={styles.separator} />
         <span className={styles.app}>{detail.applicationName}</span>
+        <GitBranch size={12} className={styles.icon} />
         <span className={styles.route}>{detail.routeId}</span>
         {detail.agentId && (
           <>
             <span className={styles.separator} />
+            <Server size={12} className={styles.icon} />
             <span className={styles.app}>{detail.applicationName}</span>
             <MonoText size="xs">{detail.agentId}</MonoText>
           </>