From 5873e6a57c7aab25b892bcbe53d01defb05d7c55 Mon Sep 17 00:00:00 2001
From: hsiegeln <37154749+hsiegeln@users.noreply.github.com>
Date: Sat, 28 Mar 2026 16:02:44 +0100
Subject: [PATCH] fix(ui): keep execution overlay active when drilled down into
 sub-routes

---
 ui/src/components/ProcessDiagram/ProcessDiagram.tsx | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/ui/src/components/ProcessDiagram/ProcessDiagram.tsx b/ui/src/components/ProcessDiagram/ProcessDiagram.tsx
index 08cd07e1..8c6a2178 100644
--- a/ui/src/components/ProcessDiagram/ProcessDiagram.tsx
+++ b/ui/src/components/ProcessDiagram/ProcessDiagram.tsx
@@ -69,10 +69,10 @@ export function ProcessDiagram({
   const currentRouteId = routeStack[routeStack.length - 1];
   const isDrilledDown = currentRouteId !== routeId;
 
-  // Disable overlay when drilled down — the execution data is for the root route
-  // and doesn't map to sub-route node IDs. Sub-route shows topology only.
-  const overlayActive = !!executionOverlay && !isDrilledDown;
-  const effectiveOverlay = isDrilledDown ? undefined : executionOverlay;
+  // Keep overlay active when drilled down — the execution tree includes
+  // sub-route processors as nested children, so their IDs are in the overlay map.
+  const overlayActive = !!executionOverlay;
+  const effectiveOverlay = executionOverlay;
 
   // Only use the pre-fetched diagramLayout for the root route.
   const effectiveLayout = isDrilledDown ? undefined : diagramLayout;