"use client";

import { useState } from "react";
import { retryJobAction } from "../actions";

type Props = {
  jobId: string;
};

// Re-run a failed job from its stored spec (bucket jobs re-derive from the
// channel's current state). The re-run jumps ahead of other queued work.
export function RetryJobButton({ jobId }: Props) {
  const [busy, setBusy] = useState(false);
  const [note, setNote] = useState<string | null>(null);
  return (
    <span className="inline-flex items-center gap-1">
      <button
        type="button"
        disabled={busy}
        onClick={async () => {
          setBusy(true);
          setNote(null);
          try {
            const res = await retryJobAction(jobId);
            if (!res.ok) setNote(res.error);
          } finally {
            setBusy(false);
          }
        }}
        aria-label={`retry job ${jobId}`}
        className="px-2 py-1 rounded border border-info/30 text-xs font-medium text-info hover:bg-info-soft disabled:opacity-50"
      >
        {busy ? "Retrying…" : "Retry"}
      </button>
      {note && (
        <span className="text-xs text-muted-foreground" title={note}>
          {note}
        </span>
      )}
    </span>
  );
}