async function humanize() {
  const input = document.getElementById("inputText").value;
  const outputArea = document.getElementById("outputText");
  outputArea.value = "Processing...";

  try {
    const response = await fetch("/humanize", {
      method: "POST",
      headers: { "Content-Type": "application/json" },
      body: JSON.stringify({ input: input })
    });

    const result = await response.json();
    console.log("API response:", result);

    if (Array.isArray(result) && result[0]?.generated_text) {
      outputArea.value = result[0].generated_text;
    } else if (result.generated_text) {
      outputArea.value = result.generated_text;
    } else if (result.error) {
      outputArea.value = "⚠️ API Error: " + result.error;
    } else {
      outputArea.value = "❌ Unexpected API response: " + JSON.stringify(result);
    }

  } catch (err) {
    outputArea.value = "❌ Request failed: " + err.message;
  }
}