Function wireSelectAll

public/js/fileListView.js:3423–3525

(fileListContent)

// Wire "select all" header checkbox for the current table render
function wireSelectAll(fileListContent) {
  // Be flexible about how the header checkbox is identified
  const getSelectAll = () => fileListContent.querySelector(
    'thead input[type="checkbox"].select-all, ' +
    'thead .select-all input[type="checkbox"], ' +
    'thead input#selectAll, ' +
    'thead input#selectAllCheckbox, ' +
    'thead input[data-select-all]'
  );
  const selectAll = getSelectAll();
  if (!selectAll) return;
  if (selectAll.__wiredSelectAll) return;
  selectAll.__wiredSelectAll = true;

  const getRowCbs = () =>
    Array.from(fileListContent.querySelectorAll('tbody .file-checkbox'))
      .filter(cb => !cb.disabled && !cb.closest('tr.folder-row'));

  const clearFolderSelections = () => {
    fileListContent.querySelectorAll('tbody .folder-checkbox:checked').forEach(cb => {
      cb.checked = false;
      updateRowHighlight(cb);
    });
  };

  const applySelectAll = () => {
    // Clear any folder selection when toggling all files
    clearFolderSelections();
    const checked = selectAll.checked;
    getRowCbs().forEach(cb => {
      cb.checked = checked;
      updateRowHighlight(cb);
    });
    updateFileActionButtons();
    // No indeterminate state when explicitly toggled
    selectAll.indeterminate = false;
    selectAll.__lastSelectAllChecked = selectAll.checked;
  };

  const handleSelectAllChange = () => {
    applySelectAll();
  };

  // Toggle all rows when the header checkbox changes
  selectAll.addEventListener('change', handleSelectAllChange);

  // Some UI layers can swallow left-click toggles. Track state and force toggle if needed.
  selectAll.addEventListener('mousedown', (e) => {
    if (e.button !== 0) return;
    selectAll.__lastSelectAllChecked = selectAll.checked;
  });

  selectAll.addEventListener('click', (e) => {
    if (e.button !== 0) return;
    if (selectAll.disabled) return;
    const last = selectAll.__lastSelectAllChecked;
    if (last === selectAll.checked) {
      selectAll.checked = !selectAll.checked;