import type { Metadata } from "next";
import { PlayerProvider } from "yt-dlp-transcript-common/components/PlayerProvider";
import TranscriptModal from "yt-dlp-transcript-common/components/TranscriptModal";
import PostModal from "yt-dlp-transcript-common/components/PostModal";
import { currentSite } from "../lib/site";
import { DuplicatesClient } from "./DuplicatesClient";
import { isCitedSite } from "yt-dlp-transcript-common/lib/siteSchema";
import { NotOnCitedSite } from "../components/reports/parts";

export const metadata: Metadata = { title: "Duplicates" };

export default function DuplicatesPage() {
  if (isCitedSite(currentSite())) return <NotOnCitedSite title="Duplicates" />;
  return (
    <PlayerProvider
      features={{ transcriptDownloads: currentSite().transcriptDownloads !== false }}
    >
      <div className="flex flex-col gap-4">
        <div>
          <h1 className="text-2xl font-semibold">Duplicate shorts</h1>
          <p className="mt-1 text-sm text-muted-foreground">
            Shorts whose transcripts match across channels and platforms —
            re-uploads, mirrors, and cross-posts of the same clip. Click any
            member to play it.
          </p>
        </div>
        <DuplicatesClient />
      </div>
      <TranscriptModal />
      {/* Sibling viewer for the social-post corpus (see PostModal.tsx). */}
      <PostModal />
    </PlayerProvider>
  );
}