    }

      function highlightElement(element) {
          element.classList.add('animate-highlight');
          setTimeout(() => element.classList.remove('animate-highlight'), 1000);
      }

      function showProviderDialog() {
          providerDialog.style.display = 'flex';
      }

      function getProviderFields(provider) {
        switch(provider) {
            case 'openai':
            case 'anthropic':
            case 'groq':
                return [{ id: 'apiKey', placeholder: 'Enter your API