fix(ui): correlated exchange click updates local state instead of navigating

ui/src/pages/Exchanges/ExchangeHeader.tsx

@@ -9,6 +9,7 @@ import styles from './ExchangeHeader.module.css';
 
 interface ExchangeHeaderProps {
   detail: ExecutionDetail;
+  onCorrelatedSelect?: (executionId: string, applicationName: string, routeId: string) => void;
 }
 
 type StatusVariant = 'success' | 'error' | 'running' | 'warning';
@@ -37,7 +38,7 @@ function formatDuration(ms: number): string {
   return `${ms}ms`;
 }
 
-export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
+export function ExchangeHeader({ detail, onCorrelatedSelect }: ExchangeHeaderProps) {
   const navigate = useNavigate();
   const { data: chainResult } = useCorrelationChain(detail.correlationId ?? null);
   const chain = chainResult?.data;
@@ -106,8 +107,8 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
                 <button
                   className={`${styles.chainNode} ${statusCls} ${isCurrent ? styles.chainNodeCurrent : ''}`}
                   onClick={() => {
-                    if (!isCurrent) {
-                      navigate(`/exchanges/${ce.applicationName ?? detail.applicationName}/${ce.routeId}/${ce.executionId}`);
+                    if (!isCurrent && onCorrelatedSelect) {
+                      onCorrelatedSelect(ce.executionId, ce.applicationName ?? detail.applicationName, ce.routeId);
                     }
                   }}
                   title={`${ce.executionId}\n${ce.routeId} \u2014 ${formatDuration(ce.durationMs)}`}