From d54c83074e8af67831940cced7fea31ed0daaa4a Mon Sep 17 00:00:00 2001
From: "google-labs-jules[bot]"
 <161369871+google-labs-jules[bot]@users.noreply.github.com>
Date: Mon, 11 May 2026 18:03:48 +0000
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=A8=20Palette:=20[UX=20improvement]=20?=
 =?UTF-8?q?Add=20ARIA=20labels=20to=20icon-only=20buttons=20for=20accessib?=
 =?UTF-8?q?ility?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added `aria-label` attributes corresponding to their `title` attributes on multiple icon-only `<button>` elements in `AgentCard.tsx` and `AgentRepl.tsx`. This improves accessibility by providing explicit text descriptions for screen readers, allowing users relying on assistive technologies to understand the purpose of these interactive elements.

Co-authored-by: bobdivx <6737167+bobdivx@users.noreply.github.com>
---
 src/components/agents/AgentCard.tsx | 2 ++
 src/components/agents/AgentRepl.tsx | 2 ++
 2 files changed, 4 insertions(+)

diff --git a/src/components/agents/AgentCard.tsx b/src/components/agents/AgentCard.tsx
index 95743755..e77f5af8 100644
--- a/src/components/agents/AgentCard.tsx
+++ b/src/components/agents/AgentCard.tsx
@@ -226,6 +226,7 @@ export default function AgentCard({
               disabled={commandBusy}
               class={`rounded-xl border p-2 transition-all disabled:opacity-50 ${cmd === 'start_work' ? 'bg-gray-900 border-gray-900 text-white hover:bg-black' : 'bg-white border-gray-200 text-gray-400 hover:text-rose-500 hover:border-rose-200'}`}
               title={cmd === 'start_work' ? 'Lancer une mission' : 'Arrêter'}
+              aria-label={cmd === 'start_work' ? 'Lancer une mission' : 'Arrêter'}
             >
               {cmd === 'start_work' ? (
                 <svg class="w-3.5 h-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2.5" d="M14.752 11.168l-3.197-2.132A1 1 0 0010 9.87v4.263a1 1 0 001.555.832l3.197-2.132a1 1 0 000-1.664z" /></svg>
@@ -241,6 +242,7 @@ export default function AgentCard({
             }}
             class="rounded-xl border border-gray-200 bg-white p-2 text-gray-400 transition-all hover:border-[#175B37]/30 hover:text-[#175B37]"
             title="Configurer cet agent (outils, prompt)"
+            aria-label="Configurer cet agent"
           >
             <svg class="h-3.5 w-3.5" fill="none" viewBox="0 0 24 24" stroke="currentColor">
               <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.325 4.317c.426-1.756 2.924-1.756 3.35 0a1.724 1.724 0 002.573 1.066c1.543-.94 3.31.826 2.37 2.37a1.724 1.724 0 001.065 2.572c1.756.426 1.756 2.924 0 3.35a1.724 1.724 0 00-1.066 2.573c.94 1.543-.826 3.31-2.37 2.37a1.724 1.724 0 00-2.572 1.065c-.426 1.756-2.924 1.756-3.35 0a1.724 1.724 0 00-2.573-1.066c-1.543.94-3.31-.826-2.37-2.37a1.724 1.724 0 00-1.065-2.572c-1.756-.426-1.756-2.924 0-3.35a1.724 1.724 0 001.066-2.573c-.94-1.543.826-3.31 2.37-2.37.996.608 2.296.07 2.572-1.065z" />
diff --git a/src/components/agents/AgentRepl.tsx b/src/components/agents/AgentRepl.tsx
index 9f937482..0f7ee13c 100644
--- a/src/components/agents/AgentRepl.tsx
+++ b/src/components/agents/AgentRepl.tsx
@@ -152,6 +152,7 @@ export default function AgentRepl() {
           <button
             type="button"
             title="Effacer"
+            aria-label="Effacer"
             class="w-3 h-3 rounded-full bg-gray-300 hover:bg-rose-400 transition-colors border border-gray-200"
             onClick={(e) => {
               e.stopPropagation();
@@ -262,6 +263,7 @@ export default function AgentRepl() {
           class="shrink-0 p-2 rounded-full border border-transparent transition-colors disabled:opacity-25 hover:bg-white hover:border-gray-200 hover:shadow-sm"
           style={{ color: FORGE }}
           title="Exécuter (Entrée)"
+          aria-label="Exécuter"
         >
           <svg class="w-4 h-4" fill="none" viewBox="0 0 24 24" stroke="currentColor">
             <path