bindHandlers function application

function bindHandlers(): void {
  const btnFillAll = document.getElementById(
    "btn-fill-all",
  ) as HTMLButtonElement | null;
  btnFillAll?.addEventListener("click", async () => {
    const orig = btnFillAll.textContent ?? "";
    btnFillAll.textContent = "…";
    await doSend({ type: "FILL_ALL_FIELDS" }, btnFillAll, orig);
  });

  const btnFillAi = document.getElementById(
    "btn-fill-ai",
  ) as HTMLButtonElement | null;
  btnFillAi?.addEventListener("click", async () => {
    const context = await openAIContextModal();
    if (context === null) return;
    const orig = btnFillAi.textContent ?? "";
    btnFillAi.textContent = "…";
    await doSend(
      { type: "FILL_CONTEXTUAL_AI", payload: context },
      btnFillAi,
      orig,
    );
  });

  const btnFillEmpty = document.getElementById(
    "btn-fill-empty",
  ) as HTMLButtonElement | null;
  btnFillEmpty?.addEventListener("click", async () => {
    const orig = btnFillEmpty.textContent ?? "";
    btnFillEmpty.textContent = "…";
    await doSend(
      { type: "FILL_ALL_FIELDS", payload: { fillEmptyOnly: true } },
      btnFillEmpty,
      orig,
    );
  });

  document.getElementById("btn-settings")?.addEventListener("click", () => {
    chrome.runtime.openOptionsPage();
  });
}