Function renderRecycleBinNode

public/js/folderManager.js:1846–1887

(hasItems = false)

}

function renderRecycleBinNode(hasItems = false) {
  const ul = document.getElementById('rootChildren');
  const container = document.getElementById('folderTreeContainer');
  if (!ul || !container) return;

  const existing = document.getElementById(RECYCLE_BIN_ID);
  if (existing) existing.remove();

  const li = document.createElement('li');
  li.id = RECYCLE_BIN_ID;
  li.className = 'folder-item recycle-bin-item';
  li.setAttribute('role', 'treeitem');
  li.setAttribute('aria-expanded', 'false');

  const row = document.createElement('div');
  row.className = 'folder-row recycle-bin-row';

  const spacer = document.createElement('span');
  spacer.className = 'folder-spacer';
  spacer.setAttribute('aria-hidden', 'true');

  const opt = document.createElement('button');
  opt.type = 'button';
  opt.id = 'recycleBinBtn';
  opt.className = 'folder-option recycle-bin-option';
  opt.setAttribute('data-folder', 'recycle_bin');
  opt.setAttribute('aria-label', t('recycle_bin') || 'Recycle Bin');
  opt.setAttribute('tabindex', '0');

  const icon = document.createElement('span');
  icon.className = 'folder-icon recycle-bin-icon';
  icon.innerHTML = recycleBinSVG(hasItems);

  const label = document.createElement('span');
  label.className = 'folder-label recycle-bin-label';
  label.textContent = t('recycle_bin') || 'Recycle Bin';

  opt.append(icon, label);
  row.append(spacer, opt);
  li.append(row);
  ul.appendChild(li);
}

export function updateRecycleBinState(hasItems) {
  window.recycleBinHasItems = !!hasItems;