From 9734ae9e93ae84c658e519b08dc6512707306194 Mon Sep 17 00:00:00 2001
From: Manus <dev-agent@manus.ai>
Date: Wed, 3 Jun 2026 14:52:20 +0000
Subject: [PATCH] =?UTF-8?q?Checkpoint:=20Le=20bouton=20Param=C3=A8tres=20e?=
 =?UTF-8?q?n=20bas=20de=20sidebar=20a=20=C3=A9t=C3=A9=20restylist=C3=A9=20?=
 =?UTF-8?q?:=20ic=C3=B4ne=20dans=20un=20carr=C3=A9=20arrondi=20bg-white/10?=
 =?UTF-8?q?,=20label=20en=20font-semibold=20tracking-wide,=20opacit=C3=A9?=
 =?UTF-8?q?=20text-white/70=20(au=20lieu=20de=20text-white/50),=20=C3=A9ta?=
 =?UTF-8?q?t=20actif=20avec=20ring-1=20ring-white/30=20et=20indicateur=20p?=
 =?UTF-8?q?oint=20blanc.=20Bien=20plus=20visible=20qu'avant.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/src/components/AppSidebar.tsx | 25 ++++++++++++++++++-------
 1 file changed, 18 insertions(+), 7 deletions(-)

diff --git a/client/src/components/AppSidebar.tsx b/client/src/components/AppSidebar.tsx
index b77b814..4a4f0be 100644
--- a/client/src/components/AppSidebar.tsx
+++ b/client/src/components/AppSidebar.tsx
@@ -386,19 +386,30 @@ export function AppSidebar({ collapsed = false, onToggle }: AppSidebarProps) {
         })}
       </nav>
 
-      {/* Paramètres en bas */}
-      <div className="px-2 py-3 border-t border-white/10">
+      {/* Paramètres — entrée bien visible en bas de sidebar */}
+      <div className="px-2 pb-3 pt-2 border-t border-white/10">
         <button
           onClick={() => navigate(SETTINGS_ITEM.path)}
-          className={`w-full flex items-center gap-2.5 px-3 py-2 rounded-lg transition-all duration-150 text-left ${
+          className={`w-full flex items-center gap-2.5 px-3 py-2.5 rounded-lg transition-all duration-150 text-left group ${
             isLeafActive(SETTINGS_ITEM.path, location)
-              ? 'bg-white/20 text-white'
-              : 'text-white/50 hover:bg-white/10 hover:text-white/80'
+              ? 'bg-white/20 text-white ring-1 ring-white/30'
+              : 'text-white/70 hover:bg-white/12 hover:text-white'
           }`}
         >
-          <Settings className="w-4 h-4 flex-shrink-0" />
+          <div className={`w-7 h-7 rounded-md flex items-center justify-center flex-shrink-0 transition-colors ${
+            isLeafActive(SETTINGS_ITEM.path, location)
+              ? 'bg-white/20'
+              : 'bg-white/10 group-hover:bg-white/20'
+          }`}>
+            <Settings className="w-3.5 h-3.5" />
+          </div>
           {!collapsed && (
-            <span className="flex-1 text-xs font-medium truncate">{SETTINGS_ITEM.label}</span>
+            <>
+              <span className="flex-1 text-xs font-semibold tracking-wide truncate">{SETTINGS_ITEM.label}</span>
+              {isLeafActive(SETTINGS_ITEM.path, location) && (
+                <span className="w-1.5 h-1.5 rounded-full bg-white/60 flex-shrink-0" />
+              )}
+            </>
           )}
         </button>
       </div>