Grand champ texte libre + bouton IA

<div class="">
    <label for="textarea-description" class="text-[13px] text-neutral-500">Description succincte du projet</label>
    <div class="text-[12px] text-neutral-600 mt-1 mb-2">Décrivez l'entièreté du projet et le but des travaux : précisez l'activité accueillie, existante et/ou projetée, dans les bâtiments ou sur le terrain, les éventuelles démolitions, transformations, les nouvelles constructions ou installations, création de logements, aménagement des abords, etc.</div>
    <div class="space-y-2">
      <textarea id="textarea-description" rows="10" class="w-full rounded-md border p-2.5 text-sm border-neutral-200 bg-white focus:border-[#649DAD] focus:ring-1 focus:ring-[#649DAD]/50 transition-colors" placeholder="Description détaillée du projet..."></textarea>
      <div class="flex items-center justify-end">
        <button onclick="toggleAiHelper('description')" class="inline-flex gap-1.5 hover:bg-neutral-100 transition-colors text-sm text-neutral-600 rounded-md pt-2 pr-3 pb-2 pl-3 items-center" title="Ouvrir les suggestions IA">
          <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sparkles w-[16px] h-[16px]" data-icon-replaced="true" style="width: 16px; height: 16px; color: rgb(82, 82, 82);">
            <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" class=""></path>
            <path d="M5 3v4"></path>
            <path d="M19 17v4"></path>
            <path d="M3 5h4"></path>
            <path d="M17 19h4"></path>
          </svg>
          Aide IA
        </button>
      </div>
      <div id="ai-helper-description" class="space-y-3 rounded-md border border-neutral-200 bg-neutral-50/60 p-3 hidden" style="max-height: 0px; opacity: 0; transition: max-height 0.3s ease-out, opacity 0.3s ease-out;">
        <select onchange="applyAiPrompt('description')" id="ai-prompt-select-description" class="w-full rounded-md border border-neutral-200 bg-white p-2 text-sm text-neutral-600 focus:border-[#649DAD] focus:ring-1 focus:ring-[#649DAD]/50 transition-colors">
          <option value="" selected="" disabled="">Suggestions de prompts...</option>
          <option value="Générer une première version de la description du projet.">Générer une première version</option>
          <option value="Lister les contraintes potentielles liées au projet.">Lister les contraintes</option>
          <option value="Simplifier la rédaction de la description actuelle.">Simplifier la rédaction</option>
          <option value="Vérifier et corriger l'orthographe et la grammaire.">Vérifier l’orthographe</option>
        </select>
        <textarea id="ai-prompt-input-description" placeholder="Décrivez ce que vous voulez que l’IA fasse..." rows="2" class="w-full rounded-md border p-2.5 text-sm border-neutral-200 bg-white focus:border-[#649DAD] focus:ring-1 focus:ring-[#649DAD]/50 transition-colors"></textarea>
        <div class="flex items-center justify-between">
          <button id="ai-regenerate-btn-description" onclick="generateAiContent('description')" class="hidden inline-flex items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-3 py-2 text-sm text-neutral-600 hover:bg-neutral-100 transition-colors">
            <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-refresh-cw">
              <path d="M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8"></path>
              <path d="M21 3v5h-5"></path>
              <path d="M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16"></path>
              <path d="M3 21v-5h5"></path>
            </svg>
            Régénérer
          </button>
          <div class="flex items-center gap-2 ml-auto">
            <button onclick="saveToLibrary('description')" class="inline-flex items-center gap-1.5 rounded-md border border-neutral-200 bg-white px-3 py-2 text-sm text-neutral-600 hover:bg-neutral-100 transition-colors">
              <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-library">
                <path d="m16 6 4 14"></path>
                <path d="M12 6v14"></path>
                <path d="M8 8v12"></path>
                <path d="M4 4v16"></path>
              </svg>
              Enregistrer
            </button>
            <button onclick="generateAiContent('description')" class="inline-flex items-center gap-1.5 rounded-md border border-transparent bg-[#649DAD] px-3 py-2 text-sm font-medium text-white hover:bg-opacity-90 transition-colors">
              Générer
            </button>
          </div>
        </div>
      </div>
    </div>
  </div>