import type { Metadata } from 'next';
import Link from 'next/link';
import { Check } from 'lucide-react';
import { PageHeader, Section, Note } from '@/components/ui/section';
import { Badge, StatusBadge } from '@/components/ui/badge';
import { EmptyState } from '@/components/ui/empty-state';
import { Freshness } from '@/components/ui/freshness';
import { listSources, COVERAGE_DOMAINS, sourceDomains } from '@/lib/queries/sources';
import { fmtDate, fmtInt, humanize, relativeTime } from '@/lib/format';

export const metadata: Metadata = { title: 'Sources', description: 'Public catalog of every data source: license status, access, coverage matrix and connector health.' };
export const revalidate = 600;

export default async function SourcesPage() {
  const sources = await listSources();
  return (
    <div>
      <PageHeader kicker="Sources" title="Source registry" lede="Every fact on CancerIndex traces back to one of these providers. A connector goes live only after its license is reviewed; sources under review are listed but contribute no public records." />
      {sources.length === 0 ? (
        <EmptyState title="No source registered">Run `pnpm cix sources:sync` to seed the registry from connector manifests.</EmptyState>
      ) : (
        <div className="space-y-10">
          <Section id="coverage" kicker="Coverage matrix" title="Sources × data domains" description="A check means the source is declared to contribute to that domain (from its manifest). It does not imply records exist yet — see each source page for counts.">
            <div className="ci-table-wrap">
              <table className="ci-table">
                <thead>
                  <tr>
                    <th className="sticky-col">Source</th>
                    {COVERAGE_DOMAINS.map((d) => (
                      <th key={d} className="text-center">
                        {d}
                      </th>
                    ))}
                    <th>License</th>
                    <th>Status</th>
                  </tr>
                </thead>
                <tbody>
                  {sources.map((s) => {
                    const dom = sourceDomains(s);
                    return (
                      <tr key={s.slug}>
                        <td className="sticky-col min-w-[200px]">
                          <Link className="ci-link font-medium" href={`/source/${s.slug}`}>
                            {s.name}
                          </Link>
                          <span className="block text-[11.5px] text-ink-3">{s.organization ?? humanize(s.category)}</span>
                        </td>
                        {COVERAGE_DOMAINS.map((d) => (
                          <td key={d} className="text-center">
                            {dom.has(d) ? <Check className="mx-auto h-4 w-4 text-accent" aria-label={`covers ${d}`} /> : <span className="text-ink-4" aria-label={`does not cover ${d}`}>·</span>}
                          </td>
                        ))}
                        <td>
                          <Badge tone={s.license_status === 'approved' ? 'ok' : s.license_status === 'blocked' ? 'danger' : 'warn'} title={s.license ?? undefined}>
                            {s.license_status}
                          </Badge>
                        </td>
                        <td>
                          <StatusBadge status={s.status} />
                        </td>
                      </tr>
                    );
                  })}
                </tbody>
              </table>
            </div>
          </Section>

          <Section id="catalog" kicker="Catalog" title="All sources" description={`${fmtInt(sources.length)} registered sources.`}>
            <div className="ci-table-wrap">
              <table className="ci-table">
                <thead>
                  <tr>
                    <th>Source</th>
                    <th>Category</th>
                    <th>Access</th>
                    <th>License</th>
                    <th>Redistribution</th>
                    <th>Health</th>
                    <th>Last success</th>
                    <th className="num">Records</th>
                    <th>Dataset version</th>
                  </tr>
                </thead>
                <tbody>
                  {sources.map((s) => (
                    <tr key={s.slug}>
                      <td className="min-w-[200px]">
                        <Link className="ci-link" href={`/source/${s.slug}`}>
                          {s.name}
                        </Link>
                        <span className="ci-mono ml-1 text-[10.5px] text-ink-4">{s.slug}</span>
                      </td>
                      <td>{humanize(s.category)}</td>
                      <td className="text-[12.5px]">
                        {s.access_type} · {humanize(s.access_auth)}
                      </td>
                      <td className="text-[12.5px]">{s.license ?? <span className="text-ink-4">—</span>}</td>
                      <td className="text-[12.5px]">{humanize(s.redistribution)}</td>
                      <td>
                        <StatusBadge status={s.health ?? 'unknown'} />
                      </td>
                      <td className="whitespace-nowrap text-[12.5px]" title={s.last_success_at ? fmtDate(s.last_success_at) : undefined}>
                        {s.last_success_at ? relativeTime(s.last_success_at) : '—'}
                      </td>
                      <td className="num">{fmtInt(s.record_count)}</td>
                      <td className="ci-mono text-[11.5px]">{s.last_dataset_version ?? '—'}</td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
            <Freshness dataUpdatedAt={sources.reduce<Date | null>((m, s) => (s.last_run_finished_at && (!m || s.last_run_finished_at > m) ? s.last_run_finished_at : m), null)} />
          </Section>
          <Note>License status meanings — approved: reviewed, may be ingested and displayed with attribution · review: terms under assessment, no public records · restricted: displayed with limits · blocked: not usable. See each source page for the plain-language summary.</Note>
        </div>
      )}
    </div>
  );
}