import { BadgeCheck, Mic } from "lucide-react";
import type { CitationVerification } from "../../lib/citations/schema";
import { cn } from "../../lib/utils";

// What checking a citation found (its COMPUTED `verification` block, written by
// compose — lib/citations/schema.ts): the quote's match against the record's
// transcript as a percentage, whether the voice was checked, and when. Renders
// nothing when the citation was never checked, so an unchecked citation reads
// as unchecked rather than as a zero.
//
// Pure/presentational: server-rendered or in a client tree alike.

export const QUOTE_SCORE_TOOLTIP =
  "How closely the quoted words match the record's transcript at the cited place: checked against the transcript, 100% is verbatim.";

export function quoteScorePercent(score: number): number {
  return Math.round(Math.min(1, Math.max(0, score)) * 100);
}

// `2026-10-04T12:00:00Z` → `2026-10-04`; anything else as given.
function dateOf(v: string): string {
  return /^\d{4}-\d{2}-\d{2}/.test(v) ? v.slice(0, 10) : v;
}

export function VerificationBadge({
  verification,
  className,
}: {
  verification: CitationVerification | undefined;
  className?: string;
}) {
  const v = verification;
  if (!v) return null;
  const hasScore = typeof v.quoteScore === "number" && Number.isFinite(v.quoteScore);
  if (!hasScore && !v.voiceChecked) return null;
  const checked = v.quoteCheckedAt ? dateOf(v.quoteCheckedAt) : null;
  return (
    <span
      data-verification=""
      className={cn(
        "inline-flex flex-wrap items-center gap-x-2 gap-y-1 font-mono text-[11px] text-muted-foreground",
        className,
      )}
    >
      {hasScore && (
        <span
          title={`${QUOTE_SCORE_TOOLTIP}${v.method ? ` Method: ${v.method}.` : ""}`}
          data-quote-score={quoteScorePercent(v.quoteScore!)}
          className="inline-flex items-center gap-1 rounded border border-success/40 bg-success-soft px-1.5 py-0.5 text-success"
        >
          <BadgeCheck className="size-3" aria-hidden />
          <span>
            Quote {quoteScorePercent(v.quoteScore!)}%
            <span className="sr-only"> match, checked against the transcript</span>
          </span>
        </span>
      )}
      {v.voiceChecked && (
        <span
          title="The speaker's voice in the cited span was checked."
          data-voice-checked=""
          className="inline-flex items-center gap-1 rounded border border-border px-1.5 py-0.5"
        >
          <Mic className="size-3" aria-hidden />
          Voice checked
        </span>
      )}
      {checked && <span>checked {checked}</span>}
    </span>
  );
}