"use client";
/**
 * Proteção de envio (anti-ban) por conexão — Operação Visível F2ii. Edita os
 * knobs que o engine JÁ respeita (channel_knobs + teto diário). Modelo mental
 * honesto com o motor: campo vazio = padrão conservador do engine (placeholder
 * mostra o valor); preenchido = override desta conexão.
 */
import { useEffect, useMemo, useState } from "react";
import { useQueryClient } from "@tanstack/react-query";
import { FUSOS_OFERECIDOS } from "@/lib/tempo/fusos";
import { toast } from "sonner";

import { Button } from "@/components/ui/button";
import { Input } from "@/components/ui/input";
import { Label } from "@/components/ui/label";
import {
  Sheet,
  SheetContent,
  SheetDescription,
  SheetHeader,
  SheetTitle,
} from "@/components/ui/sheet";
import { Switch } from "@/components/ui/switch";
import { useUpdatePacingKnobs, type PacingKnobsItem } from "@/hooks/channels/usePacingKnobs";
import { diaDeHojeLocal, valorDeOverride } from "@/lib/ai/pacing-knobs";
import { ApiError } from "@/lib/api/types";
import { nomeDoCanal } from "@/lib/channels/estado";
import { useT } from "@/hooks/i18n/useT";

interface Props {
  item: PacingKnobsItem | null;
  canWrite: boolean;
  onClose: () => void;
}

/** estado do form: strings cruas dos inputs ('' = usar padrão do motor). */
interface FormState {
  window_start_hour: string;
  window_end_hour: string;
  /** Janela da RESPOSTA do agente (0495). '' = herda a janela de disparo. */
  resposta_start_hour: string;
  resposta_end_hour: string;
  throttle_s: string;
  jitter_s: string;
  /** Atraso humano antes da 1ª bolha (0499). '' = usar o padrão. */
  atraso_notar_ms: string;
  ms_por_caractere: string;
  atraso_minimo_ms: string;
  atraso_maximo_ms: string;
  daily_message_limit: string;
  allow_sunday: boolean;
  /** Dias da prospecção (0642, 0=dom … 6=sáb). Sempre explícito: sem "herdar". */
  prospeccao_dias: number[];
  timezone: string;
  /** `yyyy-mm-dd` do input date; '' = não declarado (o motor trata como idade 0). */
  numero_em_uso_desde: string;
  pular_aquecimento: boolean;
}

function fromItem(item: PacingKnobsItem): FormState {
  const o = item.overrides;
  return {
    window_start_hour: o?.window_start_hour != null ? String(o.window_start_hour) : "",
    window_end_hour: o?.window_end_hour != null ? String(o.window_end_hour) : "",
    resposta_start_hour: o?.resposta_start_hour != null ? String(o.resposta_start_hour) : "",
    resposta_end_hour: o?.resposta_end_hour != null ? String(o.resposta_end_hour) : "",
    throttle_s: o?.throttle_ms != null ? String(o.throttle_ms / 1000) : "",
    jitter_s: o?.jitter_max_ms != null ? String(o.jitter_max_ms / 1000) : "",
    atraso_notar_ms: o?.atraso_notar_ms != null ? String(o.atraso_notar_ms) : "",
    ms_por_caractere: o?.ms_por_caractere != null ? String(o.ms_por_caractere) : "",
    atraso_minimo_ms: o?.atraso_minimo_ms != null ? String(o.atraso_minimo_ms) : "",
    atraso_maximo_ms: o?.atraso_maximo_ms != null ? String(o.atraso_maximo_ms) : "",
    daily_message_limit:
      item.channel_session.daily_message_limit != null
        ? String(item.channel_session.daily_message_limit)
        : "",
    allow_sunday: o?.allow_sunday ?? item.defaults.allowSunday,
    // Dias nascem do EFETIVO (banco normalizado ou default todos os dias): a
    // ficha mostra o que o motor aplica, e salvar sem tocar aqui preserva o
    // comportamento — nunca congela nem solta dia por acidente.
    prospeccao_dias: [...item.effective.prospeccaoDias],
    timezone: o?.timezone ?? "",
    numero_em_uso_desde: item.warmup.number_activated_at
      ? item.warmup.number_activated_at.slice(0, 10)
      : "",
    pular_aquecimento: item.warmup.skipped,
  };
}

const intOrNull = (s: string): number | null => (s.trim() === "" ? null : Math.round(Number(s)));
const msOrNull = (s: string): number | null =>
  s.trim() === "" ? null : Math.round(Number(s) * 1000);

/** Dias da semana da caixa de prospecção (0642, 0=dom … 6=sáb, convenção `getDay`). */
const DIAS_DA_SEMANA = [0, 1, 2, 3, 4, 5, 6] as const;

export function AntiBanSheet({ item, canWrite, onClose }: Props) {
  const t = useT();
  const update = useUpdatePacingKnobs();
  const qc = useQueryClient();
  const [form, setForm] = useState<FormState | null>(null);

  useEffect(() => {
    setForm(item ? fromItem(item) : null);
  }, [item]);

  const label = useMemo(() => {
    if (!item) return "";
    // Mesma cadeia que vazava `org_xxxx` no seletor do editor de agente: o
    // identificador do transporte era o penúltimo degrau, então uma conexão sem
    // apelido e sem número aparecia com ele no título do painel.
    return nomeDoCanal(item.channel_session, t);
  }, [item, t]);

  // Duas saídas mudas moravam aqui, e as duas mentiam. `item` nulo NÃO é "painel
  // fechado": o painel só é montado quando alguém o abre (ConnectionsClient), então
  // item nulo significa que a conexão pedida sumiu da lista — excluída em outra aba
  // ou máquina, cache velho — e o botão morria sem dizer nada, exatamente o
  // `return` mudo que o Sistema Vivo proíbe. Virou estado visível, com caminho de
  // volta: "Tentar de novo" invalida `pacing-knobs`; quando o item reaparecer, o
  // efeito acima re-hidrata o formulário e o painel normal assume. Já `form` nulo é
  // só o frame transitório entre o item chegar e a hidratação rodar (um render) —
  // pintar o formulário nesse instante é que seria mentira. Por isso `!form`
  // continua mudo, e só ele.
  if (!item) {
    return (
      <Sheet open onOpenChange={(open) => !open && onClose()}>
        <SheetContent className="flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md">
          <SheetHeader>
            <SheetTitle>{t("Proteção de envio")}</SheetTitle>
            <SheetDescription data-testid="anti-ban-indisponivel">
              {t(
                "Não foi possível carregar a proteção de envio desta conexão. Ela pode ter sido removida, ou esta lista está desatualizada.",
              )}
            </SheetDescription>
          </SheetHeader>

          <div className="mt-auto flex justify-end gap-2 border-t border-border px-4 py-3">
            <Button variant="ghost" onClick={onClose} data-testid="anti-ban-fechar">
              {t("Fechar")}
            </Button>
            <Button
              onClick={() => void qc.invalidateQueries({ queryKey: ["pacing-knobs"] })}
              data-testid="anti-ban-tentar-de-novo"
            >
              {t("Tentar de novo")}
            </Button>
          </div>
        </SheetContent>
      </Sheet>
    );
  }

  if (!form) return null;
  const eff = item.effective;
  const set = (patch: Partial<FormState>) => setForm((f) => (f ? { ...f, ...patch } : f));
  const alternarDiaDaProspeccao = (dia: number) =>
    setForm((f) => {
      if (!f) return f;
      const marcado = f.prospeccao_dias.includes(dia);
      return {
        ...f,
        prospeccao_dias: marcado
          ? f.prospeccao_dias.filter((d) => d !== dia)
          : [...f.prospeccao_dias, dia].sort((a, b) => a - b),
      };
    });
  // Zero dia marcado = fila da prospecção parada em silêncio: o servidor
  // recusaria com 422, mas a ficha não pode oferecer o gesto que só dá erro.
  const prospeccaoDiasValidos = form.prospeccao_dias.length >= 1;
  // Nomes dos dias em literais estáticos: `t(variável)` e chave montada em
  // runtime não entram em dicionário nenhum (`i18n-espanhol-cobre-a-tela`).
  const nomesDosDias: Record<number, string> = {
    0: t("Dom"),
    1: t("Seg"),
    2: t("Ter"),
    3: t("Qua"),
    4: t("Qui"),
    5: t("Sex"),
    6: t("Sáb"),
  };

  const handleSave = async () => {
    try {
      await update.mutateAsync({
        channel_session_id: item.channel_session.id,
        window_start_hour: intOrNull(form.window_start_hour),
        window_end_hour: intOrNull(form.window_end_hour),
        resposta_start_hour: intOrNull(form.resposta_start_hour),
        resposta_end_hour: intOrNull(form.resposta_end_hour),
        throttle_ms: msOrNull(form.throttle_s),
        jitter_max_ms: msOrNull(form.jitter_s),
        atraso_notar_ms: intOrNull(form.atraso_notar_ms),
        ms_por_caractere: intOrNull(form.ms_por_caractere),
        atraso_minimo_ms: intOrNull(form.atraso_minimo_ms),
        atraso_maximo_ms: intOrNull(form.atraso_maximo_ms),
        // `null` quando o Switch está no default: salvar esta ficha por outro
        // motivo (aquecimento, throttle) não pode congelar o padrão do dia como
        // escolha permanente — foi assim que uma instalação ficou muda todo
        // domingo. Ver `valorDeOverride`.
        allow_sunday: valorDeOverride(form.allow_sunday, item.defaults.allowSunday),
        // Dias sempre explícitos (coluna NOT NULL): o que está marcado é o que
        // grava — sem modo "herdar", sem surpresa para quem só mexeu no throttle.
        prospeccao_dias: [...form.prospeccao_dias].sort((a, b) => a - b),
        timezone: form.timezone.trim() === "" ? null : form.timezone.trim(),
        ...(form.daily_message_limit.trim() !== ""
          ? { daily_message_limit: Math.round(Number(form.daily_message_limit)) }
          : {}),
        // Meio-dia UTC, não meia-noite: a data é um DIA declarado pelo operador, e
        // meia-noite vira o dia anterior em qualquer fuso a oeste — o número
        // envelheceria um dia a menos do que ele informou.
        number_activated_at:
          form.numero_em_uso_desde.trim() === ""
            ? null
            : new Date(`${form.numero_em_uso_desde}T12:00:00.000Z`).toISOString(),
        skip_warmup: form.pular_aquecimento,
      });
      toast.success(t("Proteção de envio atualizada."));
      onClose();
    } catch (err) {
      toast.error(err instanceof ApiError ? t(err.message) : t("Não foi possível salvar."));
    }
  };

  return (
    <Sheet open onOpenChange={(open) => !open && onClose()}>
      <SheetContent className="flex w-full flex-col gap-0 overflow-y-auto sm:max-w-md">
        <SheetHeader>
          <SheetTitle>
            {t("Proteção de envio —")} {label}
          </SheetTitle>
          <SheetDescription>
            {t(
              "Estes limites protegem o número contra bloqueio do WhatsApp. Campo vazio usa o padrão seguro do sistema (mostrado no campo).",
            )}
          </SheetDescription>
        </SheetHeader>

        <div className="flex flex-col gap-5 px-4 py-2" data-testid="anti-ban-form">
          <fieldset className="flex flex-col gap-2" data-testid="aquecimento">
            <Label htmlFor="numero-em-uso-desde">{t("Este número é usado desde")}</Label>
            <Input
              id="numero-em-uso-desde"
              type="date"
              // O dia LOCAL, que é o que este campo fala. Com o dia UTC, às 21h
              // em São Paulo o limite já oferecia amanhã.
              max={diaDeHojeLocal()}
              value={form.numero_em_uso_desde}
              onChange={(e) => set({ numero_em_uso_desde: e.target.value })}
              disabled={!canWrite || form.pular_aquecimento}
              className="w-48"
            />
            <p className="text-xs text-muted-foreground">
              {t(
                "A conexão pode ser nova sem que o número seja. O aquecimento conta a idade do NÚMERO — em branco, ele é tratado como recém-criado e começa liberando pouco por dia. Uma data já salva não some se você limpar o campo: para mudá-la, informe outra.",
              )}
            </p>

            <div className="mt-1 flex items-center gap-2">
              <Switch
                id="pular-aquecimento"
                checked={form.pular_aquecimento}
                onCheckedChange={(v) => set({ pular_aquecimento: v })}
                disabled={!canWrite}
              />
              <Label htmlFor="pular-aquecimento" className="font-normal">
                {t("Este número já está aquecido — pular o aquecimento")}
              </Label>
            </div>
            <p className="text-xs text-muted-foreground">
              {form.pular_aquecimento
                ? t(
                    "Vale só o teto diário abaixo. Use apenas se o número já envia há semanas: pular o aquecimento num número novo é o caminho mais rápido para o bloqueio.",
                  )
                : item.warmup.cap_today === null
                  ? `${t("Número com")} ${item.warmup.age_days} ${t("dia(s) de uso — já formado. Vale só o teto diário abaixo.")}`
                  : `${t("Hoje o aquecimento libera")} ${item.warmup.cap_today} ${t("envio(s) — o número tem")} ${item.warmup.age_days} ${t("dia(s) de uso. Enquanto esse número for menor que o teto diário, é ELE que limita, e mexer no teto diário não muda nada.")}`}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Janela de resposta (horário local)")}</Label>
            <div className="flex items-center gap-2">
              <Input
                type="number"
                min={0}
                max={23}
                inputMode="numeric"
                placeholder={String(eff.respostaStartHour)}
                value={form.resposta_start_hour}
                onChange={(e) => set({ resposta_start_hour: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Hora de início da janela de resposta")}
                className="w-20"
              />
              <span className="text-sm text-muted-foreground">{t("h até")}</span>
              <Input
                type="number"
                min={1}
                max={24}
                inputMode="numeric"
                placeholder={String(eff.respostaEndHour)}
                value={form.resposta_end_hour}
                onChange={(e) => set({ resposta_end_hour: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Hora de fim da janela de resposta")}
                className="w-20"
              />
              <span className="text-sm text-muted-foreground">h</span>
            </div>
            <p className="text-xs text-muted-foreground">
              {t(
                "Quando o cliente escreve, o agente responde nesta janela. Em branco, segue a janela de disparo. Use 0 e 24 para responder a qualquer hora — o intervalo entre envios continua valendo. A resposta não conta no teto diário.",
              )}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Janela de disparo (horário local)")}</Label>
            <div className="flex items-center gap-2">
              <Input
                type="number"
                min={0}
                max={23}
                inputMode="numeric"
                placeholder={String(eff.windowStartHour)}
                value={form.window_start_hour}
                onChange={(e) => set({ window_start_hour: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Hora de início da janela")}
                className="w-20"
              />
              <span className="text-sm text-muted-foreground">{t("h até")}</span>
              <Input
                type="number"
                min={1}
                max={24}
                inputMode="numeric"
                placeholder={String(eff.windowEndHour)}
                value={form.window_end_hour}
                onChange={(e) => set({ window_end_hour: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Hora de fim da janela")}
                className="w-20"
              />
              <span className="text-sm text-muted-foreground">h</span>
            </div>
            <p className="text-xs text-muted-foreground">
              {t(
                "Disparos em massa e mensagens que retomam conversa parada só saem nesta janela. A prospecção usa estas horas nos dias próprios abaixo. Fora da janela, o envio fica agendado para a próxima abertura — você vê o motivo na conversa.",
              )}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Dias da prospecção")}</Label>
            <div className="flex flex-wrap gap-2">
              {DIAS_DA_SEMANA.map((dia) => {
                const nome = nomesDosDias[dia] ?? String(dia);
                const marcado = form.prospeccao_dias.includes(dia);
                return (
                  <label
                    key={dia}
                    className={`flex cursor-pointer items-center gap-1.5 rounded-md border px-2.5 py-1.5 text-sm ${marcado ? "border-primary bg-primary/5" : "opacity-70"} ${canWrite ? "" : "pointer-events-none opacity-50"}`}
                  >
                    <input
                      type="checkbox"
                      checked={marcado}
                      onChange={() => alternarDiaDaProspeccao(dia)}
                      disabled={!canWrite}
                      aria-label={t("Prospecção no dia {dia}").replace("{dia}", nome)}
                      className="accent-current"
                    />
                    {nome}
                  </label>
                );
              })}
            </div>
            <p className="text-xs text-muted-foreground">
              {prospeccaoDiasValidos
                ? t(
                    "A primeira abordagem da prospecção só sai nestes dias, dentro da janela de disparo acima. Responder a quem escreveu segue a regra própria — desligar o domingo aqui não cala a resposta de domingo.",
                  )
                : t(
                    "Marque pelo menos um dia: sem dia marcado a prospecção não aborda ninguém.",
                  )}
            </p>
          </fieldset>

          <fieldset className="flex items-center justify-between gap-4">
            <div>
              <Label htmlFor="allow-sunday">{t("Enviar aos domingos")}</Label>
              <p className="text-xs text-muted-foreground">
                {t(
                  "Ligado por padrão: quem escreve no domingo espera resposta no domingo. Desligar cala a resposta e os disparos em massa no domingo — a prospecção segue os dias próprios acima.",
                )}
              </p>
            </div>
            <Switch
              id="allow-sunday"
              checked={form.allow_sunday}
              onCheckedChange={(v) => set({ allow_sunday: v })}
              disabled={!canWrite}
            />
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Ritmo entre envios (segundos)")}</Label>
            <div className="flex items-center gap-2">
              <Input
                type="number"
                min={0}
                step="0.1"
                inputMode="decimal"
                placeholder={String(eff.throttleMs / 1000)}
                value={form.throttle_s}
                onChange={(e) => set({ throttle_s: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Intervalo mínimo entre envios em segundos")}
                className="w-24"
              />
              <span className="text-sm text-muted-foreground">{t("+ variação de até")}</span>
              <Input
                type="number"
                min={0}
                step="0.1"
                inputMode="decimal"
                placeholder={String(eff.jitterMaxMs / 1000)}
                value={form.jitter_s}
                onChange={(e) => set({ jitter_s: e.target.value })}
                disabled={!canWrite}
                aria-label={t("Variação aleatória máxima em segundos")}
                className="w-24"
              />
              <span className="text-sm text-muted-foreground">s</span>
            </div>
            <p className="text-xs text-muted-foreground">
              {t(
                "Intervalo mínimo entre mensagens do mesmo número, mais uma variação aleatória — ritmo cravado parece robô para o WhatsApp.",
              )}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Atraso humano antes da primeira resposta (ms)")}</Label>
            <div className="flex flex-wrap items-center gap-x-3 gap-y-1">
              <label className="flex flex-col gap-0.5">
                <span className="text-xs text-muted-foreground">{t("Ver a notificação")}</span>
                <Input
                  type="number"
                  min={0}
                  max={item.bounds.intervalMaxMs}
                  inputMode="numeric"
                  placeholder={String(eff.atrasoNotarMs)}
                  value={form.atraso_notar_ms}
                  onChange={(e) => set({ atraso_notar_ms: e.target.value })}
                  disabled={!canWrite}
                  aria-label={t("Tempo para ver a notificação em ms")}
                  className="w-24"
                />
              </label>
              <label className="flex flex-col gap-0.5">
                <span className="text-xs text-muted-foreground">{t("Por caractere")}</span>
                <Input
                  type="number"
                  min={0}
                  max={item.bounds.msPorCaractereMax}
                  inputMode="numeric"
                  placeholder={String(eff.msPorCaractere)}
                  value={form.ms_por_caractere}
                  onChange={(e) => set({ ms_por_caractere: e.target.value })}
                  disabled={!canWrite}
                  aria-label={t("Milissegundos por caractere da resposta")}
                  className="w-24"
                />
              </label>
              <label className="flex flex-col gap-0.5">
                <span className="text-xs text-muted-foreground">{t("Mínimo")}</span>
                <Input
                  type="number"
                  min={0}
                  max={item.bounds.intervalMaxMs}
                  inputMode="numeric"
                  placeholder={String(eff.atrasoMinimoMs)}
                  value={form.atraso_minimo_ms}
                  onChange={(e) => set({ atraso_minimo_ms: e.target.value })}
                  disabled={!canWrite}
                  aria-label={t("Atraso humano mínimo em ms")}
                  className="w-24"
                />
              </label>
              <label className="flex flex-col gap-0.5">
                <span className="text-xs text-muted-foreground">{t("Máximo")}</span>
                <Input
                  type="number"
                  min={0}
                  max={item.bounds.atrasoMaximoMsMax}
                  inputMode="numeric"
                  placeholder={String(eff.atrasoMaximoMs)}
                  value={form.atraso_maximo_ms}
                  onChange={(e) => set({ atraso_maximo_ms: e.target.value })}
                  disabled={!canWrite}
                  aria-label={t("Atraso humano máximo em ms")}
                  className="w-24"
                />
              </label>
            </div>
            <p className="text-xs text-muted-foreground">
              {t(
                "Quanto o agente \"pensa\" antes de mandar a primeira resposta (ver a notificação + digitação por caractere, limitado entre o mínimo e o máximo). Campo vazio usa o padrão — rápido demais parece robô; lento demais parece que caiu. Não mexe no intervalo entre mensagens.",
              )}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Teto diário de envios")}</Label>
            <Input
              type="number"
              min={item.bounds.daily_limit.min}
              max={item.bounds.daily_limit.max}
              inputMode="numeric"
              placeholder={t("sem teto definido")}
              value={form.daily_message_limit}
              onChange={(e) => set({ daily_message_limit: e.target.value })}
              disabled={!canWrite}
              aria-label={t("Teto diário de mensagens")}
              className="w-32"
            />
            <p className="text-xs text-muted-foreground">
              {t(
                "Máximo de mensagens que este número inicia por dia: primeira mensagem, follow-up e campanha. A resposta a quem escreveu não conta. Números novos também respeitam o aquecimento automático abaixo, o que for menor.",
              )}
            </p>
          </fieldset>

          <fieldset className="flex flex-col gap-2">
            <Label>{t("Fuso horário da janela")}</Label>
            {/* LISTA, e não texto livre. A API já REJEITA fuso inválido — mas
                rejeitar é devolver um erro a quem digitou certo na cabeça e
                errado no teclado (`America/Asunción`, com o acento que um
                hispanofalante escreve natural). Escolher não erra. */}
            <select
              value={form.timezone}
              onChange={(e) => set({ timezone: e.target.value })}
              disabled={!canWrite}
              aria-label={t("Fuso horário IANA")}
              className="h-9 w-full rounded-md border border-input bg-background px-2 text-sm disabled:opacity-50"
            >
              <option value="">
                {t("Usar o padrão")} ({eff.timezone})
              </option>
              {FUSOS_OFERECIDOS.map((f) => (
                <option key={f.codigo} value={f.codigo}>
                  {t(f.rotulo)} — {f.codigo}
                </option>
              ))}
            </select>
            <p className="text-xs text-muted-foreground">
              {t("A janela de envio é avaliada neste fuso (ex.: America/Sao_Paulo).")}
            </p>
          </fieldset>

          <div className="rounded-md border border-border bg-muted/30 p-3">
            <p className="text-xs font-medium">{t("Aquecimento automático de número novo")}</p>
            <p className="mt-1 text-xs text-muted-foreground">
              {eff.warmupDailyCaps
                .map((s) =>
                  s.cap === null
                    ? `${t("a partir de")} ${s.minAgeDays} ${t("dias: sem limite de aquecimento")}`
                    : `${s.minAgeDays}+ ${t("dias: até")} ${s.cap}/${t("dia")}`,
                )
                .join(" · ")}
            </p>
            <p className="mt-1 text-xs text-muted-foreground">
              {t(
                "Número recém-conectado envia pouco e sobe aos poucos — enviar demais no início é a causa nº 1 de bloqueio.",
              )}
            </p>
          </div>
        </div>

        <div className="mt-auto flex justify-end gap-2 border-t border-border px-4 py-3">
          <Button variant="ghost" onClick={onClose}>
            {canWrite ? t("Cancelar") : t("Fechar")}
          </Button>
          {canWrite ? (
            <Button
              onClick={handleSave}
              disabled={update.isPending || !prospeccaoDiasValidos}
              data-testid="anti-ban-save"
            >
              {update.isPending ? t("Salvando…") : t("Salvar proteção")}
            </Button>
          ) : null}
        </div>
      </SheetContent>
    </Sheet>
  );
}