Flatten correlation reveal shell

This commit is contained in:
rcourtman 2026-03-20 01:21:13 +00:00
parent 67a0446513
commit bd64b6db0f
3 changed files with 10 additions and 8 deletions

View file

@ -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

View file

@ -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()}

View file

@ -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