"use client";

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

type Props = {
  jobId: string;
};

// Stronger sibling of CancelJobButton: frees the scheduler slot immediately,
// SIGKILLing any still-running child (see registry.forceRelease). Filled
// destructive styling (vs. Cancel's outline) to read as the heavier action.
export function ForceReleaseJobButton({ jobId }: Props) {
  const [busy, setBusy] = useState(false);
  return (
    <button
      type="button"
      onClick={async () => {
        if (
          !window.confirm(
            "Force-release this slot? Frees the queue immediately; any still-running child is SIGKILLed.",
          )
        )
          return;
        setBusy(true);
        try {
          await forceReleaseJobAction(jobId);
        } finally {
          setBusy(false);
        }
      }}
      disabled={busy}
      className="px-2 py-1 rounded bg-destructive text-destructive-foreground text-xs font-medium hover:opacity-90 disabled:opacity-50"
    >
      {busy ? "Releasing…" : "Force-release"}
    </button>
  );
}