<script lang="ts">
    import HealthChecks from '$lib/components/admin/HealthChecks.svelte';
</script>

<svelte:head><title>Health · Admin</title></svelte:head>

<h1>Health</h1>
<p class="lead">
    Operational checks rolled up from system sensors, the job queue, recent
    failure rates and the crawler daemon. Thresholds are editable below and
    apply immediately.
</p>

<HealthChecks />

<style>
    h1 {
        margin-bottom: var(--space-2);
    }
    .lead {
        color: var(--text-muted);
        font-size: var(--font-sm);
        margin-bottom: var(--space-4);
        max-width: 44rem;
    }
</style>
