Phase 7 : outils web_search et run_shell avec validation

Backend :
- tools.py : web_search (DuckDuckGo HTML sans clé, ou SearxNG via SEARX_URL) et
  run_shell (confiné au workspace, sortie bornée, timeout)
- agent.py : run_shell sensible -> émet tool_confirm et ne s'exécute pas tant que
  l'utilisateur n'a pas validé (confirm_shell)
- agent_config.py : web_search/run_shell désactivés par défaut, flag confirm_shell
- routes/shell.py : POST /api/shell/run exécute une commande validée
- routes/chat.py : relaie l'événement tool_confirm, passe confirm_shell

Frontend :
- streamChat : événement tool_confirm
- store : pendingShell + approveShell/rejectShell (réinjecte le résultat à l'agent)
- ChatPanel : carte de validation de commande (Approuver / Refuser)
- SettingsView : toggles web_search/run_shell, marqueur sensible, switch confirm_shell
- ToolCard : glyphes web_search/run_shell, statut 'à valider', aperçu d'argument

Tests : run_shell confiné, gate de confirmation (commande dangereuse non exécutée),
route shell, parser DuckDuckGo.

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

frontend/src/panels/ChatPanel.tsx

@@ -15,6 +15,9 @@ export function ChatPanel() {
     sendMessage,
     currentSessionId,
     config,
+    pendingShell,
+    approveShell,
+    rejectShell,
   } = useStore();
 
   const activeTools = config
@@ -100,6 +103,13 @@ export function ChatPanel() {
                 pending
               />
             )}
+            {pendingShell && (
+              <ShellConfirm
+                command={pendingShell}
+                onApprove={approveShell}
+                onReject={rejectShell}
+              />
+            )}
           </div>
         )}
       </div>
@@ -201,6 +211,46 @@ function Bubble({ msg, pending }: { msg: Message; pending?: boolean }) {
   );
 }
 
+function ShellConfirm({
+  command,
+  onApprove,
+  onReject,
+}: {
+  command: string;
+  onApprove: () => void;
+  onReject: () => void;
+}) {
+  return (
+    <div className="ml-[43px] overflow-hidden rounded-[11px] border border-[#4a3a2a] bg-card-deep">
+      <div className="flex items-center gap-2 border-b border-line-soft px-[13px] py-2.5">
+        <span className="font-mono text-[12.5px] font-semibold text-warn">
+          run_shell
+        </span>
+        <span className="text-xs text-muted-2">· commande sensible à valider</span>
+      </div>
+      <div className="px-[13px] py-3">
+        <pre className="m-0 mb-3 overflow-auto whitespace-pre-wrap rounded-lg bg-sunken px-3 py-2.5 font-mono text-[12px] text-ink-2">
+          $ {command}
+        </pre>
+        <div className="flex items-center gap-2">
+          <button
+            onClick={onApprove}
+            className="flex h-[30px] items-center gap-1.5 rounded-lg bg-accent px-3.5 text-[12.5px] font-bold text-[#1f1b16]"
+          >
+            Approuver &amp; exécuter
+          </button>
+          <button
+            onClick={onReject}
+            className="flex h-[30px] items-center rounded-lg border border-line-strong px-3.5 text-[12.5px] font-semibold text-ink-3"
+          >
+            Refuser
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}
+
 function Chip({ children }: { children: React.ReactNode }) {
   return (
     <div className="flex h-[25px] items-center gap-1.5 rounded-[7px] border border-line-strong bg-card-soft px-[9px] text-[11.5px] text-ink-3">

frontend/src/panels/SettingsView.tsx

@@ -8,7 +8,10 @@ const TOOL_DESC: Record<string, string> = {
   read_file: "Lire un fichier du projet",
   write_file: "Créer / modifier un fichier",
   list_dir: "Lister un répertoire",
+  web_search: "Recherche web",
+  run_shell: "Exécuter une commande",
 };
+const SENSITIVE = new Set(["run_shell"]);
 
 /** Vue Configuration (Frame 2) — Modèle & génération, outils, invite système. */
 export function SettingsView() {
@@ -279,6 +282,9 @@ export function SettingsView() {
                         </span>
                         <span className="flex-1 text-xs text-muted-2">
                           {TOOL_DESC[name] ?? ""}
+                          {SENSITIVE.has(name) && (
+                            <span className="text-warn"> · sensible</span>
+                          )}
                         </span>
                         <button
                           onClick={() =>
@@ -298,9 +304,28 @@ export function SettingsView() {
                       </div>
                     );
                   })}
-                  <div className="mt-1 border-t border-line-soft pt-2.5 font-mono text-[11px] text-muted-3">
-                    web_search · run_shell — arrivent bientôt (sensibles)
-                  </div>
+                  {draft.tools.run_shell && (
+                    <div className="mt-2 flex items-center gap-3 rounded-[10px] border border-line-soft bg-base px-3 py-2.5">
+                      <span className="flex-1 text-xs text-ink-3">
+                        Demander une validation avant chaque commande shell
+                      </span>
+                      <button
+                        onClick={() => set("confirm_shell", !draft.confirm_shell)}
+                        className="relative h-5 w-[34px] rounded-full transition-colors"
+                        style={{
+                          background: draft.confirm_shell ? "#f0a15c" : "#3a342c",
+                        }}
+                      >
+                        <span
+                          className="absolute top-0.5 h-4 w-4 rounded-full transition-all"
+                          style={{
+                            background: draft.confirm_shell ? "#1f1b16" : "#6f675c",
+                            left: draft.confirm_shell ? 16 : 2,
+                          }}
+                        />
+                      </button>
+                    </div>
+                  )}
                 </div>
               </div>
             </div>