import type { Metadata } from 'next';
import Link from 'next/link';
import { AdminTitle, JsonPre, KindChip, Mono, Notice, StatusChip } from '@/components/admin/ui';
import { DataTable, EmptyRow, Td, Th } from '@/components/ui/data-table';
import { Note } from '@/components/ui/section';
import { Unavailable } from '@/components/ui/unavailable';
import { adminApi, load, requireAdmin } from '@/lib/admin/admin-api';
import type { AdminQuality, CountSample } from '@/lib/admin/types';
import { cn } from '@/lib/cn';
import { fmtAgo, fmtInt, num } from '@/lib/format';
import { routes } from '@/lib/site';

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

type Tile = { key: string; label: string; count: number | null; sample: unknown[]; href?: string; tone: 'neutral' | 'warn' | 'danger'; hint: string };

function tile(key: string, label: string, cs: CountSample<unknown> | undefined, hint: string, opts: { href?: string; danger?: number } = {}): Tile {
  const count = num(cs?.count);
  const tone: Tile['tone'] = count === null || count === 0 ? 'neutral' : opts.danger !== undefined && count >= opts.danger ? 'danger' : 'warn';
  return { key, label, count, sample: (cs?.sample ?? []) as unknown[], href: opts.href, tone, hint };
}

function SampleRow({ s }: { s: unknown }) {
  if (typeof s === 'string') return <span className="mono text-xs">{s}</span>;
  const o = (s ?? {}) as Record<string, unknown>;
  const slug = typeof o.slug === 'string' ? o.slug : null;
  const type = typeof o.entity_type === 'string' ? o.entity_type : 'model';
  const name = typeof o.name === 'string' ? o.name : typeof o.model === 'string' ? o.model : typeof o.reason === 'string' ? o.reason : typeof o.raw === 'string' ? `${String(o.domain ?? '')}: ${o.raw}` : null;
  return (
    <span className="flex flex-wrap items-center gap-x-2 text-xs">
      {slug ? (
        <Link href={routes.entity({ entity_type: type, slug })} className="text-ink hover:text-accent hover:underline">
          {name ?? slug}
        </Link>
      ) : (
        <span className="text-ink">{name ?? <Mono>{JSON.stringify(o).slice(0, 80)}</Mono>}</span>
      )}
      {typeof o.provider === 'string' && <span className="text-ink-3">· {o.provider}</span>}
      {typeof o.provider_model_id === 'string' && <Mono>{o.provider_model_id}</Mono>}
      {Array.isArray(o.quant_formats) && o.quant_formats.length > 0 && <Mono>{(o.quant_formats as unknown[]).join(', ')}</Mono>}
      {typeof o.health === 'string' && <StatusChip value={o.health} />}
      {typeof o.last_success_at === 'string' && <span className="text-ink-3">last success {fmtAgo(o.last_success_at)}</span>}
      {typeof o.count === 'number' && <span className="tnum text-ink-3">× {o.count}</span>}
      {typeof o.id === 'string' && !slug && <Mono>{o.id}</Mono>}
    </span>
  );
}

export default async function AdminQualityPage({ searchParams }: { searchParams: Promise<Record<string, string | undefined>> }) {
  await requireAdmin();
  const sp = await searchParams;
  const res = await load(adminApi.quality());
  const q: AdminQuality | null = res.ok ? res.data : null;
  const tiles: Tile[] = q
    ? [
        tile('pending_decisions', 'Pending resolution decisions', q.duplicate_candidates?.pending_decisions, 'Candidate pairs awaiting a decision in Entity resolution.', { href: '/admin/entity-resolution' }),
        tile('review_merge_candidates', 'Merge candidates (review queue)', q.duplicate_candidates?.review_merge_candidates, 'merge_candidate items in the v1 review queue.', { href: '/admin/review?kind=merge_candidate' }),
        tile('unmapped_taxonomy_rows', 'Unmapped taxonomy rows', q.taxonomy_violations?.unmapped_taxonomy_rows, 'Raw labels the ontology could not map (domain: raw).'),
        tile('openness_unknown_vocab', 'Openness outside vocabulary', q.taxonomy_violations?.openness_unknown_vocab, 'Openness values not in open-source | open-weights | restricted-weights | proprietary | unknown.', { danger: 1 }),
        tile('status_unknown_vocab', 'Status outside vocabulary', q.taxonomy_violations?.status_unknown_vocab, 'Status values not in the status vocabulary.', { danger: 1 }),
        tile('license_unclassified', 'Unclassified licences', q.taxonomy_violations?.license_unclassified, 'Licence labels without a canonical key.'),
        tile('impossible_values', 'Impossible values (anomalies)', { count: q.impossible_values?.count, sample: q.impossible_values?.sample ?? [] }, 'Open anomaly flags by check — see Anomalies for resolve / ignore.', { href: '/admin/anomalies' }),
        tile('conflicting_t1_claims', 'Conflicting tier-1 claims', q.conflicting_t1_claims, 'Two official sources disagree on a current value.', { danger: 1, href: '/admin/review?kind=conflict' }),
        tile('models_without_organization', 'Models without organization', q.models_without_organization, 'Canonical models with no developer relation.'),
        tile('models_without_release_source', 'Models without release source', q.models_without_release_source, 'Canonical models whose release date has no sourced claim.'),
        tile('models_without_parameters', 'Models without parameters', q.models_without_parameters, 'Canonical models with no parameter_count claim (proprietary models are expected here).'),
        tile('orphan_benchmark_results', 'Orphan benchmark results', q.orphan_benchmark_results, 'Current results whose model was merged or is an artifact.', { danger: 1 }),
        tile('benchmarks_without_results', 'Benchmarks without results', q.benchmarks_without_results, 'Registered benchmarks no connector feeds yet.'),
        tile('unresolved_provider_deployments', 'Unresolved provider deployments', q.unresolved_provider_deployments, 'Price rows whose provider_model_id matches no identifier.'),
        tile('quantisations_typed_as_models', 'Quantisations typed as models', q.quantisations_typed_as_models, 'Name analysis says artifact but the row is a model.', { href: '/admin/entity-resolution?type=model' }),
        tile('stale_sources', 'Stale sources', q.stale_sources, 'Last success older than 3× the connector interval.', { href: '/admin/connectors' }),
        tile('empty_public_categories', 'Empty public categories', q.empty_public_categories, 'Entity types with a public listing but zero rows.'),
        tile('quarantined_runs_pending', 'Quarantined runs pending', q.quarantined_runs_pending, 'Held connector runs awaiting release or discard.', { href: '/admin/quarantine', danger: 1 }),
      ]
    : [];
  const queue = q?.review_queue_priority ?? [];
  const byCheck = q?.impossible_values?.by_check ?? [];
  return (
    <>
      <AdminTitle title="Data quality" lede="Live health of the dataset: duplicates, taxonomy, impossible values, coverage gaps, stale sources. Counts are computed on request; nothing here deletes anything — every tile points at a review action.">
        <Link href={routes.methodology()} className="text-xs text-ink-3 hover:text-ink">
          Anomaly checks →
        </Link>
      </AdminTitle>
      <Notice notice={sp.notice} level={sp.level} />
      {!res.ok ? (
        <Unavailable what="Quality dashboard" reason={res.error} />
      ) : (
        <>
          <ul className="grid grid-cols-2 border-l border-t border-rule md:grid-cols-3 xl:grid-cols-6" data-quality-tiles>
            {tiles.map((t) => (
              <li key={t.key} className="border-b border-r border-rule">
                <details className="group h-full">
                  <summary className="block cursor-pointer list-none px-3 py-2.5 hover:bg-surface-2 [&::-webkit-details-marker]:hidden">
                    <p className="eyebrow leading-tight">{t.label}</p>
                    <p className={cn('tnum mt-1 text-2xl font-semibold leading-none tracking-tight', t.tone === 'danger' && 'text-danger', t.tone === 'warn' && 'text-warning', t.tone === 'neutral' && 'text-ink')}>{t.count === null ? '—' : fmtInt(t.count)}</p>
                    <p className="mt-1 text-[11px] leading-snug text-ink-3">{t.hint}</p>
                  </summary>
                  <div className="border-t border-rule px-3 py-2">
                    {t.sample.length === 0 ? (
                      <p className="text-xs text-ink-3">No sample.</p>
                    ) : (
                      <ul className="space-y-1">
                        {t.sample.slice(0, 8).map((s, i) => (
                          <li key={i}>
                            <SampleRow s={s} />
                          </li>
                        ))}
                      </ul>
                    )}
                    {t.href && (
                      <Link href={t.href} className="link mt-2 inline-block text-xs">
                        Open review action →
                      </Link>
                    )}
                  </div>
                </details>
              </li>
            ))}
          </ul>
          {byCheck.length > 0 && (
            <p className="mt-3 flex flex-wrap gap-1.5 text-xs">
              {byCheck.map((c) => (
                <Link key={c.check_name} href={`/admin/anomalies?check=${encodeURIComponent(c.check_name)}`} className="inline-flex h-7 items-center gap-1.5 border border-rule px-2 text-ink-2 hover:border-rule-strong hover:text-ink">
                  <span className={c.severity === 'critical' ? 'text-danger' : c.severity === 'warning' ? 'text-warning' : 'text-ink-3'}>{c.severity}</span>
                  <span className="mono">{c.check_name}</span>
                  <span className="tnum text-ink-3">{fmtInt(c.n)}</span>
                </Link>
              ))}
            </p>
          )}

          <h2 className="mt-8 text-base font-semibold tracking-tight">
            Prioritized review queue <span className="tnum text-sm font-normal text-ink-3">{fmtInt(queue.length)}</span>
          </h2>
          <Note className="mb-3 mt-1">Frontier models, benchmark leaders, the largest parameter / context claims, price anomalies, major organizations and duplicates of frontier models come first.</Note>
          <DataTable compact scroll caption="Prioritized review queue">
            <thead>
              <tr>
                <Th>Kind</Th>
                <Th>Item</Th>
                <Th>Reasons</Th>
                <Th>Detail</Th>
                <Th>Action</Th>
              </tr>
            </thead>
            <tbody>
              {queue.length === 0 && <EmptyRow cols={5}>Nothing prioritized.</EmptyRow>}
              {queue.map((it) => {
                const slug = typeof it.slug === 'string' ? it.slug : null;
                const type = typeof it.entity_type === 'string' ? it.entity_type : 'model';
                const href = it.kind === 'anomaly' ? `/admin/anomalies?check=${encodeURIComponent(String(it.check ?? ''))}` : it.kind === 'duplicate' || it.kind === 'merge_candidate' || it.kind === 'resolution' ? '/admin/entity-resolution' : it.kind === 'conflict' ? '/admin/review?kind=conflict' : '/admin/review';
                return (
                  <tr key={`${it.kind}-${it.id}`}>
                    <Td>
                      <KindChip value={it.kind} />
                      {typeof it.severity === 'string' && <span className={cn('ml-1 text-[11px]', it.severity === 'critical' ? 'text-danger' : 'text-warning')}>{it.severity}</span>}
                    </Td>
                    <Td primary>
                      {slug ? (
                        <Link href={routes.entity({ entity_type: type, slug })} className="text-ink hover:text-accent hover:underline">
                          {typeof it.name === 'string' ? it.name : slug}
                        </Link>
                      ) : (
                        <Mono>{it.id}</Mono>
                      )}
                      {typeof it.check === 'string' && <Mono className="block">{it.check}</Mono>}
                    </Td>
                    <Td className="text-xs text-ink-2">{it.reasons?.join(' · ') || '—'}</Td>
                    <Td className="max-w-[28rem] text-xs text-ink-2">{typeof it.message === 'string' ? it.message : <JsonPre value={Object.fromEntries(Object.entries(it).filter(([k]) => !['kind', 'id', 'reasons', 'slug', 'entity_id', 'check', 'severity', 'name', 'entity_type'].includes(k)))} maxHeight="6rem" />}</Td>
                    <Td>
                      <Link href={href} className="link text-xs">
                        Review →
                      </Link>
                    </Td>
                  </tr>
                );
              })}
            </tbody>
          </DataTable>
          {q?.note && <Note className="mt-3">{q.note}</Note>}
        </>
      )}
    </>
  );
}