jojdglo

app.py

@@ -192,25 +192,24 @@ def upload_file():
     try:
         if 'file' not in request.files:
             return jsonify({'error': 'No file uploaded'}), 400
-        
+
         file = request.files['file']
         if file.filename == '':
             return jsonify({'error': 'No file selected'}), 400
-        
+
         # Lire le fichier
         file_bytes = file.read()
         mime_type = file.content_type or mimetypes.guess_type(file.filename)[0]
-        
+
         # Encoder en base64 pour le stockage temporaire
         file_b64 = base64.b64encode(file_bytes).decode()
-        
+
         return jsonify({
             'success': True,
-            'filename': file.filename,
             'mime_type': mime_type,
             'data': file_b64
         })
-        
+
     except Exception as e:
         return jsonify({'error': str(e)}), 500
 
@@ -219,15 +218,20 @@ def chat_with_file():
     try:
         data = request.get_json()
         message = data.get('message', '')
-        file_data = data.get('file_data')
+        file_data_list = data.get('file_data', [])
         thinking_enabled = data.get('thinking_enabled', True)
         conversation_id = data.get('conversation_id', 'default')
-        
-        # Ajouter le message de l'utilisateur à l'historique (avec indication de fichier)
-        display_message = message if message else 'Analyse ce fichier'
-        if file_data:
-            display_message += f" [Fichier: {file_data.get('filename', 'inconnu')}]"
-        add_message_to_history(conversation_id, 'user', display_message, has_file=True, file_data=file_data)
+
+        # Ensure file_data_list is a list
+        if not isinstance(file_data_list, list):
+            file_data_list = [file_data_list]
+
+        # Ajouter le message de l'utilisateur à l'historique (avec indication de fichiers)
+        display_message = message if message else 'Analyse ces fichiers'
+        if file_data_list:
+            file_count = len(file_data_list)
+            display_message += f" [{file_count} fichier{'s' if file_count > 1 else ''}]"
+        add_message_to_history(conversation_id, 'user', display_message, has_file=len(file_data_list) > 0, file_data=file_data_list)
         
         # Configuration du thinking
         config_dict = DEFAULT_CONFIG.copy()
@@ -251,10 +255,10 @@ def chat_with_file():
         
         chat = conversations[conversation_id]
         
-        # Préparation du contenu avec fichier
+        # Préparation du contenu avec fichiers
         contents = [message]
-        
-        if file_data:
+
+        for file_data in file_data_list:
             file_bytes = base64.b64decode(file_data['data'])
             file_part = types.Part.from_bytes(
                 data=file_bytes,

templates/index.html

@@ -130,7 +130,7 @@
         <div class="p-4 md:p-6 bg-dark-card border-t border-dark-border flex-shrink-0">
             <div class="mb-3 p-3 bg-dark-elevated rounded-lg text-sm hidden" id="filePreview"></div>
             <div class="flex gap-3 items-end">
-                <input type="file" id="fileInput" class="hidden" accept="image/*,video/*,.pdf,.txt,.csv,.json" onchange="handleFileSelect(event)">
+                <input type="file" id="fileInput" class="hidden" accept="image/*,video/*,.pdf,.txt,.csv,.json" multiple onchange="handleFileSelect(event)">
                 <button class="bg-gray-700 text-white h-12 w-12 rounded-full hover:bg-gray-600 transition-colors flex-shrink-0 flex items-center justify-center text-xl" onclick="document.getElementById('fileInput').click()" title="Joindre un fichier">
                     📎
                 </button>
@@ -152,7 +152,7 @@
     </div>
 
     <script>
-        let currentFile = null;
+        let currentFiles = [];
         let conversationId = 'session_' + Date.now();
 
         // Configuration de marked pour le markdown
@@ -174,61 +174,72 @@
         }
 
         function handleFileSelect(event) {
-            const file = event.target.files[0];
-            if (!file) return;
+            const files = Array.from(event.target.files);
+            if (files.length === 0) return;
 
             const filePreview = document.getElementById('filePreview');
-            const formData = new FormData();
-            formData.append('file', file);
-
-            // Show immediate preview for images
-            if (file.type.startsWith('image/')) {
-                const reader = new FileReader();
-                reader.onload = function(e) {
-                    filePreview.innerHTML = `
-                        <div class="flex items-center gap-3">
-                            <img src="${e.target.result}" alt="${file.name}" class="w-16 h-16 object-cover rounded-lg border border-gray-600">
-                            <div class="flex-1">
-                                <div class="text-gray-300 text-sm font-medium">${file.name}</div>
+            currentFiles = [];
+            let previews = [];
+
+            files.forEach((file, index) => {
+                const formData = new FormData();
+                formData.append('file', file);
+
+                // Show immediate preview for images
+                if (file.type.startsWith('image/')) {
+                    const reader = new FileReader();
+                    reader.onload = function(e) {
+                        previews[index] = `
+                            <div class="flex items-center gap-3">
+                                <img src="${e.target.result}" class="w-16 h-16 object-cover rounded-lg border border-gray-600">
                                 <div class="text-gray-500 text-xs">${(file.size / 1024).toFixed(1)} KB</div>
                             </div>
+                        `;
+                        updatePreview();
+                    };
+                    reader.readAsDataURL(file);
+                } else {
+                    previews[index] = `
+                        <div class="flex items-center gap-3">
+                            <span class="text-gray-300">📎</span>
+                            <div class="text-gray-500 text-xs">${(file.size / 1024).toFixed(1)} KB</div>
+                        </div>
+                    `;
+                    updatePreview();
+                }
+
+                fetch('/upload', {
+                    method: 'POST',
+                    body: formData
+                })
+                .then(response => response.json())
+                .then(data => {
+                    if (data.success) {
+                        currentFiles.push(data);
+                    } else {
+                        showError('Erreur lors du téléchargement: ' + data.error);
+                    }
+                })
+                .catch(error => {
+                    showError('Erreur lors du téléchargement: ' + error.message);
+                });
+            });
+
+            function updatePreview() {
+                if (previews.filter(p => p).length === files.length) {
+                    filePreview.innerHTML = `
+                        <div class="flex flex-wrap gap-3 items-center">
+                            ${previews.join('')}
                             <button onclick="removeFile()" class="bg-gray-600 hover:bg-gray-500 text-white px-3 py-1 rounded transition-colors">✕</button>
                         </div>
                     `;
                     filePreview.classList.remove('hidden');
-                };
-                reader.readAsDataURL(file);
-            } else {
-                filePreview.innerHTML = `
-                    <div class="flex justify-between items-center">
-                        <span class="text-gray-300">📎 ${file.name}</span>
-                        <button onclick="removeFile()" class="bg-gray-600 hover:bg-gray-500 text-white px-3 py-1 rounded transition-colors">✕</button>
-                    </div>
-                `;
-                filePreview.classList.remove('hidden');
-            }
-
-            fetch('/upload', {
-                method: 'POST',
-                body: formData
-            })
-            .then(response => response.json())
-            .then(data => {
-                if (data.success) {
-                    currentFile = data;
-                } else {
-                    showError('Erreur lors du téléchargement: ' + data.error);
-                    filePreview.classList.add('hidden');
                 }
-            })
-            .catch(error => {
-                showError('Erreur lors du téléchargement: ' + error.message);
-                filePreview.classList.add('hidden');
-            });
+            }
         }
 
         function removeFile() {
-            currentFile = null;
+            currentFiles = [];
             document.getElementById('filePreview').classList.add('hidden');
             document.getElementById('fileInput').value = '';
         }
@@ -237,7 +248,7 @@
             const messageInput = document.getElementById('messageInput');
             const message = messageInput.value.trim();
             
-            if (!message && !currentFile) return;
+            if (!message && currentFiles.length === 0) return;
 
             const sendButton = document.getElementById('sendButton');
             const typingIndicator = document.getElementById('typingIndicator');
@@ -245,8 +256,8 @@
             messageInput.disabled = true;
             sendButton.disabled = true;
             
-            if (message || currentFile) {
-                addMessage('user', message, currentFile);
+            if (message || currentFiles.length > 0) {
+                addMessage('user', message, currentFiles);
             }
             
             typingIndicator.classList.remove('hidden');
@@ -256,15 +267,15 @@
             autoResize(messageInput);
 
             const thinkingEnabled = document.getElementById('thinkingToggle').checked;
-            const endpoint = currentFile ? '/chat_with_file' : '/chat';
+            const endpoint = currentFiles.length > 0 ? '/chat_with_file' : '/chat';
             const payload = {
-                message: message || 'Analyse ce fichier',
+                message: message || 'Analyse ces fichiers',
                 thinking_enabled: thinkingEnabled,
                 conversation_id: conversationId
             };
 
-            if (currentFile) {
-                payload.file_data = currentFile;
+            if (currentFiles.length > 0) {
+                payload.file_data = currentFiles;
             }
 
             fetch(endpoint, {
@@ -358,9 +369,14 @@
 
             let messageContent = '';
 
-            if (fileData && fileData.mime_type && fileData.mime_type.startsWith('image/')) {
-                const imageUrl = `data:${fileData.mime_type};base64,${fileData.data}`;
-                messageContent += `<img src="${imageUrl}" alt="${fileData.filename}" class="max-w-full h-auto rounded-lg mb-2 border border-gray-600">`;
+            if (fileData) {
+                const files = Array.isArray(fileData) ? fileData : [fileData];
+                files.forEach(file => {
+                    if (file.mime_type && file.mime_type.startsWith('image/')) {
+                        const imageUrl = `data:${file.mime_type};base64,${file.data}`;
+                        messageContent += `<img src="${imageUrl}" class="max-w-full h-auto rounded-lg mb-2 border border-gray-600">`;
+                    }
+                });
             }
 
             if (content) {