function sendMessage() {
  const input = document.getElementById("userInput");
  const chatbox = document.getElementById("chatbox");
  const output = document.getElementById("outputCode");
  const userMessage = input.value.trim();

  if (userMessage) {
    chatbox.innerHTML += `<div class="message user">${userMessage}</div>`;

    // Simulation de réponse IA (à remplacer par un backend sécurisé)
    setTimeout(() => {
      const response = generateResponse(userMessage);
      chatbox.innerHTML += `<div class="message assistant">${response.reply}</div>`;
      output.textContent = response.code;
    }, 500);

    input.value = "";
  }
}

function generateResponse(input) {
  return {
    reply: `Voici ce que je peux faire avec "${input}":`,
    code: `// Function to process your input
function processInput(input) {
  // Tokenize the input
  const tokens = input.toLowerCase().split(" ");
  
  // Capitalize words longer than 3 characters
  const processed = tokens.map(token => 
    token.length > 3 ? token.charAt(0).toUpperCase() + token.slice(1) : token
  ).join(" ");
  
  return processed;
}

// Example usage
const result = processInput("${input}");
console.log("Résultat:", result);`
  };
}

// Initialize feather icons
document.addEventListener('DOMContentLoaded', function() {
  feather.replace();
  
  // Add enter key support
  document.getElementById('userInput').addEventListener('keypress', function(e) {
    if (e.key === 'Enter') {
      sendMessage();
    }
  });
});