text: const autoPanel = document.getElementById('auto')
  const autoButton = document.getElementById('auto-button');
  const autoSelect = document.getElementById('auto-select');
  const autoModeDisplay = document.getElementById('auto-mode-display');
  
  autoButton.addEventListener('click', () => {
      if (!NetworkTables.isRobotConnected()) {
          autoPanel.classList.remove('visible')
          alert('Error: Robot is not connected!');
          return;
      }
  
      showPanel(autoPanel, 'auto');
  });
  
  autoSelect.addEventListener('change', (event) => {
      NetworkTables.putValue('/SmartDashboard/Autonomous Mode/active', event.target.value);
  });
  
  // Consider key = /SmartDashboard/Autonomous Mode/options
  NetworkTables.addKeyListener('/SmartDashboard/Auto List', (_, modes, __) => {
      autoSelect.innerHTML = '';
  
      for (let modeName of modes.reverse()) {
          let optionElem = document.createElement('option');
          optionElem.textContent = modeName;
          autoSelect.appendChild(optionElem);
      }
  }, true);
  
  NetworkTables.addKeyListener('/SmartDashboard/Autonomous Mode/default', (_, modeName, __) => {
      autoSelect.value = modeName;
  }, true);
  
  NetworkTables.addKeyListener('/SmartDashboard/Autonomous Mode/active', (_, modeName, __) => {
      autoModeDisplay.textContent = modeName;
  }, true);