From 3d86d57a809469c6eb5f8018bbc938b24995320d Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 28 Mar 2026 15:24:20 +0100
Subject: [PATCH] fix(ui): always show correlation section, display message
 when none found

---
 ui/src/pages/Exchanges/ExchangeHeader.module.css |  6 ++++++
 ui/src/pages/Exchanges/ExchangeHeader.tsx        | 16 ++++++++--------
 2 files changed, 14 insertions(+), 8 deletions(-)

diff --git a/ui/src/pages/Exchanges/ExchangeHeader.module.css b/ui/src/pages/Exchanges/ExchangeHeader.module.css
index 756d436e..5b35a056 100644
--- a/ui/src/pages/Exchanges/ExchangeHeader.module.css
+++ b/ui/src/pages/Exchanges/ExchangeHeader.module.css
@@ -180,3 +180,9 @@
   color: var(--text-muted);
   font-size: 9px;
 }
+
+.chainNone {
+  color: var(--text-muted);
+  font-size: 11px;
+  font-style: italic;
+}
diff --git a/ui/src/pages/Exchanges/ExchangeHeader.tsx b/ui/src/pages/Exchanges/ExchangeHeader.tsx
index 7da195f0..3811ceff 100644
--- a/ui/src/pages/Exchanges/ExchangeHeader.tsx
+++ b/ui/src/pages/Exchanges/ExchangeHeader.tsx
@@ -89,11 +89,10 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
         <span className={styles.duration}>{formatDuration(detail.durationMs)}</span>
       </div>
 
-      {/* Correlation chain — only when multiple correlated exchanges exist */}
-      {showChain && (
-        <div className={styles.chain}>
-          <span className={styles.chainLabel}>Correlated</span>
-          {chain.map((ce: any, i: number) => {
+      {/* Correlation chain */}
+      <div className={styles.chain}>
+        <span className={styles.chainLabel}>Correlated</span>
+        {showChain ? chain.map((ce: any, i: number) => {
             const isCurrent = ce.executionId === detail.executionId;
             const variant = statusVariant(ce.status);
             const statusCls =
@@ -119,9 +118,10 @@ export function ExchangeHeader({ detail }: ExchangeHeaderProps) {
                 </button>
               </span>
             );
-          })}
-        </div>
-      )}
+          }) : (
+            <span className={styles.chainNone}>no correlated exchanges found</span>
+          )}
+      </div>
     </div>
   );
 }