ahmido
fdfb781144
Implements Spec 115 (Baseline Operability & Alert Integration). Key changes - Baseline compare: safe auto-close of stale baseline findings (gated on successful/complete compares) - Baseline alerts: `baseline_high_drift` + `baseline_compare_failed` with dedupe/cooldown semantics - Workspace settings: baseline severity mapping + minimum severity threshold + auto-close toggle - Baseline Compare UX: shared stats layer + landing/widget consistency Notes - Livewire v4 / Filament v5 compatible. - Destructive-like actions require confirmation (no new destructive actions added here). Tests - `vendor/bin/sail artisan test --compact tests/Feature/Baselines/ tests/Feature/Alerts/` Co-authored-by: Ahmed Darrazi <ahmed.darrazi@live.de> Reviewed-on: #140
229 lines
11 KiB
PHP
229 lines
11 KiB
PHP
<x-filament::page>
|
|
{{-- Auto-refresh while comparison is running --}}
|
|
@if ($state === 'comparing')
|
|
<div wire:poll.5s="refreshStats"></div>
|
|
@endif
|
|
|
|
{{-- Row 1: Stats Overview --}}
|
|
@if (in_array($state, ['ready', 'idle', 'comparing', 'failed']))
|
|
<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>
|
|
@if ($state === 'failed')
|
|
<div class="text-lg font-semibold text-danger-600 dark:text-danger-400">Error</div>
|
|
@else
|
|
<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>
|
|
@endif
|
|
@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" @if ($lastComparedIso) title="{{ $lastComparedIso }}" @endif>
|
|
{{ $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
|
|
|
|
{{-- Failed run banner --}}
|
|
@if ($state === 'failed')
|
|
<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-x-circle 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">
|
|
Comparison Failed
|
|
</div>
|
|
<div class="text-sm text-danger-700 dark:text-danger-300">
|
|
{{ $failureReason ?? 'The last baseline comparison failed. Review the run details or retry.' }}
|
|
</div>
|
|
<div class="mt-2 flex items-center gap-3">
|
|
@if ($this->getRunUrl())
|
|
<x-filament::button
|
|
:href="$this->getRunUrl()"
|
|
tag="a"
|
|
color="danger"
|
|
outlined
|
|
icon="heroicon-o-queue-list"
|
|
size="sm"
|
|
>
|
|
View failed run
|
|
</x-filament::button>
|
|
@endif
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</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>
|