feat: auto-renommage des projets, assignation de modèles par clic, nettoyage automatique à 7 jours

2026-10-08 18:55:46 +02:00
1 parent 108ba8f167
commit 487da2ed4d
@@ -23,6 +23,48 @@

 <div id="app" class="flex w-full h-full relative bg-aethas-dark">

+    <!-- MODAL ASSIGNATION MODÈLE -->
+    <div v-if="isAssignModalOpen" 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="link" class="w-5 h-5 text-aethas-cyan"></i> Assigner un modèle</h2>
+                <button @click="closeAssignModal" 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">
+                <div v-if="assignMessage" class="p-3 rounded text-sm text-center bg-green-900/50 text-green-200 border border-green-500">{{ assignMessage }}</div>
+                
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Modèle sélectionné</label>
+                    <input type="text" :value="assignForm.modelId" disabled class="w-full bg-gray-800 border border-gray-600 rounded-lg px-4 py-2 text-aethas-cyan font-mono text-xs">
+                </div>
+                
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Associer à la discussion :</label>
+                    <select v-model="assignForm.projectId" class="w-full bg-aethas-dark border border-gray-600 rounded-lg px-4 py-2 focus:border-aethas-cyan focus:outline-none text-gray-200">
+                        <option v-for="p in projects" :key="p.id" :value="p.id">{{ p.title }}</option>
+                    </select>
+                </div>
+
+                <div>
+                    <label class="block text-sm text-gray-300 mb-1">Définir le rôle :</label>
+                    <select v-model="assignForm.role" class="w-full bg-aethas-dark border border-gray-600 rounded-lg px-4 py-2 focus:border-aethas-cyan focus:outline-none text-gray-200">
+                        <option value="prompter">Prompteur</option>
+                        <option value="worker1">Travailleur 1</option>
+                        <option value="worker2">Travailleur 2</option>
+                        <option value="worker3">Travailleur 3</option>
+                        <option value="worker4">Travailleur 4</option>
+                        <option value="worker5">Travailleur 5</option>
+                        <option value="concatenator">Concaténeur</option>
+                    </select>
+                </div>
+                
+                <button @click="confirmAssignModel" class="w-full mt-4 bg-aethas-cyan hover:bg-cyan-600 text-black font-bold py-2.5 px-4 rounded-lg transition-colors">
+                    Valider l'assignation
+                </button>
+            </div>
+        </div>
+    </div>
+
    <!-- BARRE LATÉRALE -->
    <div :class="['transition-all duration-300 flex-shrink-0 relative z-50 flex flex-col', isSidebarOpen ? 'w-72' : 'w-0']">
        <aside :class="['absolute top-0 left-0 h-full w-72 bg-aethas-panel border-r border-gray-700 flex flex-col transition-transform duration-300', isSidebarOpen ? 'translate-x-0' : '-translate-x-full']">
@@ -57,7 +99,10 @@
                    </ul>
                </div>
                <div>
-                    <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2">Récents</h3>
+                    <div class="flex items-center justify-between mb-2">
+                        <h3 class="text-xs font-semibold text-gray-400 uppercase tracking-wider">Récents</h3>
+                        <span class="text-[9px] text-red-400/80" title="Les discussions non épinglées de plus de 7 jours sont supprimées automatiquement.">Auto-suppression > 7j</span>
+                    </div>
                    <ul class="space-y-1">
                        <li v-for="project in recentProjects" :key="project.id" @click="selectProject(project)" :class="['group flex items-center justify-between p-2 rounded cursor-pointer text-sm', activeView === 'chat' && activeProject && activeProject.id === project.id ? 'bg-gray-700 text-white' : 'hover:bg-gray-800 text-gray-300']">
                            <div class="flex items-center gap-2 truncate"><i data-lucide="message-square" class="w-3 h-3 text-gray-500"></i><span class="truncate">{{ project.title }}</span></div>
@@ -224,16 +269,29 @@
                        <option value="paid">Payants</option>
                    </select>
                    
-                    <!-- BOUTON D'EXPORT CSV -->
                    <button @click="exportCSV" class="bg-aethas-panel border border-gray-600 hover:border-aethas-cyan text-gray-300 hover:text-white px-3 py-1.5 rounded flex items-center gap-2 text-sm transition-colors md:ml-auto">
                        <i data-lucide="download" class="w-4 h-4 text-green-500"></i> Export CSV
                    </button>
                </div>
                <div class="overflow-x-auto max-h-[500px] custom-scrollbar">
                    <table class="w-full text-left text-sm text-gray-300">
-                        <thead class="text-xs uppercase bg-gray-800 text-gray-400 sticky top-0"><tr><th class="px-4 py-3">Modèle</th><th class="px-4 py-3">Fournisseur</th><th class="px-4 py-3">Domaine</th><th class="px-4 py-3">Coût (1M Tokens)</th><th class="px-4 py-3">Contexte</th><th class="px-4 py-3 w-1/3">Description</th></tr></thead>
+                        <thead class="text-xs uppercase bg-gray-800 text-gray-400 sticky top-0">
+                            <tr>
+                                <th class="px-4 py-3 text-center">Assigner</th>
+                                <th class="px-4 py-3">Modèle</th>
+                                <th class="px-4 py-3">Fournisseur</th>
+                                <th class="px-4 py-3">Domaine</th>
+                                <th class="px-4 py-3">Coût (1M Tokens)</th>
+                                <th class="px-4 py-3">Contexte</th>
+                                <th class="px-4 py-3 w-1/3">Description</th>
+                            </tr>
+                        </thead>
                        <tbody>
                            <tr v-for="model in filteredModels" :key="model.model_id" class="border-b border-gray-700 hover:bg-gray-800/50 transition-colors">
+                                <!-- PUCE DE SELECTION -->
+                                <td class="px-4 py-3 text-center">
+                                    <input type="radio" name="modelSelect" @click.prevent="openAssignModal(model.model_id)" class="w-4 h-4 text-aethas-cyan bg-gray-900 border-gray-600 focus:ring-aethas-cyan cursor-pointer">
+                                </td>
                                <td class="px-4 py-3 font-mono text-xs text-aethas-cyan break-all">{{ model.model_id }}</td>
                                <td class="px-4 py-3 capitalize">{{ model.provider }}</td>
                                <td class="px-4 py-3"><span class="bg-gray-700 text-gray-200 px-2 py-1 rounded text-xs">{{ model.domain }}</span></td>
@@ -433,6 +491,10 @@
            const isSyncing = ref(false);
            const isSavingSettings = ref(false);

+            const isAssignModalOpen = ref(false);
+            const assignForm = reactive({ modelId: '', projectId: '', role: 'worker1' });
+            const assignMessage = ref("");
+
            const passForm = reactive({ old: '', new: '', confirm: '' });
            const settingsMessage = ref("");
            
@@ -512,6 +574,50 @@
                if(window.innerWidth < 768) isSidebarOpen.value = false;
                nextTick(() => lucide.createIcons()); 
            };
+
+            const openAssignModal = (modelId) => {
+                assignForm.modelId = modelId;
+                assignForm.projectId = activeProject.value ? activeProject.value.id : (projects.value.length > 0 ? projects.value[0].id : '');
+                assignForm.role = 'worker1';
+                assignMessage.value = "";
+                isAssignModalOpen.value = true;
+                nextTick(() => lucide.createIcons());
+            };
+
+            const closeAssignModal = () => {
+                isAssignModalOpen.value = false;
+            };
+
+            const confirmAssignModel = () => {
+                if(!assignForm.projectId || !assignForm.role) {
+                    assignMessage.value = "Veuillez sélectionner une discussion et un rôle.";
+                    return;
+                }
+                const storageKey = 'aethas_config_' + assignForm.projectId;
+                let config = { workers: ["", "", "", "", ""], prompter: "", concatenator: "" };
+                const saved = localStorage.getItem(storageKey);
+                if (saved) {
+                    try { config = JSON.parse(saved); } catch(e){}
+                }
+                
+                if(assignForm.role === 'prompter') config.prompter = assignForm.modelId;
+                else if(assignForm.role === 'concatenator') config.concatenator = assignForm.modelId;
+                else {
+                    const idx = parseInt(assignForm.role.replace('worker', '')) - 1;
+                    config.workers[idx] = assignForm.modelId;
+                }
+                
+                localStorage.setItem(storageKey, JSON.stringify(config));
+                
+                if (activeProject.value && activeProject.value.id == assignForm.projectId) {
+                    workers.value = config.workers;
+                    selectedPrompter.value = config.prompter;
+                    selectedConcatenator.value = config.concatenator;
+                }
+                
+                assignMessage.value = `Modèle assigné avec succès !`;
+                setTimeout(() => { closeAssignModal(); }, 1200);
+            };
            
            const logToTerminal = async (msg) => {
                try { await fetch('/api/logs', { method: 'POST', headers: {'Content-Type': 'application/json'}, body: JSON.stringify({ message: msg }) }); } catch(e){}
@@ -845,6 +951,13 @@
                    isAiThinking.value = false; 
                    scrollToBottom(); 
                    nextTick(()=>lucide.createIcons()); 
+                    
+                    fetchProjects().then(() => {
+                        if(activeProject.value) {
+                            const updated = projects.value.find(p => p.id === activeProject.value.id);
+                            if(updated) activeProject.value.title = updated.title;
+                        }
+                    });
                }
            };

@@ -875,9 +988,10 @@
                user, activeView, settingsTab, isSidebarOpen, toggleSidebar, prompt, autoResize, promptTextarea, 
                projects, pinnedProjects, recentProjects, activeProject, messages, isAiThinking,
                createNewProject, selectProject, renameProject, sendMessage, isLoading, togglePin, deleteProject,
-                openSettings, passForm, settingsMessage, isSavingSettings, changePassword, uploadAvatar,
+                openSettings, closeSettings, passForm, settingsMessage, isSavingSettings, changePassword, uploadAvatar,
                modelInfo, financesList, filterSearch, filterDomain, filterPricing, filterProvider, uniqueProviders, filteredModels, getFilteredModelsForCol, formatDate, syncModels, isSyncing,
                workers, selectedPrompter, selectedConcatenator, colPricing, colDomain, downloadTemplate, exportCSV, handleConfigImport,
+                isAssignModalOpen, openAssignModal, closeAssignModal, assignForm, assignMessage, confirmAssignModel,
                attachedFiles, handleFileUpload, handlePaste, removeFile,
                exportProject, copyToClipboard, downloadFile, downloadMessage, parseMessage, systemLogs
            };