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

<svelte:head><title>Audit log · Admin</title></svelte:head>

<h1>Audit log</h1>
<p class="lead">
    Every admin action — crawler runs, resyncs, settings changes, session
    updates — is recorded here. Click a row to inspect its payload.
</p>

<AuditTable />

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