ahmido
a30be84084
Summary: - Baseline Compare landing: enterprise UI (stats grid, critical drift banner, better actions), navigation grouping under Governance, and Action Surface Contract declaration. - Baseline Profile view page: switches from disabled form fields to proper Infolist entries for a clean read-only view. - Fixes tenant name column usages (`display_name` → `name`) in baseline assignment flows. - Dashboard: improved baseline governance widget with severity breakdown + last compared. Notes: - Filament v5 / Livewire v4 compatible. - Destructive actions remain confirmed (`->requiresConfirmation()`). Tests: - `vendor/bin/sail artisan test --compact tests/Feature/Baselines` - `vendor/bin/sail artisan test --compact tests/Feature/Guards/ActionSurfaceContractTest.php` Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #123
189 lines
8.8 KiB
PHP
189 lines
8.8 KiB
PHP
<x-filament::page>
|
|
{{-- Row 1: Stats Overview --}}
|
|
@if (in_array($state, ['ready', 'idle', 'comparing']))
|
|
<div class="grid grid-cols-1 gap-4 sm:grid-cols-3">
|
|
{{-- Stat: Assigned Baseline --}}
|
|
<x-filament::section>
|
|
<div class="flex flex-col gap-1">
|
|
<div class="text-sm font-medium text-gray-500 dark:text-gray-400">Assigned Baseline</div>
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">{{ $profileName ?? '—' }}</div>
|
|
@if ($snapshotId)
|
|
<x-filament::badge color="success" size="sm" class="w-fit">
|
|
Snapshot #{{ $snapshotId }}
|
|
</x-filament::badge>
|
|
@endif
|
|
</div>
|
|
</x-filament::section>
|
|
|
|
{{-- Stat: Total Findings --}}
|
|
<x-filament::section>
|
|
<div class="flex flex-col gap-1">
|
|
<div class="text-sm font-medium text-gray-500 dark:text-gray-400">Total Findings</div>
|
|
<div class="text-3xl font-bold {{ ($findingsCount ?? 0) > 0 ? 'text-danger-600 dark:text-danger-400' : 'text-success-600 dark:text-success-400' }}">
|
|
{{ $findingsCount ?? 0 }}
|
|
</div>
|
|
@if ($state === 'comparing')
|
|
<div class="flex items-center gap-1 text-sm text-info-600 dark:text-info-400">
|
|
<x-filament::loading-indicator class="h-3 w-3" />
|
|
Comparing…
|
|
</div>
|
|
@elseif (($findingsCount ?? 0) === 0 && $state === 'ready')
|
|
<span class="text-sm text-success-600 dark:text-success-400">All clear</span>
|
|
@endif
|
|
</div>
|
|
</x-filament::section>
|
|
|
|
{{-- Stat: Last Compared --}}
|
|
<x-filament::section>
|
|
<div class="flex flex-col gap-1">
|
|
<div class="text-sm font-medium text-gray-500 dark:text-gray-400">Last Compared</div>
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">
|
|
{{ $lastComparedAt ?? 'Never' }}
|
|
</div>
|
|
@if ($this->getRunUrl())
|
|
<x-filament::link :href="$this->getRunUrl()" size="sm">
|
|
View run
|
|
</x-filament::link>
|
|
@endif
|
|
</div>
|
|
</x-filament::section>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- Critical drift banner --}}
|
|
@if ($state === 'ready' && ($severityCounts['high'] ?? 0) > 0)
|
|
<div class="rounded-lg border border-danger-300 bg-danger-50 p-4 dark:border-danger-700 dark:bg-danger-950/50">
|
|
<div class="flex items-start gap-3">
|
|
<x-heroicon-s-exclamation-triangle class="h-6 w-6 shrink-0 text-danger-600 dark:text-danger-400" />
|
|
<div class="flex flex-col gap-1">
|
|
<div class="text-base font-semibold text-danger-800 dark:text-danger-200">
|
|
Critical Drift Detected
|
|
</div>
|
|
<div class="text-sm text-danger-700 dark:text-danger-300">
|
|
The current tenant state deviates from baseline <strong>{{ $profileName }}</strong>.
|
|
{{ $severityCounts['high'] }} high-severity {{ Str::plural('finding', $severityCounts['high']) }} require immediate attention.
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
@endif
|
|
|
|
{{-- State: No tenant / no assignment / no snapshot --}}
|
|
@if (in_array($state, ['no_tenant', 'no_assignment', 'no_snapshot']))
|
|
<x-filament::section>
|
|
<div class="flex flex-col items-center justify-center gap-3 py-8 text-center">
|
|
@if ($state === 'no_tenant')
|
|
<x-heroicon-o-building-office class="h-12 w-12 text-gray-400 dark:text-gray-500" />
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">No Tenant Selected</div>
|
|
@elseif ($state === 'no_assignment')
|
|
<x-heroicon-o-link-slash class="h-12 w-12 text-gray-400 dark:text-gray-500" />
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">No Baseline Assigned</div>
|
|
@elseif ($state === 'no_snapshot')
|
|
<x-heroicon-o-camera class="h-12 w-12 text-warning-400 dark:text-warning-500" />
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">No Snapshot Available</div>
|
|
@endif
|
|
<div class="max-w-md text-sm text-gray-500 dark:text-gray-400">{{ $message }}</div>
|
|
</div>
|
|
</x-filament::section>
|
|
@endif
|
|
|
|
{{-- Severity breakdown + actions --}}
|
|
@if ($state === 'ready' && ($findingsCount ?? 0) > 0)
|
|
<x-filament::section>
|
|
<x-slot name="heading">
|
|
{{ $findingsCount }} {{ Str::plural('Finding', $findingsCount) }}
|
|
</x-slot>
|
|
<x-slot name="description">
|
|
The tenant configuration drifted from the baseline profile.
|
|
</x-slot>
|
|
|
|
<div class="flex flex-col gap-4">
|
|
<div class="flex flex-wrap items-center gap-3">
|
|
@if (($severityCounts['high'] ?? 0) > 0)
|
|
<x-filament::badge color="danger">
|
|
{{ $severityCounts['high'] }} High
|
|
</x-filament::badge>
|
|
@endif
|
|
|
|
@if (($severityCounts['medium'] ?? 0) > 0)
|
|
<x-filament::badge color="warning">
|
|
{{ $severityCounts['medium'] }} Medium
|
|
</x-filament::badge>
|
|
@endif
|
|
|
|
@if (($severityCounts['low'] ?? 0) > 0)
|
|
<x-filament::badge color="gray">
|
|
{{ $severityCounts['low'] }} Low
|
|
</x-filament::badge>
|
|
@endif
|
|
</div>
|
|
|
|
<div class="flex items-center gap-3">
|
|
@if ($this->getFindingsUrl())
|
|
<x-filament::button
|
|
:href="$this->getFindingsUrl()"
|
|
tag="a"
|
|
color="gray"
|
|
icon="heroicon-o-eye"
|
|
size="sm"
|
|
>
|
|
View all findings
|
|
</x-filament::button>
|
|
@endif
|
|
|
|
@if ($this->getRunUrl())
|
|
<x-filament::button
|
|
:href="$this->getRunUrl()"
|
|
tag="a"
|
|
color="gray"
|
|
outlined
|
|
icon="heroicon-o-queue-list"
|
|
size="sm"
|
|
>
|
|
Review last run
|
|
</x-filament::button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
@endif
|
|
|
|
{{-- Ready: no drift --}}
|
|
@if ($state === 'ready' && ($findingsCount ?? 0) === 0)
|
|
<x-filament::section>
|
|
<div class="flex flex-col items-center justify-center gap-3 py-6 text-center">
|
|
<x-heroicon-o-check-circle class="h-12 w-12 text-success-500" />
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">No Drift Detected</div>
|
|
<div class="max-w-md text-sm text-gray-500 dark:text-gray-400">
|
|
The tenant configuration matches the baseline profile. Everything looks good.
|
|
</div>
|
|
@if ($this->getRunUrl())
|
|
<x-filament::button
|
|
:href="$this->getRunUrl()"
|
|
tag="a"
|
|
color="gray"
|
|
outlined
|
|
icon="heroicon-o-queue-list"
|
|
size="sm"
|
|
>
|
|
Review last run
|
|
</x-filament::button>
|
|
@endif
|
|
</div>
|
|
</x-filament::section>
|
|
@endif
|
|
|
|
{{-- Idle state --}}
|
|
@if ($state === 'idle')
|
|
<x-filament::section>
|
|
<div class="flex flex-col items-center justify-center gap-3 py-6 text-center">
|
|
<x-heroicon-o-play class="h-12 w-12 text-gray-400 dark:text-gray-500" />
|
|
<div class="text-lg font-semibold text-gray-950 dark:text-white">Ready to Compare</div>
|
|
<div class="max-w-md text-sm text-gray-500 dark:text-gray-400">
|
|
{{ $message }}
|
|
</div>
|
|
</div>
|
|
</x-filament::section>
|
|
@endif
|
|
</x-filament::page>
|