import type { Metadata } from 'next';
import Link from 'next/link';
import { ActionButton, AdminTitle, Bool, Mono, Notice, StatusChip, Trunc } from '@/components/admin/ui';
import { TierBadge } from '@/components/ui/badges';
import { DataTable, EmptyRow, Td, Th } from '@/components/ui/data-table';
import { LiveAgo } from '@/components/ui/live';
import { Unavailable } from '@/components/ui/unavailable';
import { runConnectorAction, toggleConnectorAction } from '@/lib/admin/actions';
import { adminApi, load, requireAdmin } from '@/lib/admin/admin-api';
import { fmtDateTime, fmtDuration, fmtInt, num } from '@/lib/format';

export const metadata: Metadata = { title: 'Connectors', robots: { index: false, follow: false } };
export const dynamic = 'force-dynamic';

const RETURN = '/admin/connectors';

export default async function AdminConnectorsPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const res = await load(adminApi.connectors());
  if (!res.ok) {
    return (
      <>
        <AdminTitle title="Connectors" />
        <Unavailable what="Connectors" reason={res.error} />
      </>
    );
  }
  const items = [...res.data.items].sort((a, b) => (num(a.priority) ?? 9) - (num(b.priority) ?? 9) || a.name.localeCompare(b.name));
  const counts = items.reduce<Record<string, number>>((acc, c) => ((acc[c.health] = (acc[c.health] ?? 0) + 1), acc), {});
  return (
    <>
      <AdminTitle title="Connectors" count={fmtInt(items.length)} lede={Object.entries(counts).map(([k, n]) => `${k} ${n}`).join(' · ')} />
      <Notice notice={sp.notice} level={sp.level} />
      <DataTable compact scroll caption="Connectors">
        <thead>
          <tr>
            <Th>Connector</Th>
            <Th>Source</Th>
            <Th>Health</Th>
            <Th>Enabled</Th>
            <Th num>Prio</Th>
            <Th num>Interval</Th>
            <Th>Last attempt</Th>
            <Th>Last success</Th>
            <Th>Next run</Th>
            <Th>Last run</Th>
            <Th num>Docs / snaps</Th>
            <Th num>Fails</Th>
            <Th>Circuit</Th>
            <Th>Actions</Th>
          </tr>
        </thead>
        <tbody>
          {items.length === 0 && <EmptyRow cols={14}>No connectors registered.</EmptyRow>}
          {items.map((c) => {
            const lr = c.last_run;
            return (
              <tr key={c.name}>
                <Td>
                  <div className="flex items-center gap-1.5">
                    <Link href={`/admin/runs?connector=${encodeURIComponent(c.name)}`} className="mono text-xs font-medium text-ink hover:text-accent">{c.name}</Link>
                    {c.run_now_pending && <span className="text-[10px] uppercase tracking-wide text-accent" title="Run requested; waiting for the scheduler tick">queued</span>}
                    {c.in_code === false && <span className="text-[10px] uppercase tracking-wide text-warning" title="Registered in the database but not present in code">no code</span>}
                  </div>
                  <span className="block max-w-[16rem] truncate text-[11px] text-ink-3" title={c.label}>{c.label}</span>
                </Td>
                <Td className="text-xs">
                  <span className="text-ink-2">{c.source_name ?? c.source_key ?? '—'}</span> {c.source_tier !== undefined && c.source_tier !== null && <TierBadge tier={num(c.source_tier)} />}
                </Td>
                <Td><StatusChip value={c.health} /></Td>
                <Td><Bool v={c.enabled} /></Td>
                <Td num className="tnum text-xs">{fmtInt(c.priority)}</Td>
                <Td num className="tnum text-xs">{fmtDuration(c.interval_seconds)}</Td>
                <Td className="text-xs" title={fmtDateTime(c.last_attempt_at)}><LiveAgo at={c.last_attempt_at} /></Td>
                <Td className="text-xs" title={fmtDateTime(c.last_success_at)}><LiveAgo at={c.last_success_at} /></Td>
                <Td className="text-xs text-ink-2" title={fmtDateTime(c.next_run_at)}>{c.next_run_at ? fmtDateTime(c.next_run_at).replace(/ UTC$/, '') : '—'}</Td>
                <Td className="text-xs">
                  {lr ? (
                    <span className="inline-flex flex-wrap items-center gap-1.5">
                      <StatusChip value={lr.status} />
                      <span className="tnum text-ink-3">{num(lr.duration_ms) === null ? '' : fmtDuration(Math.round((num(lr.duration_ms) ?? 0) / 1000))}</span>
                      <span className="tnum text-ink-3" title="docs changed / fetched">{fmtInt(lr.docs_changed)}/{fmtInt(lr.docs_fetched)}</span>
                      {lr.error && <Trunc text={lr.error} max={40} className="text-danger" />}
                    </span>
                  ) : (
                    <span className="text-ink-3">—</span>
                  )}
                </Td>
                <Td num className="tnum text-xs text-ink-2">{c.documents === undefined && c.snapshots === undefined ? '—' : `${fmtInt(c.documents)} / ${fmtInt(c.snapshots)}`}</Td>
                <Td num className={`tnum text-xs ${num(c.consecutive_failures) ? 'text-danger' : 'text-ink-2'}`}>{fmtInt(c.consecutive_failures)}</Td>
                <Td className="text-xs">{c.circuit_open_until ? <span className="text-warning" title={fmtDateTime(c.circuit_open_until)}>open · <LiveAgo at={c.circuit_open_until} /></span> : <span className="text-ink-3">closed</span>}</Td>
                <Td>
                  <div className="flex items-center gap-1.5">
                    <form action={runConnectorAction}>
                      <input type="hidden" name="name" value={c.name} />
                      <input type="hidden" name="return" value={RETURN} />
                      <ActionButton tone="accent" disabled={!!c.run_now_pending} title="Enqueue an immediate run (force)">Run now</ActionButton>
                    </form>
                    <form action={toggleConnectorAction}>
                      <input type="hidden" name="name" value={c.name} />
                      <input type="hidden" name="enabled" value={c.enabled ? 'false' : 'true'} />
                      <input type="hidden" name="return" value={RETURN} />
                      <ActionButton tone={c.enabled ? 'danger' : 'positive'}>{c.enabled ? 'Disable' : 'Enable'}</ActionButton>
                    </form>
                  </div>
                </Td>
              </tr>
            );
          })}
        </tbody>
      </DataTable>
      {res.data.unregistered_in_db && res.data.unregistered_in_db.length > 0 && (
        <p className="mt-4 text-xs text-ink-3">
          In code but not in the database ({res.data.unregistered_in_db.length}): {res.data.unregistered_in_db.map((n) => <Mono key={n} className="mr-1.5">{n}</Mono>)} — run <Mono>aia seed</Mono> to register them.
        </p>
      )}
    </>
  );
}