Function initializeAboutDialog

renderer.js:3837–3887

()

          
          // Small delay to ensure dialog closes before showing welcome
          await new Promise(resolve => setTimeout(resolve, 200));
          
          // Show welcome dialog if this is the first run
          const hasRunBefore = await window.electron.getSetting('hasRunBefore');
          if (!hasRunBefore) {
            const welcomeDialog = document.getElementById('welcome-message');
            if (welcomeDialog) {
              welcomeDialog.showModal();
              await window.electron.saveSetting('hasRunBefore', 'true');
            }
          }
          
          resolve(true); // Resolve promise when accepted
        };

        const declineHandler = () => {
          acceptButton.removeEventListener('click', acceptHandler);
          declineButton.removeEventListener('click', declineHandler);
          window.electron.quitApp();
          resolve(false); // Resolve promise when declined
        };

        acceptButton.addEventListener('click', acceptHandler);
        declineButton.addEventListener('click', declineHandler);
      });
    }
    return true; // Return true if already accepted
  } catch (error) {
    console.error('Error checking Terms of Service:', error);
    return false; // Return false on error
  }
}

// Function to create menu dropdown for server mode
function createMenuDropdown(label, items) {
  const menuContainer = document.createElement('div');
  menuContainer.style.cssText = 'position: relative; margin-right: 15px;';
  
  const menuButton = document.createElement('button');
  menuButton.textContent = label;
  menuButton.style.cssText = 'background: none; border: none; color: #e0e0e0; padding: 5px 10px; cursor: pointer; font-size: 13px; font-family: inherit;';
  menuButton.onmouseover = () => menuButton.style.backgroundColor = '#3a3a3a';
  menuButton.onmouseout = () => menuButton.style.backgroundColor = 'transparent';
  
  const dropdown = document.createElement('div');
  dropdown.style.cssText = 'display: none; position: absolute; top: 100%; left: 0; background-color: #2c2c2c; border: 1px solid #444; border-radius: 4px; min-width: 180px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); z-index: 10001; margin-top: 2px;';
  
  items.forEach(item => {
    if (item.label === '---') {
      const separator = document.createElement('div');
      separator.style.cssText = 'height: 1px; background-color: #444; margin: 4px 0;';
      dropdown.appendChild(separator);
    } else {
      const menuItem = document.createElement('div');