import type { Metadata } from 'next';
import { AdminFilters, AdminTitle, JsonPre, Mono, Notice } from '@/components/admin/ui';
import { DataTable, EmptyRow, Td, Th } from '@/components/ui/data-table';
import { LiveAgo } from '@/components/ui/live';
import { Pagination, withParams } from '@/components/ui/pagination';
import { Note } from '@/components/ui/section';
import { EmptyState, Unavailable } from '@/components/ui/unavailable';
import { adminApi, load, requireAdmin } from '@/lib/admin/admin-api';
import { cn } from '@/lib/cn';
import { fmtDateTime, fmtInt } from '@/lib/format';

export const metadata: Metadata = { title: 'Audit log', robots: { index: false, follow: false } };
export const dynamic = 'force-dynamic';
const LIMIT = 50;

export default async function AdminAuditPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const current: Record<string, string | undefined> = {};
  if (sp.action) current.action = sp.action;
  if (sp.offset) current.offset = sp.offset;
  const offset = Math.max(0, Number(current.offset) || 0);
  const href = (patch: Record<string, string | number | undefined | null>) => withParams('/admin/audit', current, patch);
  const res = await load(adminApi.audit({ action: current.action, limit: LIMIT, offset }));
  return (
    <>
      <AdminTitle title="Audit log" count={res.ok ? fmtInt(res.data.total) : undefined} lede="Every admin call except the polling GETs (overview, infrastructure, llm/health, audit) writes a row: actor, action, target, payload, IP." />
      <Notice notice={sp.notice} level={sp.level} />
      <AdminFilters action="/admin/audit" className="mb-4" fields={[{ kind: 'text', name: 'action', label: 'Action contains', value: current.action, placeholder: 'entity-resolution, rollback, POST…' }]} />
      {!res.ok ? (
        <Unavailable what="Audit log" reason={res.error} />
      ) : res.data.items.length === 0 ? (
        <EmptyState title="No audit rows match" />
      ) : (
        <>
          <DataTable compact scroll caption="Audit log">
            <thead>
              <tr>
                <Th>When</Th>
                <Th>Actor</Th>
                <Th>Action</Th>
                <Th>Target</Th>
                <Th>Payload</Th>
                <Th>IP</Th>
                <Th>Id</Th>
              </tr>
            </thead>
            <tbody>
              {res.data.items.length === 0 && <EmptyRow cols={7}>No rows.</EmptyRow>}
              {res.data.items.map((r) => {
                const mutating = !r.action.startsWith('GET ');
                return (
                  <tr key={String(r.id)}>
                    <Td className="text-xs text-ink-3" title={fmtDateTime(r.created_at)}>
                      <LiveAgo at={r.created_at} />
                    </Td>
                    <Td>
                      <Mono>{r.actor}</Mono>
                    </Td>
                    <Td primary>
                      <span className={cn('mono text-xs', mutating ? 'font-medium text-ink' : 'text-ink-2')}>{r.action}</span>
                    </Td>
                    <Td>{r.target ? <Mono>{r.target}</Mono> : <span className="text-ink-3">—</span>}</Td>
                    <Td className="max-w-[26rem]">
                      {r.payload ? (
                        <details>
                          <summary className="cursor-pointer text-[11px] text-ink-3 hover:text-ink">{r.payload.method ? `${String(r.payload.method)} ${String(r.payload.path ?? '')}` : 'payload'}</summary>
                          <JsonPre value={r.payload} maxHeight="10rem" />
                        </details>
                      ) : (
                        <span className="text-ink-3">—</span>
                      )}
                    </Td>
                    <Td>
                      <Mono>{r.ip ?? '—'}</Mono>
                    </Td>
                    <Td>
                      <Mono>{String(r.id)}</Mono>
                    </Td>
                  </tr>
                );
              })}
            </tbody>
          </DataTable>
          <Pagination total={res.data.total} limit={LIMIT} offset={offset} makeHref={(o) => href({ offset: o || undefined })} className="mt-4" />
        </>
      )}
      <Note className="mt-4">Rows are append-only; this page itself is not logged (polling GET).</Note>
    </>
  );
}