import { Section } from '@/components/ui/section';
import { EmptyState } from '@/components/ui/empty-state';
import { Freshness } from '@/components/ui/freshness';
import { ClaimBadge } from '@/components/ui/badge';
import { SourceBadge, TableProvenance } from '@/components/ui/source-badge';
import { Pager } from '@/components/ui/pager';
import { PublicationList } from '@/components/data/publication-list';
import { literatureCountsFor, recentPublicationsFor, recentPublicationsForCount, PUBLICATION_PAGE_SIZE } from '@/lib/queries/publications';
import { loadProvenance, toInfo } from '@/lib/queries/provenance';
import { fmtInt, isoDate } from '@/lib/format';
import { pageInfo } from '@/lib/pagination';
import type { CancerBundle } from '../load';

const WINDOW_LABEL: Record<string, string> = { all: 'All time', '10y': 'Last 10 years', '5y': 'Last 5 years', '5y_prior': 'Preceding 5-year window', '12m': 'Last 12 months' };

export async function ResearchTab({ b, pPage = 1 }: { b: CancerBundle; pPage?: number }) {
  const [counts, pubTotal] = await Promise.all([literatureCountsFor(b.cancer.id), recentPublicationsForCount('cancer', b.descendants)]);
  const info = pageInfo(pPage, PUBLICATION_PAGE_SIZE, pubTotal);
  const [pubs, prov] = await Promise.all([pubTotal > 0 ? recentPublicationsFor('cancer', b.descendants, { page: info.page, pageSize: info.pageSize }) : Promise.resolve([]), loadProvenance(counts.map((c) => c.provenance_id))]);
  const countsProv = counts[0] ? toInfo(prov.get(counts[0].provenance_id), 'derived') : null;
  const hrefFor = (p: number) => `/cancer/${b.cancer.slug}/research${p > 1 ? `?pPage=${p}` : ''}#recent-publications`;
  return (
    <div className="space-y-8">
      <Section id="literature-counts" kicker="Research activity" title="PubMed record counts" description="Each count is the number of PubMed records returned by the exact query shown, at the time it was run. Counts are research-activity signals, not quality measures.">
        {counts.length ? (
          <>
            <TableProvenance p={countsProv ?? { sourceSlug: 'pubmed', sourceName: 'PubMed', layer: 'derived' }} claim={<ClaimBadge kind="computed" />}>
              {counts.length} window{counts.length === 1 ? '' : 's'} · counts computed by CancerIndex from PubMed E-utilities; the exact query is stored with each count.
            </TableProvenance>
            <div className="ci-table-wrap">
              <table className="ci-table">
                <thead>
                  <tr>
                    <th scope="col">Window</th>
                    <th scope="col">Period</th>
                    <th scope="col" className="num">
                      Records (count)
                    </th>
                    <th scope="col">Exact query</th>
                    <th scope="col">Computed</th>
                    <th scope="col">Source</th>
                  </tr>
                </thead>
                <tbody>
                  {counts.map((c) => (
                    <tr key={c.id}>
                      <td>{WINDOW_LABEL[c.window_key] ?? c.window_key}</td>
                      <td className="whitespace-nowrap text-[12.5px] text-ink-3">{c.window_start || c.window_end ? `${c.window_start ?? '…'} → ${c.window_end ?? '…'}` : '—'}</td>
                      <td className="num font-medium">{fmtInt(c.count)}</td>
                      <td>
                        <code className="ci-mono block max-w-[520px] whitespace-pre-wrap break-words text-[11.5px] text-ink-2">{c.query}</code>
                      </td>
                      <td className="whitespace-nowrap text-[12.5px]">{isoDate(c.updated_at)}</td>
                      <td>
                        <SourceBadge compact title={null} p={toInfo(prov.get(c.provenance_id), 'derived') ?? { sourceSlug: 'pubmed', sourceName: 'PubMed' }} />
                      </td>
                    </tr>
                  ))}
                </tbody>
              </table>
            </div>
            <Freshness dataUpdatedAt={counts[0]!.updated_at} extra="source: pubmed E-utilities" />
          </>
        ) : (
          <EmptyState knows={[{ label: 'Trials tab', href: `/cancer/${b.cancer.slug}/trials` }, { label: 'Methodology: publication counts', href: '/methodology#publications_5y' }]}>
            No PubMed query has been run for this entity. Counts require a MeSH-anchored query built from the entity's terminology mappings; the query string is stored with each count so it can be reproduced.
          </EmptyState>
        )}
      </Section>
      <Section id="recent-publications" kicker="Literature" title={`Linked publications (${fmtInt(pubTotal)})`} description={`Publications linked to this entity or its descendants, newest first, ${PUBLICATION_PAGE_SIZE} per page. Link method and validation status are shown; 'candidate' links have not been reviewed.`}>
        {pubs.length ? (
          <>
            <PublicationList
              rows={pubs}
              summary={
                <>
                  Showing {fmtInt(info.from)}–{fmtInt(info.to)} of {fmtInt(pubTotal)} publications
                </>
              }
            />
            <Pager total={pubTotal} pageSize={PUBLICATION_PAGE_SIZE} page={info.page} hrefFor={hrefFor} label="Publication pages" noun="publications" />
          </>
        ) : (
          <EmptyState compact>No publication is linked to this entity yet.</EmptyState>
        )}
      </Section>
    </div>
  );
}