Les 5 évolutions : plan, auto-critique, RAG, vérif HTML, benchmark

1. Plan-puis-exécute (enhance.make_plan) : les demandes complexes sont
   décomposées en 3-5 étapes (event SSE 'plan', carte PLAN dans le fil,
   meta.plan persisté) ; le plan guide l'agent et le moteur code.
2. Auto-critique « Qualité + » (enhance.self_review, toggle Intelligence) :
   critique éclair puis révision de la réponse (event 'revision').
3. Mémoire long-terme RAG (rag.py) : échanges vectorisés via /api/embed
   (modèle d'embedding auto-détecté), rappel cosinus top-3 inter-sessions
   injecté en contexte, indexation en arrière-plan, élagage à 2000 souvenirs.
4. Vérification HTML (tools.check_html) : références locales cassées et
   balises déséquilibrées ; branchée sur l'auto-vérification des outils ET
   sur le moteur code avec une passe d'auto-correction Aider.
5. Benchmark intégré (bench.py + /api/bench) : 5 épreuves notées /100
   (appel d'outil, code exécuté en sous-processus isolé, consignes, JSON,
   format), streaming SSE, scores stockés ; carte BENCHMARK dans l'UI.

Config : plan_mode / self_review / rag_enabled / embed_model + carte
Intelligence (3 toggles). Client SSE : events plan/revision ; PlanCard.

Tests : heuristique+parsing du plan, révision, index/rappel RAG (exclusion
de la session courante), html_check, bench 100/100 sur modèle simulé,
intégration chat HTTP (event plan + meta persisté), build front.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01SVay7z3y7q2gEe54ByAE6N

frontend/src/panels/ChatPanel.tsx

@@ -17,6 +17,7 @@ export function ChatPanel() {
     streamStatus,
     streamNotice,
     streamTools,
+    streamPlan,
     sendMessage,
     currentSessionId,
     config,
@@ -37,7 +38,7 @@ export function ChatPanel() {
   // Auto-scroll vers le bas à chaque token / message.
   useEffect(() => {
     scrollRef.current?.scrollTo({ top: scrollRef.current.scrollHeight });
-  }, [messages, streamContent, streamThinking, streamTools]);
+  }, [messages, streamContent, streamThinking, streamTools, streamPlan]);
 
   const submit = () => {
     if (!draft.trim() || streaming) return;
@@ -101,7 +102,7 @@ export function ChatPanel() {
                   role: "assistant",
                   content: streamContent,
                   model: selectedModel,
-                  meta: { tools: streamTools },
+                  meta: { tools: streamTools, plan: streamPlan },
                   created_at: Date.now() / 1000,
                 }}
                 pending
@@ -173,6 +174,33 @@ export function ChatPanel() {
   );
 }
 
+/** Plan d'exécution affiché avant le travail de l'agent. */
+function PlanCard({ steps }: { steps: string[] }) {
+  return (
+    <div
+      className="mb-[11px] overflow-hidden border-[3px] border-line bg-card shadow-hard-sm"
+      style={{ borderRadius: 7 }}
+    >
+      <div className="flex items-center gap-2 border-b-2 border-line-soft px-3 py-2">
+        <span className="font-pixel text-[9px] text-accent">PLAN</span>
+        <span className="text-[12px] text-muted-2">
+          {steps.length} étape{steps.length > 1 ? "s" : ""}
+        </span>
+      </div>
+      <ol className="m-0 list-none px-3 py-2">
+        {steps.map((s, i) => (
+          <li key={i} className="flex gap-2 py-[3px] text-[13px] text-ink-2">
+            <span className="flex h-[18px] w-[18px] flex-none items-center justify-center border-2 border-line bg-base text-[11px] text-ink">
+              {i + 1}
+            </span>
+            <span className="min-w-0">{s}</span>
+          </li>
+        ))}
+      </ol>
+    </div>
+  );
+}
+
 function Bubble({
   msg,
   pending,
@@ -227,6 +255,9 @@ function Bubble({
           text={thinking ?? msg.meta?.thinking ?? ""}
           live={!!pending}
         />
+        {(msg.meta?.plan?.length ?? 0) > 0 && (
+          <PlanCard steps={msg.meta!.plan!} />
+        )}
         {(msg.meta?.tools ?? []).map((t: ToolCall, i: number) => (
           <ToolCard key={i} call={t} />
         ))}