fix(ui): clicking app or route in exchange header clears selection and returns to table

ui/src/pages/Exchanges/ExchangesPage.tsx

@@ -26,6 +26,10 @@ export default function ExchangesPage() {
     setSelected({ executionId, applicationName, routeId });
   }, []);
 
+  const handleClearSelection = useCallback(() => {
+    setSelected(null);
+  }, []);
+
   const handleSplitterDown = useCallback((e: React.PointerEvent) => {
     e.currentTarget.setPointerCapture(e.pointerId);
     const container = containerRef.current;
@@ -62,6 +66,7 @@ export default function ExchangesPage() {
           routeId={selected.routeId}
           exchangeId={selected.executionId}
           onCorrelatedSelect={handleCorrelatedSelect}
+          onClearSelection={handleClearSelection}
         />
       </div>
     </div>
@@ -75,9 +80,10 @@ interface DiagramPanelProps {
   routeId: string;
   exchangeId: string;
   onCorrelatedSelect: (executionId: string, applicationName: string, routeId: string) => void;
+  onClearSelection: () => void;
 }
 
-function DiagramPanel({ appId, routeId, exchangeId, onCorrelatedSelect }: DiagramPanelProps) {
+function DiagramPanel({ appId, routeId, exchangeId, onCorrelatedSelect, onClearSelection }: DiagramPanelProps) {
   const navigate = useNavigate();
   const { timeRange } = useGlobalFilters();
   const timeFrom = timeRange.start.toISOString();
@@ -107,7 +113,7 @@ function DiagramPanel({ appId, routeId, exchangeId, onCorrelatedSelect }: Diagra
   if (detail) {
     return (
       <>
-        <ExchangeHeader detail={detail} onCorrelatedSelect={onCorrelatedSelect} />
+        <ExchangeHeader detail={detail} onCorrelatedSelect={onCorrelatedSelect} onClearSelection={onClearSelection} />
         <ExecutionDiagram
           executionId={exchangeId}
           executionDetail={detail}