"use client";

import { useState } from "react";
import { StreamActionLog } from "yt-dlp-transcript-common/components/StreamActionLog";
import { QueueControl } from "../../../../../../components/QueueControl";
import { cancelJobAction } from "../../../../../../jobs/actions";
import {
  transcribeOneAction,
} from "../../videoActions";
import { Heading } from "./Heading";
import type { VideoFile } from "./videoFiles";

export function PerFileTranscribeRow({
  slug,
  videoId,
  file,
  existingQueues,
  hasTranscript,
  replaceAutoSubs = false,
}: {
  slug: string;
  videoId: string;
  file: VideoFile;
  existingQueues: string[];
  hasTranscript: boolean;
  // The existing transcript is YouTube ASR: transcribing is offered (and
  // labelled as a replacement) rather than blocked.
  replaceAutoSubs?: boolean;
}) {
  const [transcribeQueue, setTranscribeQueue] = useState("");
  // `hasTranscript` is SERVER-derived (VideoPanel, the Transcribe card) and this row's own run
  // is what writes transcript.json — so the run's own router.refresh() used to
  // swap this panel for the "already present" line and take the log with it.
  // Same shape as the two banners: the row survives (it is keyed by file name),
  // the message and the run panel are separate slots, and the panel stays
  // mounted — disabled, since the transcript now exists — once a run has
  // started here. With no run it is still absent whenever a transcript is
  // already present, so the DOM is unchanged.
  const [ranHere, setRanHere] = useState(false);

  return (
    <div className="flex flex-col gap-2 rounded border border-border p-3">
      <Heading
        title={
          replaceAutoSubs
            ? `Replace auto-captions with an AI transcript (${file.name})`
            : `Transcribe ${file.name}`
        }
        desc={
          hasTranscript
            ? "A transcript already exists for this video. Delete transcript.json (or transcript.en.vtt) on disk to re-run."
            : replaceAutoSubs
              ? "This video's only transcript is YouTube's speech recognition. Run whisper-cli on this audio file to write a transcript.json, which takes precedence everywhere. The auto-caption VTT is kept on disk as a backup."
              : "Run whisper-cli on this audio file. Writes transcript.json next to it."
        }
      />
      {hasTranscript ? (
        <p className="text-sm text-muted-foreground">
          Transcribe disabled — transcript already present.
        </p>
      ) : null}
      {hasTranscript && !ranHere ? null : (
        <StreamActionLog
          key="transcribe-run"
          disabled={hasTranscript}
          trigger={() => {
            setRanHere(true);
            return transcribeOneAction(
              slug,
              videoId,
              file.name,
              transcribeQueue,
            );
          }}
          cancelAction={cancelJobAction}
          buttonLabel={
            replaceAutoSubs
              ? `Replace auto-captions (${file.name})`
              : `Transcribe ${file.name}`
          }
          runningLabel="Transcribing…"
          label={`Transcribe ${file.name}`}
          extraControls={
            <QueueControl
              value={transcribeQueue}
              onChange={setTranscribeQueue}
              defaultQueueKey=""
              existingQueues={existingQueues}
              actionLabel={`Transcribe ${file.name}`}
            />
          }
        />
      )}
    </div>
  );
}