feat: intégration du formulaire de modification du mot de passe utilisateur via le tableau de bord

README.md

@@ -5,56 +5,124 @@ Ce projet est un laboratoire d'intelligence artificielle personnel. Il agit comm
 L'interface visuelle est inspirée de l'ergonomie de Gemini, avec le logo stylisé A38 (cerveau en réseau neuronal néon) comme charte graphique centrale.
 
 ## 🏗️ Stack Technique & Architecture
-- **Backend :** FastAPI (Python) modulaire (une fonction = un module).
-- **Frontend :** Vue.js + Tailwind CSS (Responsive / Mobile-first).
-- **Base de Données :** PostgreSQL (gestion des utilisateurs, historiques, suivi financier).
-- **Traitement Documentaire :** LibreOffice Headless (génération/conversion Excel, Word, PDF).
-- **Déploiement :** Docker, géré via Dockge et Gitea, sécurisé sur grappe RAID.
+
+* **Backend :** FastAPI (Python) modulaire (une fonction = un module) asynchrone (httpx, asyncio).
+* **Frontend :** Vue.js + Tailwind CSS (Responsive / Mobile-first).
+* **Base de Données :** PostgreSQL (gestion des utilisateurs, historiques, suivi financier).
+* **Traitement Documentaire :** LibreOffice Headless (génération/conversion Excel, Word, PDF).
+* **Déploiement :** Docker, géré via Dockge et Gitea, sécurisé sur grappe RAID.
 
 ## 📌 Règles de Versioning (SemVer)
+
 Le développement suit un versioning strict (format `vX.Y.Z`) synchronisé avec les tags Gitea et GitHub, affiché dynamiquement sur l'interface :
-- **Majeur (X) :** Changement profond d'architecture ou refonte globale.
-- **Mineur (Y) :** Validation et ajout d'une nouvelle fonctionnalité de la roadmap.
-- **Patch (Z) :** Corrections de bugs, correctifs de sécurité ou ajustements visuels mineurs.
+
+* **Majeur (X) :** Changement profond d'architecture ou refonte globale.
+* **Mineur (Y) :** Validation et ajout d'une nouvelle fonctionnalité de la roadmap.
+* **Patch (Z) :** Corrections de bugs, correctifs de sécurité ou ajustements visuels mineurs.
+
+## 📦 Récupération des Paquets Docker (Tags)
+
+Les images Docker sont construites automatiquement par les pipelines CI/CD lors de la création d'un tag.
+
+* **Sur Gitea :** Depuis la page principale de votre dépôt, naviguez dans l'onglet **Packages** (ou Paquets). Vous y trouverez le registre de conteneurs avec toutes les versions taguées (`v0.10.1`, `latest`, etc.).
+* **Sur GitHub :** Depuis la page principale du dépôt, regardez dans la colonne de droite la section **Packages**. Cliquez dessus pour accéder au GitHub Container Registry (`ghcr.io/votre-utilisateur/aethas38-multi-ia`) et visualiser la liste des tags disponibles à tirer via Docker/Dockge.
 
 ## 🚀 ROADMAP & CAHIER DES CHARGES
 
 ### Sécurité & Infrastructure
-- [x] Installation stricte via Dockge et Gitea (création automatique des dossiers inclus).
-- [x] Sécurisation de la totalité du projet (fichiers, BDD PostgreSQL) sur le stockage RAID.
-- [x] Mots de passe cryptés (bcrypt), protection anti-brute force.
-- [x] Authentification 2FA obligatoire (Keepassium, Authenticator, etc.).
-- [x] Déconnexion automatique (timer invisible / session JWT) après 60 minutes d'inactivité.
-- [x] Configuration de GitHub Actions / Gitea Actions pour la création automatique des paquets Docker (Tags SemVer + latest).
-- [x] Horodatage UTC en base de données pour immunité au changement d'heure français (Prévention crash 2FA).
-- [ ] Procédure de réinitialisation/modification du mot de passe (Admin et Utilisateurs).
+
+* [x] Installation stricte via Dockge et Gitea (création automatique des dossiers inclus).
+
+
+* [x] Sécurisation de la totalité du projet (fichiers, BDD PostgreSQL) sur le stockage RAID.
+
+
+* [x] Mots de passe cryptés (bcrypt), protection anti-brute force.
+
+
+* [x] Authentification 2FA obligatoire (Keepassium, Authenticator, etc.).
+
+
+* [x] Déconnexion automatique (timer invisible / session JWT) après 60 minutes d'inactivité.
+
+
+* [x] Configuration de GitHub Actions / Gitea Actions pour la création automatique des paquets Docker (Tags SemVer + latest).
+
+
+* [x] Horodatage UTC en base de données pour immunité au changement d'heure français (Prévention crash 2FA).
+
+
+* [x] Rotation automatique des logs système : génération d'un fichier log par jour avec purge stricte des fichiers de plus de 7 jours.
+* [ ] Procédure de réinitialisation/modification du mot de passe (Admin et Utilisateurs).
+
+
 
 ### Administration & Gestion des Utilisateurs
-- [x] Assistant de première installation (création du compte admin complet).
-- [ ] Refonte du setup initial (Super Admin) : Obligation de configurer le serveur mail (aide opérateurs FR/Gmail) et proposition de saisie des clés API.
-- [ ] Intégration de la roue crantée (Paramètres) en bas de la barre latérale.
-- [ ] Page de configuration Utilisateur : changement d'email (avec validation via lien envoyé) et de mot de passe.
-- [ ] Page de configuration Admin : ajout/modification de fournisseurs, clés API, et serveur mail en permanence.
-- [ ] Hiérarchie des rôles : Un Admin peut proposer l'élévation d'un User en Admin (formulaire soumis à la validation exclusive du Super Admin).
-- [ ] Export de l'activité Admin : Fichier Excel avec KPI, graphiques "camembert", et suivi financier par utilisateur.
-- [ ] Suivi financier en temps réel et vérification du budget API.
-- [ ] Envoi de rapport d'activité automatisé chaque jeudi à 04h00.
+
+* [x] Assistant de première installation (création du compte admin complet).
+
+
+* [x] Refonte du setup initial (Super Admin) : Obligation de configurer le serveur mail (aide opérateurs FR/Gmail) et paramétrage complet des clés fournisseurs IA (OpenRouter, Groq, Gemini, DeepSeek, Mistral, Cloudflare, HF).
+* [x] Intégration de la roue crantée (Paramètres) en bas de la barre latérale.
+* [ ] Page de configuration Utilisateur : changement d'email (avec validation via lien envoyé) et de mot de passe.
+
+
+* [ ] Page de configuration Admin : ajout/modification de fournisseurs, clés API, et serveur mail en permanence.
+
+
+* [ ] Hiérarchie des rôles : Un Admin peut proposer l'élévation d'un User en Admin (formulaire soumis à la validation exclusive du Super Admin).
+
+
+* [ ] Export de l'activité Admin : Fichier Excel avec KPI, graphiques "camembert", et suivi financier par utilisateur.
+
+
+* [ ] Suivi financier en temps réel et vérification du budget API.
+
+
+* [ ] Envoi de rapport d'activité automatisé chaque jeudi à 04h00.
+
+
 
 ### Expérience Utilisateur (UI/UX)
-- [x] Thème moderne (Gemini-like) et 100% compatible smartphones.
-- [x] Refonte de la gestion des projets : séparation Épinglés (en haut) / Non Épinglés (Récents).
-- [x] Arrêt de la création automatique de nouveau projet à l'ouverture.
-- [x] Intégration permanente du logo AETHAS38 en local (Setup / Login / Dashboard).
-- [ ] Indicateur visuel (Loader/Animation) signalant que l'IA AETHAS38 "réfléchit" ou travaille.
-- [ ] Fonctionnalité de renommage manuel des discussions/projets.
+
+* [x] Thème moderne (Gemini-like) et 100% compatible smartphones.
+
+
+* [x] Refonte de la gestion des projets : séparation Épinglés (en haut) / Non Épinglés (Récents).
+
+
+* [x] Arrêt de la création automatique de nouveau projet à l'ouverture.
+
+
+* [x] Intégration permanente du logo AETHAS38 en local (Setup / Login / Dashboard).
+
+
+* [x] Indicateur visuel (Loader/Animation) signalant que l'IA AETHAS38 "réfléchit" ou travaille.
+* [x] Fonctionnalité de renommage manuel des discussions/projets.
+* [ ] Affichage natif et fluide des images directement dans le flux de la discussion.
+* [ ] Système de partage des réponses sur les réseaux et messageries externes (Facebook, WhatsApp, etc.).
 
 ### Moteur IA, Modèles & Fonctionnalités
-- [ ] Pipeline multi-agents : 1 Rédacteur de prompt, jusqu'à 5 Travailleurs, 1 Concaténeur final.
-- [ ] Extraction automatisée des modèles disponibles chez les fournisseurs (sauvegarde txt horodatée ex: "07/10/2026 à 10h00").
-- [ ] Tâche planifiée (CRON) pour la mise à jour des modèles toutes les 12h (le timer se reset si mise à jour manuelle).
-- [ ] Classement, filtrage (Gratuit/Payant) et catégorisation des modèles (Texte, Code, Image, Audio, Vidéo).
-- [ ] Upload manuel du fichier d'extraction des modèles avec intégration dans l'interface filtrable.
-- [ ] Traduction automatisée des descriptions des modèles via Ollama (local) ou Gemini.
-- [ ] Interface d'aide à la décision pour le choix des modèles selon la tâche souhaitée.
-- [ ] Mécanisme de fallback / termes génériques pour les appels API (protection contre le dépassement des quotas Gemini).
-- [ ] Téléchargement des requêtes, réponses et fichiers générés (Excel, PDF, TXT, Images).
+
+* [x] Cœur asynchrone pour la parallélisation des appels API (module `orchestrator.py`).
+* [ ] Pipeline multi-agents complet avec sélection dynamique :
+* Possibilité de sélectionner de 1 à 5 travailleurs IA en parallèle.
+* Si un seul travailleur est sélectionné, bypass automatique du prompteur et du concaténeur.
+* Si > 1 travailleur, activation de la chaîne complète (1 Prompteur ➔ N Travailleurs ➔ 1 Concaténeur).
+
+
+* [ ] Extraction, mise à jour (via tâche planifiée CRON toutes les 12h ou manuelle) et gestion des modèles depuis les API fournisseurs vers la BDD.
+* [ ] Page spécifique d'interface pour les modèles permettant l'export, l'import manuel d'un fichier d'extraction, et la sélection.
+* [ ] Extraction unitaire des retours IA.
+* [ ] Extraction/Téléchargement de la totalité d'une conversation dans des formats utiles aux différents fournisseurs (JSONL, TXT, etc.).
+* [ ] Détection et téléchargement ciblé de pièces jointes ou blocs spécifiques (Code brut, fichiers Excel `.xlsx`) générés par l'IA en respectant le nommage exact demandé.
+* [ ] Classement, filtrage (Gratuit/Payant) et catégorisation des modèles (Texte, Code, Image, Audio, Vidéo).
+
+
+* [ ] Traduction automatisée des descriptions des modèles via Ollama (local) ou Gemini.
+
+
+* [ ] Interface d'aide à la décision pour le choix des modèles selon la tâche souhaitée.
+
+
+* [ ] Mécanisme de fallback / termes génériques pour les appels API (protection contre le dépassement des quotas Gemini).

backend/main.py

@@ -12,6 +12,7 @@ from .schemas import AdminCreate, LoginRequest, ProjectCreate, ProjectResponse,
 from .models import User, Project, Message, SystemSettings
 from .orchestrator import run_orchestrator, sync_providers_models
 from .models import User, Project, Message, SystemSettings, AIModel
+from .schemas import AdminCreate, LoginRequest, ProjectCreate, ProjectResponse, ProjectRename, MessageCreate, MessageResponse, PasswordChangeS
 
 # Création des tables dans la base de données
 Base.metadata.create_all(bind=engine)
@@ -94,6 +95,19 @@ def dashboard(request: Request):
     frontend_path = os.path.join(os.getcwd(), "frontend", "dashboard.html")
     return FileResponse(frontend_path)
 
+@app.put("/api/users/me/password")
+def change_password(passwords: PasswordChange, db: Session = Depends(get_db), current_user: User = Depends(get_current_user)):
+    """Permet à l'utilisateur connecté de modifier son propre mot de passe."""
+    if not verify_password(passwords.old_password, current_user.hashed_password):
+        raise HTTPException(status_code=400, detail="L'ancien mot de passe est incorrect.")
+    
+    if len(passwords.new_password) < 8:
+        raise HTTPException(status_code=400, detail="Le nouveau mot de passe doit contenir au moins 8 caractères.")
+        
+    current_user.hashed_password = get_password_hash(passwords.new_password)
+    db.commit()
+    return {"message": "Mot de passe mis à jour avec succès."}
+
 # --- GESTION DES PROJETS ---
 
 def get_current_user(request: Request, db: Session = Depends(get_db)):

backend/schemas.py

@@ -57,3 +57,7 @@ class MessageResponse(MessageBase):
 
 class ProjectRename(BaseModel):
     title: str
+
+class PasswordChange(BaseModel):
+    old_password: str
+    new_password: str

frontend/dashboard.html

@@ -24,6 +24,39 @@
 <body class="h-screen flex overflow-hidden">
 
 <div id="app" class="flex w-full h-full relative bg-aethas-dark">
+    
+    <!-- MODAL PARAMÈTRES -->
+    <div v-if="isSettingsModalOpen" class="fixed inset-0 bg-black/80 z-[100] flex items-center justify-center p-4">
+        <div class="bg-aethas-panel border border-gray-600 rounded-2xl w-full max-w-md overflow-hidden shadow-[0_0_30px_rgba(0,0,0,0.7)]">
+            <div class="p-4 border-b border-gray-700 flex justify-between items-center bg-gray-800/50">
+                <h2 class="text-lg font-bold text-white flex items-center gap-2"><i data-lucide="settings" class="w-5 h-5 text-aethas-cyan"></i> Paramètres</h2>
+                <button @click="closeSettings" class="text-gray-400 hover:text-white"><i data-lucide="x" class="w-5 h-5"></i></button>
+            </div>
+            <div class="p-6 space-y-4">
+                <h3 class="text-sm font-semibold text-aethas-cyan uppercase tracking-wider mb-2">Sécurité du compte</h3>
+                <div v-if="settingsMessage" :class="['p-3 rounded text-sm text-center', settingsMessage.includes('succès') ? 'bg-green-900/50 text-green-200 border border-green-500' : 'bg-red-900/50 text-red-200 border border-red-500']">{{ settingsMessage }}</div>
+                
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Ancien mot de passe</label>
+                    <input v-model="passForm.old" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded-lg px-4 py-2 focus:border-aethas-cyan focus:outline-none" placeholder="••••••••">
+                </div>
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Nouveau mot de passe</label>
+                    <input v-model="passForm.new" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded-lg px-4 py-2 focus:border-aethas-cyan focus:outline-none" placeholder="8 caractères minimum">
+                </div>
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Confirmer le mot de passe</label>
+                    <input v-model="passForm.confirm" type="password" class="w-full bg-aethas-dark border border-gray-600 rounded-lg px-4 py-2 focus:border-aethas-cyan focus:outline-none" placeholder="••••••••">
+                </div>
+                
+                <button @click="changePassword" :disabled="isSavingSettings" class="w-full mt-4 bg-gray-700 hover:bg-gray-600 text-white font-semibold py-2.5 px-4 rounded-lg transition-colors border border-gray-500 disabled:opacity-50">
+                    <span v-if="isSavingSettings">Mise à jour...</span>
+                    <span v-else>Modifier le mot de passe</span>
+                </button>
+            </div>
+        </div>
+    </div>
+
     <div v-if="isSidebarOpen" @click="toggleSidebar" class="md:hidden fixed inset-0 bg-black/60 z-40 transition-opacity"></div>
 
     <div :class="['transition-all duration-300 flex-shrink-0 relative z-50', isSidebarOpen ? 'w-72' : 'w-0']">
@@ -84,7 +117,7 @@
                     <div class="w-8 h-8 rounded-full bg-gradient-to-tr from-aethas-cyan to-aethas-purple flex items-center justify-center text-sm font-bold shadow-md">{{ username.charAt(0).toUpperCase() }}</div>
                     <span class="text-sm font-medium">{{ username }}</span>
                 </div>
-                <button class="text-gray-400 hover:text-white transition-colors" title="Paramètres">
+                <button @click="openSettings" class="text-gray-400 hover:text-white transition-colors" title="Paramètres">
                     <i data-lucide="settings" class="w-5 h-5"></i>
                 </button>
             </div>
@@ -157,7 +190,7 @@
 </div>
 
 <script>
-    const { createApp, ref, onMounted, nextTick, computed } = Vue;
+    const { createApp, ref, reactive, onMounted, nextTick, computed } = Vue;
 
     createApp({
         setup() {
@@ -171,6 +204,11 @@
             const isLoading = ref(false);
             const isAiThinking = ref(false);
 
+            const isSettingsModalOpen = ref(false);
+            const isSavingSettings = ref(false);
+            const settingsMessage = ref("");
+            const passForm = reactive({ old: '', new: '', confirm: '' });
+
             const pinnedProjects = computed(() => projects.value.filter(p => p.is_pinned));
             const recentProjects = computed(() => projects.value.filter(p => !p.is_pinned));
 
@@ -188,6 +226,51 @@
                 });
             };
 
+            const openSettings = () => {
+                isSettingsModalOpen.value = true;
+                settingsMessage.value = "";
+                passForm.old = ''; passForm.new = ''; passForm.confirm = '';
+                nextTick(() => lucide.createIcons());
+            };
+            
+            const closeSettings = () => {
+                isSettingsModalOpen.value = false;
+            };
+
+            const changePassword = async () => {
+                settingsMessage.value = "";
+                if (passForm.new !== passForm.confirm) {
+                    settingsMessage.value = "Les nouveaux mots de passe ne correspondent pas.";
+                    return;
+                }
+                if (passForm.new.length < 8) {
+                    settingsMessage.value = "Le mot de passe doit faire au moins 8 caractères.";
+                    return;
+                }
+
+                isSavingSettings.value = true;
+                try {
+                    const response = await fetch('/api/users/me/password', {
+                        method: 'PUT',
+                        headers: { 'Content-Type': 'application/json' },
+                        body: JSON.stringify({ old_password: passForm.old, new_password: passForm.new })
+                    });
+                    const data = await response.json();
+                    
+                    if (response.ok) {
+                        settingsMessage.value = data.message;
+                        passForm.old = ''; passForm.new = ''; passForm.confirm = '';
+                        setTimeout(() => closeSettings(), 2000);
+                    } else {
+                        settingsMessage.value = data.detail;
+                    }
+                } catch (error) {
+                    settingsMessage.value = "Erreur de connexion au serveur.";
+                } finally {
+                    isSavingSettings.value = false;
+                }
+            };
+
             const fetchProjects = async () => {
                 try {
                     const response = await fetch('/api/projects');
@@ -317,7 +400,8 @@
             return { 
                 username, isSidebarOpen, toggleSidebar, prompt, autoResize, promptTextarea, 
                 projects, pinnedProjects, recentProjects, activeProject, messages, isAiThinking,
-                createNewProject, selectProject, renameProject, sendMessage, isLoading, togglePin, deleteProject 
+                createNewProject, selectProject, renameProject, sendMessage, isLoading, togglePin, deleteProject,
+                isSettingsModalOpen, openSettings, closeSettings, passForm, settingsMessage, isSavingSettings, changePassword
             };
         }
     }).mount('#app');