"use client";

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

// The bulk escape hatch, on the health line beside the stuck count — where the
// queue-diagnostics strip had it. It is not a header action because its
// visibility is a LIVE fact (summary.stuck > 0 from the poll), not something
// the server render knew.
export function ReapStuckButton({ count }: { count: number }) {
  const [reaping, setReaping] = useState(false);
  return (
    <button
      type="button"
      disabled={reaping}
      onClick={async () => {
        if (
          !window.confirm(
            `Force-release all ${count} stuck ${
              count === 1 ? "slot" : "slots"
            }? Any still-running children are SIGKILLed.`,
          )
        )
          return;
        setReaping(true);
        try {
          await reapStuckJobsAction();
        } finally {
          setReaping(false);
        }
      }}
      className="px-3 py-2 rounded-md bg-destructive text-destructive-foreground text-sm font-medium hover:opacity-90 disabled:opacity-50"
    >
      {reaping ? "Reaping…" : "Reap stuck"}
    </button>
  );
}