document.addEventListener('DOMContentLoaded', () => {
  const authPanel = document.querySelector('auth-panel');
  const mainContainer = document.querySelector('.main-container');
  
  // Handle login buttons
  authPanel.shadowRoot.getElementById('user-login').addEventListener('click', () => {
    authPanel.classList.add('hidden');
    mainContainer.classList.remove('hidden');
    mainContainer.classList.add('fade-in');
    // Set user session
  });
  
  authPanel.shadowRoot.getElementById('admin-login').addEventListener('click', () => {
    authPanel.classList.add('hidden');
    mainContainer.classList.remove('hidden');
    mainContainer.classList.add('fade-in');
    // Set admin session and enable admin features
  });

  // Initialize terminal and preview communication
  const terminal = document.querySelector('ai-terminal');
  const preview = document.querySelector('code-preview');
  
  // TODO: Implement terminal-preview communication
  // TODO: Add AI CLI integration logic
  // TODO: Implement file management and GitHub integration
});