From bd64b6db0fb8f509c0dd9977b8dfd5658e623003 Mon Sep 17 00:00:00 2001
From: rcourtman <courtmanr@gmail.com>
Date: Fri, 20 Mar 2026 01:21:13 +0000
Subject: [PATCH] Flatten correlation reveal shell

---
 .../v6/internal/subsystems/unified-resources.md   |  2 +-
 .../Infrastructure/ResourceDetailDrawer.tsx       | 15 ++++++++-------
 .../ResourceDetailDrawer.history.test.tsx         |  1 +
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/docs/release-control/v6/internal/subsystems/unified-resources.md b/docs/release-control/v6/internal/subsystems/unified-resources.md
index 62c523d8d..dbc320490 100644
--- a/docs/release-control/v6/internal/subsystems/unified-resources.md
+++ b/docs/release-control/v6/internal/subsystems/unified-resources.md
@@ -256,7 +256,7 @@ Inside that disclosure, the governance summary also stays label-first with
 compact rows and badges instead of a second card stack, so policy detail reads
 as supporting context rather than another dashboard.
 Inside that disclosure, learned dependency and correlation detail now sits
-behind its own reveal instead of rendering at full depth immediately, so the
+behind its own reveal without an additional bordered card wrapper, so the
 opened investigation surface stays label-first and leaves relationship pattern
 detail behind the reveal.
 Change-related summary badges now belong to the `Change history` section
diff --git a/frontend-modern/src/components/Infrastructure/ResourceDetailDrawer.tsx b/frontend-modern/src/components/Infrastructure/ResourceDetailDrawer.tsx
index 28e5cde4b..3f33b0396 100644
--- a/frontend-modern/src/components/Infrastructure/ResourceDetailDrawer.tsx
+++ b/frontend-modern/src/components/Infrastructure/ResourceDetailDrawer.tsx
@@ -1862,13 +1862,14 @@ const DrawerContent: Component<ResourceDetailDrawerProps> = (props) => {
                         compact
                       />
                       <Show when={hasCorrelationContext()}>
-                        <div class="rounded border border-border bg-surface-hover px-2 py-2">
+                        <div
+                          data-testid="resource-correlation-context"
+                          class="space-y-1.5"
+                        >
                           <div class="flex flex-wrap items-center justify-between gap-2">
-                            <div>
-                              <div class="text-[10px] font-medium uppercase tracking-wide text-base-content">
-                                Correlation context
-                              </div>
-                            </div>
+                            <span class="text-[10px] font-medium uppercase tracking-wide text-base-content">
+                              Correlation context
+                            </span>
                             <button
                               type="button"
                               onClick={() => setShowCorrelationContext((value) => !value)}
@@ -1879,7 +1880,7 @@ const DrawerContent: Component<ResourceDetailDrawerProps> = (props) => {
                           </div>
 
                           <Show when={showCorrelationContext()}>
-                            <div class="mt-3">
+                            <div class="pt-1">
                               <ResourceCorrelationSummary
                                 title="Correlation context"
                                 dependencies={resourceDependencies()}
diff --git a/frontend-modern/src/components/Infrastructure/__tests__/ResourceDetailDrawer.history.test.tsx b/frontend-modern/src/components/Infrastructure/__tests__/ResourceDetailDrawer.history.test.tsx
index 09ea1c064..3ff0a149e 100644
--- a/frontend-modern/src/components/Infrastructure/__tests__/ResourceDetailDrawer.history.test.tsx
+++ b/frontend-modern/src/components/Infrastructure/__tests__/ResourceDetailDrawer.history.test.tsx
@@ -256,6 +256,7 @@ describe('ResourceDetailDrawer change history section', () => {
     expect(screen.getByText('stable')).toBeInTheDocument();
     expect(screen.getByText('Notes')).toBeInTheDocument();
     expect(screen.getByText('3')).toBeInTheDocument();
+    expect(screen.getByTestId('resource-correlation-context').querySelector('.rounded.border')).toBeNull();
     fireEvent.click(screen.getByRole('button', { name: 'Show correlations' }));
     expect(
       screen