From e03594c22e200fb9dd1ffd0d8db594df6ebf1934 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9drix?= <cedric@abonnel.fr>
Date: Sat, 16 May 2026 13:01:46 +0200
Subject: [PATCH] =?UTF-8?q?fix=20:=20boutons=20IA=20dans=20wizard/step1.ph?=
 =?UTF-8?q?p=20(=C3=A9diteur=20r=C3=A9el)=20+=20adaptation=20ids=20textare?=
 =?UTF-8?q?a?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

post_form.php n'était jamais inclus — les boutons IA sont ajoutés dans la vraie
page d'édition (wizard/step1.php). ai-editor.js cherche #wz-content en priorité
et extrait le titre depuis la première ligne # du Markdown.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 public/assets/js/ai-editor.js | 12 +++++++++---
 templates/wizard/step1.php    | 36 ++++++++++++++++++++++++++++++++---
 2 files changed, 42 insertions(+), 6 deletions(-)

diff --git a/public/assets/js/ai-editor.js b/public/assets/js/ai-editor.js
index 43cc1d9..5d0e3b8 100644
--- a/public/assets/js/ai-editor.js
+++ b/public/assets/js/ai-editor.js
@@ -9,7 +9,7 @@ document.addEventListener('DOMContentLoaded', function () {
     var resultEl = document.getElementById('ai-result-content');
     var btnApply = document.getElementById('btn-ai-apply');
     var btnClose = document.getElementById('btn-ai-close');
-    var ta       = document.getElementById('content');
+    var ta       = document.getElementById('wz-content') || document.getElementById('content');
     var titleEl  = document.getElementById('title');
 
     var lastRewrite = '';
@@ -33,13 +33,19 @@ document.addEventListener('DOMContentLoaded', function () {
         lastRewrite             = '';
 
         try {
+            var titleVal = titleEl ? titleEl.value : '';
+            if (!titleVal && ta) {
+                var m = ta.value.match(/^#\s+(.+)/m);
+                if (m) { titleVal = m[1].trim(); }
+            }
+
             var res = await fetch('/?action=ai_query', {
                 method:  'POST',
                 headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
                 body:    new URLSearchParams({
                     action:  action,
-                    title:   titleEl ? titleEl.value : '',
-                    content: ta      ? ta.value      : '',
+                    title:   titleVal,
+                    content: ta ? ta.value : '',
                 }),
             });
 
diff --git a/templates/wizard/step1.php b/templates/wizard/step1.php
index 367143d..0b77541 100644
--- a/templates/wizard/step1.php
+++ b/templates/wizard/step1.php
@@ -49,15 +49,44 @@ $_hasUuid   = $_wizUuid !== '';
 
 </div><!-- /col-lg-9 -->
 
-<!-- Plan (TOC dynamique) ───────────────────────────────────────────────── -->
+<!-- Sidebar droite : TOC + IA ──────────────────────────────────────────── -->
 <div class="col-lg-3 d-none d-lg-block">
     <div class="position-sticky" style="top:1rem">
-        <div class="card border-secondary-subtle">
+        <div class="card border-secondary-subtle mb-3">
             <div class="card-header bg-transparent py-2 small fw-semibold text-muted">Plan</div>
-            <div class="card-body p-2" style="max-height:80vh;overflow-y:auto">
+            <div class="card-body p-2" style="max-height:40vh;overflow-y:auto">
                 <ul id="wz-toc-list" class="list-unstyled mb-0"></ul>
             </div>
         </div>
+
+        <?php if ($mode === 'edit'): ?>
+        <div class="card border-secondary-subtle">
+            <div class="card-header bg-transparent py-2 small fw-semibold text-muted">IA</div>
+            <div class="card-body p-2">
+                <div class="d-flex flex-column gap-2">
+                    <button type="button" id="btn-ai-critique" class="btn btn-outline-secondary btn-sm">
+                        Analyse critique
+                    </button>
+                    <button type="button" id="btn-ai-rewrite" class="btn btn-outline-secondary btn-sm">
+                        Réécrire l'article
+                    </button>
+                </div>
+                <div id="ai-result-panel" class="mt-2" style="display:none">
+                    <div class="d-flex align-items-center justify-content-between mb-1">
+                        <span id="ai-result-label" class="fw-semibold small"></span>
+                        <button type="button" id="btn-ai-close" class="btn-close btn-sm" aria-label="Fermer"></button>
+                    </div>
+                    <div id="ai-result-content"
+                         class="border rounded p-2 small"
+                         style="max-height:340px;overflow-y:auto;white-space:pre-wrap;font-family:inherit;background:#f8f9fa">
+                    </div>
+                    <button type="button" id="btn-ai-apply" class="btn btn-warning btn-sm mt-2" style="display:none">
+                        Appliquer dans l'éditeur
+                    </button>
+                </div>
+            </div>
+        </div>
+        <?php endif; ?>
     </div>
 </div>
 </div><!-- /row -->
@@ -172,4 +201,5 @@ $_hasUuid   = $_wizUuid !== '';
 <?php
 $content = ob_get_clean();
 $title   = ($mode === 'create' ? 'Nouvel article' : 'Modifier') . ' — Étape 1/' . $totalSteps;
+if ($mode === 'edit') { $aiEditor = true; }
 include BASE_PATH . '/templates/layout.php';