UI Stabilization: Global color theme updates (#75B2D6), AI Assistant styling refactor, and navigation fixes

memento-note/app/(main)/settings/general/general-settings-client.tsx

@@ -12,6 +12,7 @@ interface GeneralSettingsClientProps {
     preferredLanguage: string
     emailNotifications: boolean
     desktopNotifications: boolean
+    autoSave: boolean
   }
 }
 
@@ -21,6 +22,7 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
   const [language, setLanguage] = useState(initialSettings.preferredLanguage || 'auto')
   const [emailNotifications, setEmailNotifications] = useState(initialSettings.emailNotifications ?? false)
   const [desktopNotifications, setDesktopNotifications] = useState(initialSettings.desktopNotifications ?? false)
+  const [autoSave, setAutoSave] = useState(initialSettings.autoSave ?? true)
 
   const handleLanguageChange = async (value: string) => {
     setLanguage(value)
@@ -47,6 +49,12 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
     await updateAISettings({ desktopNotifications: enabled })
     toast.success(t('settings.settingsSaved') || 'Saved')
   }
+  
+  const handleAutoSaveChange = async (enabled: boolean) => {
+    setAutoSave(enabled)
+    await updateAISettings({ autoSave: enabled })
+    toast.success(t('settings.settingsSaved') || 'Saved')
+  }
 
   return (
     <div className="space-y-8">
@@ -140,6 +148,22 @@ export function GeneralSettingsClient({ initialSettings }: GeneralSettingsClient
                 <span className={`inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform ${desktopNotifications ? 'translate-x-6' : 'translate-x-1'}`} />
               </button>
             </div>
+            
+            <div className="border-t border-border pt-5 flex items-center justify-between">
+              <div>
+                <p className="text-sm font-medium text-foreground">{t('settings.autoSave') || 'Auto-Save'}</p>
+                <p className="text-xs text-muted-foreground">{t('settings.autoSaveDesc') || 'Sauvegarder automatiquement les modifications'}</p>
+              </div>
+              <button
+                type="button"
+                role="switch"
+                aria-checked={autoSave}
+                onClick={() => handleAutoSaveChange(!autoSave)}
+                className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors focus:outline-none focus:ring-2 focus:ring-primary/30 ${autoSave ? 'bg-primary' : 'bg-muted-foreground/30'}`}
+              >
+                <span className={`inline-block h-4 w-4 transform rounded-full bg-white shadow transition-transform ${autoSave ? 'translate-x-6' : 'translate-x-1'}`} />
+              </button>
+            </div>
           </div>
         </div>
       </div>

memento-note/app/(main)/settings/layout.tsx

@@ -8,7 +8,7 @@ export default function SettingsLayout({
     children: React.ReactNode
 }) {
     return (
-        <div className="flex flex-col h-full">
+        <div className="flex flex-col h-full bg-[#F2F0E9]">
             {/* Architectural header — matches Agents page */}
             <header className="flex flex-col px-12 pt-10 pb-0 border-b border-border/40 shrink-0">
                 <div className="flex items-end justify-between mb-6">