const COLORS: Record<string, string> = {
  published: "var(--color-ok-500)",
  corrected: "var(--color-info-500)",
  retracted: "var(--color-danger-500)",
  running: "var(--color-info-500)",
  provisioning: "var(--color-info-500)",
  queued: "var(--color-stone-500)",
  validated: "var(--color-stone-500)",
  draft: "var(--color-stone-400)",
  quality_check: "var(--color-warn-500)",
  quality_failed: "var(--color-danger-500)",
  revising: "var(--color-warn-500)",
  ready_to_publish: "var(--color-ok-500)",
  awaiting_approval: "var(--color-warn-500)",
  publishing: "var(--color-ok-500)",
  cancelling: "var(--color-warn-500)",
  cancelled: "var(--color-stone-500)",
  failed: "var(--color-danger-500)",
  retrying: "var(--color-warn-500)",
  online: "var(--color-ok-500)",
  offline: "var(--color-stone-500)",
  draining: "var(--color-warn-500)",
  quarantined: "var(--color-danger-500)",
  disabled: "var(--color-stone-400)",
  pass: "var(--color-ok-500)",
  fail: "var(--color-danger-500)",
  warn: "var(--color-warn-500)",
  skip: "var(--color-stone-400)",
  completed: "var(--color-ok-500)",
  pending: "var(--color-stone-400)",
  blocker: "var(--color-danger-500)",
  major: "var(--color-warn-500)",
  minor: "var(--color-stone-500)",
  verified: "var(--color-ok-500)",
};
const LIVE = new Set(["running", "provisioning", "publishing", "quality_check", "cancelling", "online"]);

/** Research/verification/publication status pill (ResearchStatusBadge). */
export function StatusBadge({ status, label }: { status: string; label?: string }) {
  const c = COLORS[status] ?? "var(--color-stone-500)";
  return (
    <span className="badge" style={{ color: c, borderColor: `color-mix(in oklab, ${c} 45%, transparent)` }}>
      <span
        aria-hidden="true"
        className={`mr-1.5 inline-block h-1.5 w-1.5 rounded-full ${LIVE.has(status) ? "animate-pulse" : ""}`}
        style={{ background: c }}
      />
      {label ?? status.replace(/_/g, " ")}
    </span>
  );
}
export { StatusBadge as ResearchStatusBadge };