Function renderWhitelist

options.js:160–188

(whitelist)

// ============================================================================

function renderWhitelist(whitelist) {
  const container = document.getElementById('whitelistItems');
  if (!container) return;

  container.innerHTML = '';

  if (!whitelist || whitelist.length === 0) {
    container.innerHTML = '<div style="color: var(--text-muted); font-size: 12px; padding: 12px; text-align: center;">No whitelisted domains</div>';
    return;
  }

  whitelist.forEach(domain => {
    const item = document.createElement('div');
    item.className = 'whitelist-item';
    item.innerHTML = `
      <span>${domain}</span>
      <button data-domain="${domain}" title="Remove"><i class="fas fa-times"></i></button>
    `;
    container.appendChild(item);
  });

  // Add remove handlers
  container.querySelectorAll('button').forEach(btn => {
    btn.addEventListener('click', () => {
      const domain = btn.dataset.domain;
      removeFromWhitelist(domain);
    });
  });
}

function removeFromWhitelist(domain) {
  chrome.storage.sync.get('whitelist', (data) => {