fix(ui): remove exchange ID, reorder to app/route, add agent label

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

@@ -36,6 +36,14 @@
   color: var(--text-muted);
 }
 
+.agentLabel {
+  font-size: 0.625rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.5px;
+  color: var(--text-muted);
+}
+
 .duration {
   margin-left: auto;
   font-family: var(--font-mono);

ui/src/pages/Exchanges/ExchangeHeader.tsx

@@ -56,13 +56,12 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
           </>
         )}
         <span className={styles.separator} />
-        <MonoText size="xs">{detail.exchangeId || detail.executionId}</MonoText>
-        <span className={styles.separator} />
-        <span className={styles.route}>{detail.routeId}</span>
         <span className={styles.app}>{detail.applicationName}</span>
+        <span className={styles.route}>{detail.routeId}</span>
         {detail.agentId && (
           <>
             <span className={styles.separator} />
+            <span className={styles.agentLabel}>Agent</span>
             <MonoText size="xs">{detail.agentId}</MonoText>
           </>
         )}