trx-rs/src/trx-client/trx-frontend/trx-frontend-http/assets/web/plugins/bookmarks.js

// --- Bookmarks Tab ---

/** Current bookmark scope: "general" or a rig remote name. */
let bmScope = "general";

/** Build the ?scope= query string for the current bookmark scope. */
function bmScopeParam(prefix) {
  const sep = prefix ? "&" : "?";
  return sep + "scope=" + encodeURIComponent(bmScope);
}

var bmList = [];
var bmRevision = 0;
let bmFilteredList = [];
let bmEditId = null;
let bmCurrentPage = 1;
const BM_PAGE_SIZE = 25;
const bmSelected = new Set();

function bmFmtFreq(hz) {
  if (!Number.isFinite(hz) || hz <= 0) return "--";
  if (hz >= 1e9) return (hz / 1e9).toFixed(6).replace(/\.?0+$/, "") + "\u202fGHz";
  if (hz >= 1e6) return (hz / 1e6).toFixed(6).replace(/\.?0+$/, "") + "\u202fMHz";
  if (hz >= 1e3) return (hz / 1e3).toFixed(3).replace(/\.?0+$/, "") + "\u202fkHz";
  return hz + "\u202fHz";
}

function bmEsc(str) {
  const d = document.createElement("div");
  d.appendChild(document.createTextNode(String(str)));
  return d.innerHTML;
}

function bmCanControl() {
  return (
    (typeof authEnabled !== "undefined" && !authEnabled) ||
    (typeof authRole !== "undefined" && authRole === "control")
  );
}

// Show/hide the Add Bookmark button based on the current auth role.
function bmSyncAccess() {
  const addBtn = document.getElementById("bm-add-btn");
  if (addBtn) addBtn.style.display = bmCanControl() ? "" : "none";
}

async function bmFetch(categoryFilter) {
  let url = "/bookmarks";
  let hasQuery = false;
  if (categoryFilter && categoryFilter !== "") {
    url += "?category=" + encodeURIComponent(categoryFilter);
    hasQuery = true;
  }
  url += bmScopeParam(hasQuery);
  try {
    const resp = await fetch(url);
    if (!resp.ok) throw new Error("HTTP " + resp.status);
    bmList = await resp.json();
  } catch (e) {
    console.error("Failed to fetch bookmarks:", e);
    bmList = [];
  }
  bmRevision++;
  if (typeof window.syncBookmarkMapLocators === "function") {
    window.syncBookmarkMapLocators(bmList);
  }
  bmSelected.clear();
  bmUpdateSelectionUi();
  bmSyncAccess();
  bmApplyFilters();
  bmRefreshCategoryFilter(categoryFilter);
  if (typeof scheduleSpectrumDraw === "function") scheduleSpectrumDraw();
}

function bmApplyFilters() {
  const text = (document.getElementById("bm-text-filter")?.value || "").trim().toLowerCase();
  const modeFilter = (document.getElementById("bm-mode-filter")?.value || "").trim().toUpperCase();
  let filtered = modeFilter
    ? bmList.filter((bm) => String(bm.mode || "").toUpperCase() === modeFilter)
    : bmList;
  filtered = text
    ? filtered.filter((bm) =>
        (bm.name || "").toLowerCase().includes(text) ||
        (bm.locator || "").toLowerCase().includes(text) ||
        (bm.category || "").toLowerCase().includes(text) ||
        (bm.comment || "").toLowerCase().includes(text)
      )
    : filtered;
  bmFilteredList = filtered;
  bmCurrentPage = 1;
  bmRender(filtered);
}

async function bmRefreshCategoryFilter(keepValue) {
  const sel = document.getElementById("bm-category-filter");
  const modeSel = document.getElementById("bm-mode-filter");
  if (!sel && !modeSel) return;
  try {
    const resp = await fetch("/bookmarks" + bmScopeParam(false));
    if (!resp.ok) return;
    const all = await resp.json();
    if (sel) {
      const cats = [...new Set(all.map((b) => b.category || "").filter(Boolean))].sort();
      while (sel.options.length > 1) sel.remove(1);
      cats.forEach((cat) => {
        const opt = document.createElement("option");
        opt.value = cat;
        opt.textContent = cat;
        sel.add(opt);
      });
      if (keepValue && cats.includes(keepValue)) sel.value = keepValue;
    }
    if (modeSel) {
      const keepMode = modeSel.value;
      const modes = [...new Set(all.map((b) => String(b.mode || "").trim().toUpperCase()).filter(Boolean))].sort();
      while (modeSel.options.length > 1) modeSel.remove(1);
      modes.forEach((mode) => {
        const opt = document.createElement("option");
        opt.value = mode;
        opt.textContent = mode;
        modeSel.add(opt);
      });
      if (keepMode && modes.includes(keepMode)) modeSel.value = keepMode;
    }
  } catch (_) {}
}

function bmRender(list) {
  const tbody = document.getElementById("bm-tbody");
  const emptyEl = document.getElementById("bm-empty");
  const paginatorEl = document.getElementById("bm-paginator");
  const pageSummaryEl = document.getElementById("bm-page-summary");
  const pageIndicatorEl = document.getElementById("bm-page-indicator");
  const prevBtn = document.getElementById("bm-page-prev");
  const nextBtn = document.getElementById("bm-page-next");
  if (!tbody) return;
  tbody.innerHTML = "";

  if (list.length === 0) {
    if (emptyEl) emptyEl.style.display = "";
    if (paginatorEl) paginatorEl.style.display = "none";
    return;
  }
  if (emptyEl) emptyEl.style.display = "none";

  const canControl = bmCanControl();
  const totalPages = Math.max(1, Math.ceil(list.length / BM_PAGE_SIZE));
  const page = Math.min(Math.max(bmCurrentPage, 1), totalPages);
  bmCurrentPage = page;
  const startIndex = (page - 1) * BM_PAGE_SIZE;
  const endIndex = Math.min(startIndex + BM_PAGE_SIZE, list.length);
  const pageItems = list.slice(startIndex, endIndex);

  pageItems.forEach((bm) => {
    const tr = document.createElement("tr");
    tr.dataset.bmId = bm.id;
    const bwCell = bm.bandwidth_hz ? bmFmtFreq(bm.bandwidth_hz) : "--";
    const locatorCell = bm.locator || "--";
    const catCell = bm.category || "Uncategorised";
    const decoderCell = (bm.decoders || []).join(", ").toUpperCase() || "--";
    const commentCell = bm.comment || "";
    const checked = bmSelected.has(bm.id) ? " checked" : "";
    tr.innerHTML =
      `<td class="bm-col-sel"><input type="checkbox" class="bm-row-sel" data-bm-id="${bmEsc(bm.id)}"${checked} aria-label="Select ${bmEsc(bm.name)}" /></td>` +
      `<td class="bm-col-name">${bmEsc(bm.name)}</td>` +
      `<td class="bm-col-freq">${bmFmtFreq(bm.freq_hz)}</td>` +
      `<td class="bm-col-mode">${bmEsc(bm.mode)}</td>` +
      `<td class="bm-col-bw">${bwCell}</td>` +
      `<td class="bm-col-loc">${bmEsc(locatorCell)}</td>` +
      `<td class="bm-col-cat">${bmEsc(catCell)}</td>` +
      `<td class="bm-col-dec">${bmEsc(decoderCell)}</td>` +
      `<td class="bm-col-cmt">${bmEsc(commentCell)}</td>` +
      `<td class="bm-col-act">` +
        `<button class="bm-tune-btn" type="button" data-bm-id="${bmEsc(bm.id)}">Tune</button>` +
        (canControl
          ? `<button class="bm-edit-btn" type="button" data-bm-id="${bmEsc(bm.id)}">Edit</button>` +
            `<button class="bm-del-btn" type="button" data-bm-id="${bmEsc(bm.id)}">Delete</button>`
          : "") +
      `</td>`;
    tbody.appendChild(tr);
  });
  bmSyncSelectAllCheckbox();

  if (paginatorEl) paginatorEl.style.display = totalPages > 1 ? "flex" : "";
  if (pageSummaryEl) pageSummaryEl.textContent = `Showing ${startIndex + 1}-${endIndex} of ${list.length}`;
  if (pageIndicatorEl) pageIndicatorEl.textContent = `Page ${page} of ${totalPages}`;
  if (prevBtn) prevBtn.disabled = page <= 1;
  if (nextBtn) nextBtn.disabled = page >= totalPages;
}

function bmChangePage(delta) {
  const totalPages = Math.max(1, Math.ceil(bmFilteredList.length / BM_PAGE_SIZE));
  const nextPage = Math.min(Math.max(bmCurrentPage + delta, 1), totalPages);
  if (nextPage === bmCurrentPage) return;
  bmCurrentPage = nextPage;
  bmRender(bmFilteredList);
}

// Read decoder checkboxes and return an array of selected decoder names.
function bmReadDecoders() {
  const decoders = [];
  if (document.getElementById("bm-dec-aprs").checked) decoders.push("aprs");
  if (document.getElementById("bm-dec-ais").checked) decoders.push("ais");
  if (document.getElementById("bm-dec-ft8").checked) decoders.push("ft8");
  if (document.getElementById("bm-dec-ft4").checked) decoders.push("ft4");
  if (document.getElementById("bm-dec-ft2").checked) decoders.push("ft2");
  if (document.getElementById("bm-dec-wspr").checked) decoders.push("wspr");
  if (document.getElementById("bm-dec-hf-aprs").checked) decoders.push("hf-aprs");
  return decoders;
}

// Set decoder checkboxes to match the given array.
function bmWriteDecoders(decoders) {
  const list = decoders || [];
  document.getElementById("bm-dec-aprs").checked = list.includes("aprs");
  document.getElementById("bm-dec-ais").checked = list.includes("ais");
  document.getElementById("bm-dec-ft8").checked = list.includes("ft8");
  document.getElementById("bm-dec-ft4").checked = list.includes("ft4");
  document.getElementById("bm-dec-ft2").checked = list.includes("ft2");
  document.getElementById("bm-dec-wspr").checked = list.includes("wspr");
  document.getElementById("bm-dec-hf-aprs").checked = list.includes("hf-aprs");
}

function bmOpenForm(bm) {
  const wrap = document.getElementById("bm-form-wrap");
  if (!wrap) return;
  bmEditId = bm ? bm.id : null;

  document.getElementById("bm-id").value = bm ? bm.id : "";
  document.getElementById("bm-name").value = bm ? bm.name : "";
  document.getElementById("bm-freq").value = bm ? bm.freq_hz : "";
  document.getElementById("bm-mode").value = bm ? bm.mode : "";
  document.getElementById("bm-bw").value = bm && bm.bandwidth_hz ? bm.bandwidth_hz : "";
  document.getElementById("bm-locator").value = bm ? (bm.locator || "") : "";
  document.getElementById("bm-category-input").value = bm ? (bm.category || "") : "";
  document.getElementById("bm-comment").value = bm ? (bm.comment || "") : "";
  bmWriteDecoders(bm ? bm.decoders : []);
  document.getElementById("bm-form-title").textContent = bm ? "Edit Bookmark" : "Add Bookmark";

  wrap.style.display = "flex";
  document.getElementById("bm-name").focus();
}

function bmCloseForm() {
  const wrap = document.getElementById("bm-form-wrap");
  if (wrap) wrap.style.display = "none";
  bmEditId = null;
}

function bmPrefillFromStatus() {
  // Use globals maintained by app.js (updated by SSE stream)
  if (typeof lastFreqHz === "number" && Number.isFinite(lastFreqHz)) {
    document.getElementById("bm-freq").value = Math.round(lastFreqHz);
  }
  if (typeof lastModeName === "string" && lastModeName) {
    document.getElementById("bm-mode").value = lastModeName;
  }
  if (typeof currentBandwidthHz === "number" && currentBandwidthHz > 0) {
    document.getElementById("bm-bw").value = Math.round(currentBandwidthHz);
  }
}

async function bmSave(e) {
  e.preventDefault();
  const id = document.getElementById("bm-id").value;
  const name = document.getElementById("bm-name").value.trim();
  const freqStr = document.getElementById("bm-freq").value;
  const freq_hz = parseInt(freqStr, 10);
  const mode = document.getElementById("bm-mode").value.trim();
  const bwStr = document.getElementById("bm-bw").value;
  const bandwidth_hz = bwStr ? parseInt(bwStr, 10) : null;
  const locator = document.getElementById("bm-locator").value.trim().toUpperCase();
  const category = document.getElementById("bm-category-input").value.trim();
  const comment = document.getElementById("bm-comment").value.trim();
  const decoders = bmReadDecoders();

  if (!name || !Number.isFinite(freq_hz) || !mode) {
    alert("Name, Frequency, and Mode are required.");
    return;
  }

  const body = {
    name,
    freq_hz,
    mode,
    bandwidth_hz,
    locator: locator || null,
    category,
    comment,
    decoders,
  };

  try {
    let resp;
    if (id) {
      resp = await fetch("/bookmarks/" + encodeURIComponent(id) + bmScopeParam(false), {
        method: "PUT",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(body),
      });
    } else {
      resp = await fetch("/bookmarks" + bmScopeParam(false), {
        method: "POST",
        headers: { "Content-Type": "application/json" },
        body: JSON.stringify(body),
      });
    }
    if (!resp.ok) {
      const text = await resp.text();
      if (resp.status === 409) {
        throw new Error("A bookmark for that frequency already exists.");
      }
      throw new Error(text || "HTTP " + resp.status);
    }
    bmCloseForm();
    await bmFetch(document.getElementById("bm-category-filter").value);
  } catch (err) {
    console.error("Failed to save bookmark:", err);
    alert("Failed to save bookmark: " + err.message);
  }
}

async function bmDelete(id) {
  if (!confirm("Delete this bookmark?")) return;
  try {
    const resp = await fetch("/bookmarks/" + encodeURIComponent(id) + bmScopeParam(false), {
      method: "DELETE",
    });
    if (!resp.ok) throw new Error("HTTP " + resp.status);
    await bmFetch(document.getElementById("bm-category-filter").value);
  } catch (err) {
    console.error("Failed to delete bookmark:", err);
    alert("Failed to delete bookmark: " + err.message);
  }
}

async function bmApply(bm) {
  try {
    // --- Optimistic UI updates (instant, before any network round-trips) ---
    if (typeof modeEl !== "undefined" && modeEl) {
      modeEl.value = String(bm.mode || "").toUpperCase();
    }
    if (bm.bandwidth_hz) {
      if (typeof currentBandwidthHz !== "undefined") {
        currentBandwidthHz = bm.bandwidth_hz;
      }
      window.currentBandwidthHz = bm.bandwidth_hz;
      if (typeof syncBandwidthInput === "function") {
        syncBandwidthInput(bm.bandwidth_hz);
      }
    }
    if (typeof applyLocalTunedFrequency === "function") {
      // Set optimistic guard before applying so SSE cannot snap back.
      if (typeof _freqOptimisticSeq !== "undefined") {
        ++_freqOptimisticSeq;
        _freqOptimisticHz = bm.freq_hz;
      }
      applyLocalTunedFrequency(bm.freq_hz);
    }
    if (typeof scheduleSpectrumDraw === "function" && typeof lastSpectrumData !== "undefined" && lastSpectrumData) {
      scheduleSpectrumDraw();
    }

    // --- Fire-and-forget: send mode, bandwidth, and frequency in parallel ---
    // The UI is already updated optimistically above; don't block on the
    // network round-trips so the bookmark click feels instant.
    const modePromise = (async () => {
      const onVirtual = typeof vchanInterceptMode === "function"
        && await vchanInterceptMode(bm.mode);
      if (!onVirtual) {
        await postPath("/set_mode?mode=" + encodeURIComponent(bm.mode));
      }
    })();
    const bwPromise = bm.bandwidth_hz ? (async () => {
      const bwHandledByVchan = typeof vchanInterceptBandwidth === "function"
        && await vchanInterceptBandwidth(bm.bandwidth_hz);
      if (!bwHandledByVchan) {
        await postPath("/set_bandwidth?hz=" + bm.bandwidth_hz);
      }
    })() : Promise.resolve();
    // setRigFrequency is wrapped by vchan.js to redirect to the channel API
    // when on a virtual channel, so this call works correctly in both cases.
    // It also does its own optimistic update (applyLocalTunedFrequency) but
    // that's a no-op since we already set the same value above.
    const freqPromise = (async () => {
      if (typeof setRigFrequency === "function") {
        await setRigFrequency(bm.freq_hz);
      } else {
        await postPath("/set_freq?hz=" + bm.freq_hz);
      }
    })();
    // Decoder toggles (DIG mode) — also fire-and-forget.
    const decoderPromise = (bm.mode === "DIG" && Array.isArray(bm.decoders)) ? (async () => {
      const statusResp = await fetch("/status");
      if (statusResp.ok) {
        const st = await statusResp.json();
        const toggles = [];
        const check = (key) => {
          if (bm.decoders.includes(key) !== !!st[key.replace(/-/g, "_") + "_decode_enabled"]) {
            toggles.push(postPath("/toggle_" + key.replace(/-/g, "_") + "_decode"));
          }
        };
        check("ft8"); check("ft4"); check("ft2"); check("wspr"); check("hf-aprs");
        if (toggles.length) await Promise.all(toggles);
      }
    })() : Promise.resolve();
    // Don't await — let the network calls settle in the background.
    // Errors are logged but don't block the UI.
    Promise.all([modePromise, bwPromise, freqPromise, decoderPromise]).catch(
      (err) => console.error("Bookmark apply background error:", err)
    );
  } catch (err) {
    console.error("Failed to apply bookmark:", err);
  }
}

function bmUpdateSelectionUi() {
  const count = bmSelected.size;
  const canCtrl = bmCanControl();
  const visible = count > 0 && canCtrl;
  const btn = document.getElementById("bm-del-selected-btn");
  const countEl = document.getElementById("bm-del-selected-count");
  if (btn) btn.style.display = visible ? "" : "none";
  if (countEl) countEl.textContent = count;
  const moveWrap = document.getElementById("bm-move-selected-wrap");
  const moveCountEl = document.getElementById("bm-move-selected-count");
  if (moveWrap) moveWrap.style.display = visible ? "" : "none";
  if (moveCountEl) moveCountEl.textContent = count;
  if (visible) bmPopulateMoveTarget();
}

/** Populate the move-target dropdown with all scopes except the current one. */
function bmPopulateMoveTarget() {
  const sel = document.getElementById("bm-move-target");
  if (!sel) return;
  const rigIds = (typeof lastRigIds !== "undefined" && Array.isArray(lastRigIds)) ? lastRigIds : [];
  const displayNames = (typeof lastRigDisplayNames !== "undefined") ? lastRigDisplayNames : {};
  const prev = sel.value;
  sel.innerHTML = "";
  if (bmScope !== "general") {
    const opt = document.createElement("option");
    opt.value = "general";
    opt.textContent = "General";
    sel.appendChild(opt);
  }
  rigIds.forEach((id) => {
    if (id === bmScope) return;
    const opt = document.createElement("option");
    opt.value = id;
    opt.textContent = displayNames[id] || id;
    sel.appendChild(opt);
  });
  if (prev && sel.querySelector(`option[value="${CSS.escape(prev)}"]`)) {
    sel.value = prev;
  }
}

async function bmMoveSelected() {
  const ids = Array.from(bmSelected);
  if (ids.length === 0) return;
  const target = document.getElementById("bm-move-target")?.value;
  if (!target) return;
  const targetLabel = document.getElementById("bm-move-target")?.selectedOptions[0]?.textContent || target;
  if (!confirm(`Move ${ids.length} bookmark${ids.length > 1 ? "s" : ""} to "${targetLabel}"?`)) return;
  try {
    const resp = await fetch("/bookmarks/batch_move" + bmScopeParam(false), {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ ids, to: target }),
    });
    if (!resp.ok) throw new Error("HTTP " + resp.status);
    bmSelected.clear();
    bmUpdateSelectionUi();
    await bmFetch(document.getElementById("bm-category-filter").value);
  } catch (err) {
    console.error("Failed to move bookmarks:", err);
    alert("Failed to move bookmarks: " + err.message);
  }
}

function bmSyncSelectAllCheckbox() {
  const selectAll = document.getElementById("bm-select-all");
  if (!selectAll) return;
  const checkboxes = document.querySelectorAll(".bm-row-sel");
  if (checkboxes.length === 0) {
    selectAll.checked = false;
    selectAll.indeterminate = false;
    return;
  }
  const checkedCount = Array.from(checkboxes).filter((cb) => cb.checked).length;
  selectAll.checked = checkedCount === checkboxes.length;
  selectAll.indeterminate = checkedCount > 0 && checkedCount < checkboxes.length;
}

async function bmDeleteSelected() {
  const ids = Array.from(bmSelected);
  if (ids.length === 0) return;
  if (!confirm(`Delete ${ids.length} selected bookmark${ids.length > 1 ? "s" : ""}?`)) return;
  try {
    const resp = await fetch("/bookmarks/batch_delete" + bmScopeParam(false), {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ ids }),
    });
    if (!resp.ok) throw new Error("HTTP " + resp.status);
    bmSelected.clear();
    bmUpdateSelectionUi();
    await bmFetch(document.getElementById("bm-category-filter").value);
  } catch (err) {
    console.error("Failed to delete bookmarks:", err);
    alert("Failed to delete bookmarks: " + err.message);
  }
}

/** Populate the scope picker with "General" + one option per rig. */
function bmPopulateScopePicker() {
  const picker = document.getElementById("bm-scope-picker");
  if (!picker) return;
  const rigIds = (typeof lastRigIds !== "undefined" && Array.isArray(lastRigIds)) ? lastRigIds : [];
  const displayNames = (typeof lastRigDisplayNames !== "undefined") ? lastRigDisplayNames : {};
  // Preserve current selection if still valid.
  const prev = picker.value;
  while (picker.options.length > 1) picker.remove(1);
  rigIds.forEach((id) => {
    const opt = document.createElement("option");
    opt.value = id;
    opt.textContent = displayNames[id] || id;
    picker.appendChild(opt);
  });
  if (prev && (prev === "general" || rigIds.includes(prev))) {
    picker.value = prev;
  } else {
    picker.value = "general";
  }
  bmScope = picker.value;
}

// --- Event wiring ---
(function initBookmarks() {
  // Set initial button visibility (auth may already be resolved by the time
  // scripts run if auth is disabled; otherwise bmFetch() will sync it).
  bmSyncAccess();

  // Scope picker
  bmPopulateScopePicker();
  const scopePicker = document.getElementById("bm-scope-picker");
  if (scopePicker) {
    scopePicker.addEventListener("change", (e) => {
      bmScope = e.target.value;
      bmFetch(document.getElementById("bm-category-filter")?.value || "");
    });
  }

  // Refresh list and sync access when the Bookmarks tab is activated
  document.querySelector(".tab-bar").addEventListener("click", (e) => {
    const btn = e.target.closest('.tab[data-tab="bookmarks"]');
    if (!btn) return;
    bmFetch(document.getElementById("bm-category-filter").value);
  });

  // Add Bookmark button — open form and prefill from current rig state
  document.getElementById("bm-add-btn").addEventListener("click", () => {
    bmOpenForm(null);
    bmPrefillFromStatus();
  });

  // Category filter dropdown
  document.getElementById("bm-category-filter").addEventListener("change", (e) => {
    bmFetch(e.target.value);
  });

  // Mode filter dropdown (client-side, no re-fetch)
  document.getElementById("bm-mode-filter").addEventListener("change", () => {
    bmApplyFilters();
  });

  // Text search filter (client-side, no re-fetch)
  document.getElementById("bm-text-filter").addEventListener("input", () => {
    bmApplyFilters();
  });

  document.getElementById("bm-page-prev").addEventListener("click", () => {
    bmChangePage(-1);
  });

  document.getElementById("bm-page-next").addEventListener("click", () => {
    bmChangePage(1);
  });

  // Form submit
  document.getElementById("bm-form").addEventListener("submit", bmSave);

  // Form cancel
  document.getElementById("bm-form-cancel").addEventListener("click", bmCloseForm);

  const formWrap = document.getElementById("bm-form-wrap");
  if (formWrap) {
    formWrap.addEventListener("click", (e) => {
      if (e.target === formWrap) bmCloseForm();
    });
  }

  document.addEventListener("keydown", (e) => {
    if (e.key === "Escape" && document.getElementById("bm-form-wrap")?.style.display === "flex") {
      bmCloseForm();
    }
  });

  // Select-all checkbox
  document.getElementById("bm-select-all").addEventListener("change", (e) => {
    const checked = e.target.checked;
    document.querySelectorAll(".bm-row-sel").forEach((cb) => {
      cb.checked = checked;
      if (checked) bmSelected.add(cb.dataset.bmId);
      else bmSelected.delete(cb.dataset.bmId);
    });
    bmUpdateSelectionUi();
  });

  // Delete Selected button
  document.getElementById("bm-del-selected-btn").addEventListener("click", () => {
    bmDeleteSelected();
  });

  // Move Selected button
  document.getElementById("bm-move-selected-btn").addEventListener("click", () => {
    bmMoveSelected();
  });

  // Table action buttons and row checkboxes (event delegation)
  document.getElementById("bm-tbody").addEventListener("click", async (e) => {
    const checkbox = e.target.closest(".bm-row-sel");
    if (checkbox) {
      if (checkbox.checked) bmSelected.add(checkbox.dataset.bmId);
      else bmSelected.delete(checkbox.dataset.bmId);
      bmSyncSelectAllCheckbox();
      bmUpdateSelectionUi();
      return;
    }

    const tuneBtn = e.target.closest(".bm-tune-btn");
    const editBtn = e.target.closest(".bm-edit-btn");
    const delBtn = e.target.closest(".bm-del-btn");

    if (tuneBtn) {
      const bm = bmList.find((b) => b.id === tuneBtn.dataset.bmId);
      if (bm) await bmApply(bm);
    } else if (editBtn) {
      const bm = bmList.find((b) => b.id === editBtn.dataset.bmId);
      if (bm) bmOpenForm(bm);
    } else if (delBtn) {
      await bmDelete(delBtn.dataset.bmId);
    }
  });

  // Pre-load bookmarks so spectrum markers are visible immediately.
  bmFetch("");
})();