django-lucy-assist 1.2.7__py3-none-any.whl → 1.2.8__py3-none-any.whl

{django_lucy_assist-1.2.7.dist-info → django_lucy_assist-1.2.8.dist-info}/METADATA

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: django-lucy-assist
-Version: 1.2.7
+Version: 1.2.8
 Summary: Assistant IA intelligent Revolucy pour outil métier
 Author-email: Revolucy <hello@revolucy.fr>
 Maintainer-email: Maxence <hello@revolucy.fr>

{django_lucy_assist-1.2.7.dist-info → django_lucy_assist-1.2.8.dist-info}/RECORD

@@ -1,4 +1,4 @@
-lucy_assist/__init__.py,sha256=EkRnUX4L8-zS6xa8n69SBMnNBFN_e2WIfefZ1Kj7YBE,325
+lucy_assist/__init__.py,sha256=wTA9Xnf5XEPL_0lrQlF26nBIrmbTFMCazE4-6A1hPYA,325
 lucy_assist/admin.py,sha256=LnIXlYOIanAUoCPYpShAoYNzOr1XQukK2RSwlsWWXis,3086
 lucy_assist/apps.py,sha256=zHZtlBXs5ML4CKtGg7xDyptSWzLfB1ks2VvbXF50hdo,264
 lucy_assist/conf.py,sha256=Yyrhlyjj7RFf2jNYj9C__azQWR0tgJpU09ExfTpkiLM,4189
@@ -26,8 +26,8 @@ lucy_assist/services/tools_definition.py,sha256=cLRDx49eIGvElqT4avMtdsPzJO1mkcHj
 lucy_assist/services/view_discovery_service.py,sha256=5FybECCoHUkDhUQhdZ_tJ4Lei6Muyo4L-zISL5ELRfs,13096
 lucy_assist/static/lucy_assist/css/lucy-assist.css,sha256=tLCFhIg744wE7aED1wRC31CId-uLhL5QnscdNoOtQOA,24305
 lucy_assist/static/lucy_assist/image/icon-lucy.png,sha256=FOYlwXAt40Gr9jsWFmhgPivYOBFWKeYW0lxJI5Up-GM,6710
-lucy_assist/static/lucy_assist/js/lucy-assist.js,sha256=44ScbPrvyW1I1tc27gRHOAjrTjf-aWLMwaOwj-43Wpk,29474
-lucy_assist/templates/lucy_assist/chatbot_sidebar.html,sha256=D1XC_roCJ1Djs6N5YoTWwI1Ip8SXSphaVsuNSEbB32Y,11437
+lucy_assist/static/lucy_assist/js/lucy-assist.js,sha256=eYipYnKZ9_qDfBxRkjVvKDFb0Vzuvroj7bDdRYcG5Ds,31412
+lucy_assist/templates/lucy_assist/chatbot_sidebar.html,sha256=67dlLfQj_Sc73hQxBYDcqUHVtOB_gQm9OtGp-_rMi9A,11428
 lucy_assist/templates/lucy_assist/partials/documentation_content.html,sha256=8O1KIsr269s5BnQKhlxK5SIG7NKkF4fUCp3tB66xhfs,3784
 lucy_assist/tests/__init__.py,sha256=47DEQpj8HBSa-_TImW-5JCeuQeRkm5NMpJWZG3hSuFU,0
 lucy_assist/tests/test_lucy_assist.py,sha256=KBvuED10_gOJWdaRS2zMigM3W5Kp00KhMEwaR8tvhUc,6949
@@ -39,7 +39,7 @@ lucy_assist/utils/message_utils.py,sha256=YzcLHnl1ig4d5_utHCJwgxS7tKmd49Q-tuo78e
 lucy_assist/utils/token_utils.py,sha256=aBzyKVqpU67rAetO_Ee3QIfPtbNyjyWSe6qPfzIRJF8,2608
 lucy_assist/views/__init__.py,sha256=uUPYpuHlBC8j7zKS_DDoWjwpCpRnOIXETY-S2-Ss0cY,288
 lucy_assist/views/api_views.py,sha256=sJwKNC9-mi1zMbgyKZTVvT3pz4hMmw4jR0rrS7iJR-g,23619
-django_lucy_assist-1.2.7.dist-info/METADATA,sha256=2pMJnzX9gPbgh7w6cNh0vD-8fp4CwdLIHQOVKgMLCaQ,5899
-django_lucy_assist-1.2.7.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
-django_lucy_assist-1.2.7.dist-info/top_level.txt,sha256=T-UCiwpn5yF3Oem3234TUpSVnEgbkrM2rGz9Tz5N-QA,12
-django_lucy_assist-1.2.7.dist-info/RECORD,,
+django_lucy_assist-1.2.8.dist-info/METADATA,sha256=TKK8fLdPuQlp_U8ZQyPrMMGgj8kCr1yTBcNDKBL-Aac,5899
+django_lucy_assist-1.2.8.dist-info/WHEEL,sha256=wUyA8OaulRlbfwMtmQsvNngGrxQHAvkKcvRmdizlJi0,92
+django_lucy_assist-1.2.8.dist-info/top_level.txt,sha256=T-UCiwpn5yF3Oem3234TUpSVnEgbkrM2rGz9Tz5N-QA,12
+django_lucy_assist-1.2.8.dist-info/RECORD,,

lucy_assist/__init__.py

@@ -5,7 +5,7 @@ Un chatbot IA base sur Mistral AI, integrable dans n'importe quelle
 application Django pour fournir une assistance contextuelle aux utilisateurs.
 """
 
-__version__ = '1.2.7'
+__version__ = '1.2.8'
 __author__ = 'Revolucy'
 
 default_app_config = 'lucy_assist.apps.LucyAssistConfig'

lucy_assist/static/lucy_assist/js/lucy-assist.js

@@ -36,11 +36,18 @@
     let csrfToken = '';
 
     // ========================================================================
-    // ELEMENTS DOM (caches apres init)
+    // ELEMENTS DOM
     // ========================================================================
-    const $ = (id) => document.getElementById(id);
+    const el = {};
 
-    let els = {};
+    function $(id) {
+        return document.getElementById(id);
+    }
+
+    /** Attache un event listener si l'element existe */
+    function on(element, event, handler) {
+        if (element) element.addEventListener(event, handler);
+    }
 
     // ========================================================================
     // HELPERS
@@ -66,9 +73,9 @@
         const now = new Date();
         const diff = now - date;
         if (diff < 60000) return "À l'instant";
-        if (diff < 3600000) return `Il y a ${Math.floor(diff / 60000)} min`;
+        if (diff < 3600000) return 'Il y a ' + Math.floor(diff / 60000) + ' min';
         if (date.toDateString() === now.toDateString())
-            return `Aujourd'hui à ${date.toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' })}`;
+            return "Aujourd'hui à " + date.toLocaleTimeString('fr-FR', { hour: '2-digit', minute: '2-digit' });
         if (diff < 7 * 86400000)
             return date.toLocaleDateString('fr-FR', { weekday: 'long', hour: '2-digit', minute: '2-digit' });
         return date.toLocaleDateString('fr-FR', { day: 'numeric', month: 'short', year: 'numeric' });
@@ -84,7 +91,7 @@
 
     function formatMessage(content) {
         if (!content) return '';
-        let f = escapeHtml(content);
+        var f = escapeHtml(content);
         f = f.replace(/\*\*(.*?)\*\*/g, '<strong>$1</strong>');
         f = f.replace(/\*(.*?)\*/g, '<em>$1</em>');
         f = f.replace(/`(.*?)`/g, '<code style="background:rgba(0,0,0,.1);padding:0 4px;border-radius:3px;">$1</code>');
@@ -95,8 +102,8 @@
 
     function checkIfLucyDidNotUnderstand(response) {
         if (!response) return false;
-        const lower = response.toLowerCase();
-        const patterns = [
+        var lower = response.toLowerCase();
+        var patterns = [
             'je ne comprends pas', "je n'ai pas compris", 'pourriez-vous reformuler',
             'pouvez-vous reformuler', 'pourriez-vous préciser', 'pouvez-vous préciser',
             "je ne suis pas sûr de comprendre", "je n'ai pas accès", "je n'ai pas les outils",
@@ -105,7 +112,7 @@
             'impossible de réaliser', 'en dehors de mon périmètre', 'hors de mon champ',
             'dépasse mes capacités', 'comment puis-je vous aider avec votre crm'
         ];
-        return patterns.some(p => lower.includes(p));
+        return patterns.some(function (p) { return lower.includes(p); });
     }
 
     // ========================================================================
@@ -113,29 +120,29 @@
     // ========================================================================
 
     async function apiGet(endpoint) {
-        const r = await fetch(API_BASE + endpoint, {
+        var r = await fetch(API_BASE + endpoint, {
             headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }
         });
-        if (!r.ok) throw { status: r.status, ...(await r.json()) };
+        if (!r.ok) { var e = await r.json(); e.status = r.status; throw e; }
         return r.json();
     }
 
     async function apiPost(endpoint, data) {
-        const r = await fetch(API_BASE + endpoint, {
+        var r = await fetch(API_BASE + endpoint, {
             method: 'POST',
             headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
             body: JSON.stringify(data)
         });
-        if (!r.ok) throw { status: r.status, ...(await r.json()) };
+        if (!r.ok) { var e = await r.json(); e.status = r.status; throw e; }
         return r.json();
     }
 
     async function apiDelete(endpoint) {
-        const r = await fetch(API_BASE + endpoint, {
+        var r = await fetch(API_BASE + endpoint, {
             method: 'DELETE',
             headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken }
         });
-        if (!r.ok) throw { status: r.status, ...(await r.json()) };
+        if (!r.ok) { var e = await r.json(); e.status = r.status; throw e; }
         return r.json();
     }
 
@@ -144,17 +151,19 @@
     // ========================================================================
 
     function scrollToBottom() {
-        const c = els.messages;
-        if (c) c.scrollTop = c.scrollHeight;
+        if (el.messages) el.messages.scrollTop = el.messages.scrollHeight;
     }
 
     function updateTokensDisplay() {
-        els.tokens.textContent = formatTokens(state.tokensDisponibles);
-        els.btnBuyCredits.style.display = state.tokensDisponibles < 100000 ? '' : 'none';
+        if (el.tokens) el.tokens.textContent = formatTokens(state.tokensDisponibles);
+        if (el.btnBuyCredits) el.btnBuyCredits.style.display = state.tokensDisponibles < 100000 ? '' : 'none';
     }
 
     function updateExpandIcons() {
-        const expand = els.sidebar.querySelector('.lucy-icon-expand');
+        var expand = el.sidebar ? el.sidebar.querySelector('.lucy-icon-expand') : null;
+        var compress = el.sidebar ? el.sidebar.querySelector('.lucy-icon-compress') : null;
+        if (expand) expand.style.display = state.isExpanded ? 'none' : '';
+        if (compress) compress.style.display = state.isExpanded ? '' : 'none';
     }
 
     /** Affiche la bonne vue : chat / history / doc */
@@ -162,46 +171,40 @@
         state.showHistory = view === 'history';
         state.showDoc = view === 'doc';
 
-        els.viewHistory.style.display = state.showHistory ? '' : 'none';
-        els.viewDoc.style.display = state.showDoc ? '' : 'none';
-        els.viewChat.style.display = (!state.showHistory && !state.showDoc) ? '' : 'none';
+        if (el.viewHistory) el.viewHistory.style.display = state.showHistory ? '' : 'none';
+        if (el.viewDoc) el.viewDoc.style.display = state.showDoc ? '' : 'none';
+        if (el.viewChat) el.viewChat.style.display = (!state.showHistory && !state.showDoc) ? '' : 'none';
 
-        // boutons actifs
-        els.btnHistory.classList.toggle('active', state.showHistory);
-        els.btnDoc.classList.toggle('active', state.showDoc);
+        if (el.btnHistory) el.btnHistory.classList.toggle('active', state.showHistory);
+        if (el.btnDoc) el.btnDoc.classList.toggle('active', state.showDoc);
     }
 
     /** Rend la liste des conversations dans l'historique */
     function renderHistoryList() {
-        const container = els.historyList;
-        if (!container) return;
+        if (!el.historyList) return;
 
         if (state.conversations.length === 0) {
-            container.innerHTML = '<p class="lucy-history-empty">Aucune conversation</p>';
+            el.historyList.innerHTML = '<p class="lucy-history-empty">Aucune conversation</p>';
             return;
         }
 
-        container.innerHTML = state.conversations.map(conv => `
-            <div class="lucy-history-item ${state.currentConversationId === conv.id ? 'active' : ''}"
-                 data-conv-id="${conv.id}">
-                <div class="lucy-history-item-title">${escapeHtml(conv.titre || 'Sans titre')}</div>
-                <div class="lucy-history-item-meta">
-                    <span>${formatDate(conv.created_date)}</span>
-                    <span style="margin-left:.5rem">${conv.total_tokens} tokens | ${formatTokenCost(conv.total_tokens)}</span>
-                </div>
-                <button class="lucy-btn-delete" data-delete-id="${conv.id}">🗑️ Supprimer</button>
-            </div>
-        `).join('');
-
-        // Event delegation
-        container.querySelectorAll('[data-conv-id]').forEach(el => {
-            el.addEventListener('click', (e) => {
+        el.historyList.innerHTML = state.conversations.map(function (conv) {
+            return '<div class="lucy-history-item ' + (state.currentConversationId === conv.id ? 'active' : '') + '" data-conv-id="' + conv.id + '">'
+                + '<div class="lucy-history-item-title">' + escapeHtml(conv.titre || 'Sans titre') + '</div>'
+                + '<div class="lucy-history-item-meta"><span>' + formatDate(conv.created_date) + '</span>'
+                + '<span style="margin-left:.5rem">🪙 ' + conv.total_tokens + ' tokens | ' + formatTokenCost(conv.total_tokens) + '</span></div>'
+                + '<button class="lucy-btn-delete" data-delete-id="' + conv.id + '">🗑️ Supprimer</button>'
+                + '</div>';
+        }).join('');
+
+        el.historyList.querySelectorAll('[data-conv-id]').forEach(function (item) {
+            item.addEventListener('click', function (e) {
                 if (e.target.closest('[data-delete-id]')) return;
-                loadConversation(parseInt(el.dataset.convId));
+                loadConversation(parseInt(item.dataset.convId));
             });
         });
-        container.querySelectorAll('[data-delete-id]').forEach(btn => {
-            btn.addEventListener('click', (e) => {
+        el.historyList.querySelectorAll('[data-delete-id]').forEach(function (btn) {
+            btn.addEventListener('click', function (e) {
                 e.stopPropagation();
                 deleteConversation(parseInt(btn.dataset.deleteId));
             });
@@ -210,84 +213,83 @@
 
     /** Rend la zone de messages */
     function renderMessages() {
-        const container = els.messages;
-        if (!container) return;
+        if (!el.messages) return;
 
         if (state.messages.length === 0) {
-            els.welcome.style.display = '';
-            // Feedback bars cachees quand pas de messages
-            els.feedbackContact.style.display = 'none';
-            els.feedbackError.style.display = 'none';
+            if (el.welcome) el.welcome.style.display = '';
+            if (el.feedbackContact) el.feedbackContact.style.display = 'none';
+            if (el.feedbackError) el.feedbackError.style.display = 'none';
+            // Supprimer les anciens messages
+            el.messages.querySelectorAll('.lucy-message').forEach(function (m) { m.remove(); });
             return;
         }
 
-        els.welcome.style.display = 'none';
+        if (el.welcome) el.welcome.style.display = 'none';
 
-        // Garder le welcome puis ajouter les messages
-        // On reconstruit uniquement les bulles
-        // Supprimer les anciens message-divs
-        container.querySelectorAll('.lucy-message').forEach(el => el.remove());
+        // Supprimer les anciens messages
+        el.messages.querySelectorAll('.lucy-message').forEach(function (m) { m.remove(); });
 
-        const avatarUrl = container.dataset.avatarUrl || '';
-        const lucyIcon = container.dataset.lucyIcon || '';
+        var avatarUrl = el.messages.dataset.avatarUrl || '';
+        var lucyIcon = el.messages.dataset.lucyIcon || '';
 
-        state.messages.forEach(msg => {
-            const isUser = msg.repondant === 'UTILISATEUR';
-            const div = document.createElement('div');
+        state.messages.forEach(function (msg) {
+            var isUser = msg.repondant === 'UTILISATEUR';
+            var div = document.createElement('div');
             div.className = 'lucy-message ' + (isUser ? 'user' : 'bot');
 
-            let avatarHtml;
+            var avatarHtml;
             if (isUser) {
                 avatarHtml = avatarUrl
-                    ? `<img src="${avatarUrl}" alt="Utilisateur">`
-                    : `<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>`;
+                    ? '<img src="' + avatarUrl + '" alt="Utilisateur">'
+                    : '<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>';
             } else {
                 avatarHtml = lucyIcon
-                    ? `<img src="${lucyIcon}" alt="Lucy">`
+                    ? '<img src="' + lucyIcon + '" alt="Lucy">'
                     : '🤖';
             }
 
-            const bubbleContent = msg.contenu
-                ? `<span>${formatMessage(msg.contenu)}</span>`
-                : `<span class="lucy-loading-dots"><span></span><span></span><span></span></span>`;
-
-            div.innerHTML = `
-                <div class="lucy-message-avatar">${avatarHtml}</div>
-                <div class="lucy-message-content">
-                    <div class="lucy-message-bubble">${bubbleContent}</div>
-                    <div class="lucy-message-time">${formatTime(msg.created_date)}</div>
-                </div>
-            `;
-            container.appendChild(div);
+            var bubbleContent = msg.contenu
+                ? '<span>' + formatMessage(msg.contenu) + '</span>'
+                : '<span class="lucy-loading-dots"><span></span><span></span><span></span></span>';
+
+            div.innerHTML = '<div class="lucy-message-avatar">' + avatarHtml + '</div>'
+                + '<div class="lucy-message-content">'
+                + '<div class="lucy-message-bubble">' + bubbleContent + '</div>'
+                + '<div class="lucy-message-time">' + formatTime(msg.created_date) + '</div>'
+                + '</div>';
+
+            el.messages.appendChild(div);
         });
 
         // Feedback bars
-        els.feedbackContact.style.display = (state.lucyDidNotUnderstand && state.messages.length > 0) ? '' : 'none';
-        els.feedbackError.style.display = (state.hasError && !state.lucyDidNotUnderstand && state.messages.length > 0) ? '' : 'none';
+        if (el.feedbackContact) el.feedbackContact.style.display = (state.lucyDidNotUnderstand && state.messages.length > 0) ? '' : 'none';
+        if (el.feedbackError) el.feedbackError.style.display = (state.hasError && !state.lucyDidNotUnderstand && state.messages.length > 0) ? '' : 'none';
 
         requestAnimationFrame(scrollToBottom);
     }
 
     /** Rend les suggestions */
     function renderSuggestions() {
-        const container = els.suggestions;
-        if (!container) return;
-        container.innerHTML = state.suggestions.map(s => `
-            <button class="lucy-suggestion-btn" data-suggestion="${escapeHtml(s)}">
-                <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="flex-shrink:0;color:#f59e0b"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>
-                <span>${escapeHtml(s)}</span>
-            </button>
-        `).join('');
-
-        container.querySelectorAll('[data-suggestion]').forEach(btn => {
-            btn.addEventListener('click', () => sendMessage(btn.dataset.suggestion));
+        if (!el.suggestions) return;
+        el.suggestions.innerHTML = state.suggestions.map(function (s) {
+            return '<button class="lucy-suggestion-btn" data-suggestion="' + escapeHtml(s) + '">'
+                + '<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" style="flex-shrink:0;color:#f59e0b"><path stroke-linecap="round" stroke-linejoin="round" d="M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z"/></svg>'
+                + '<span>' + escapeHtml(s) + '</span></button>';
+        }).join('');
+
+        el.suggestions.querySelectorAll('[data-suggestion]').forEach(function (btn) {
+            btn.addEventListener('click', function () { sendMessage(btn.dataset.suggestion); });
         });
     }
 
     function updateBuyModal() {
-        const tokens = Math.floor((state.buyAmount / 10) * 1000000);
-        els.buyTokens.textContent = formatTokens(tokens);
-        els.buyConvs.textContent = Math.floor(tokens / 2000).toString();
+        var tokens = Math.floor((state.buyAmount / 10) * 1000000);
+        if (el.buyTokens) el.buyTokens.textContent = formatTokens(tokens);
+        if (el.buyConvs) el.buyConvs.textContent = Math.floor(tokens / 2000).toString();
+    }
+
+    function updateSendBtn() {
+        if (el.btnSend) el.btnSend.disabled = state.isLoading || !(el.input && el.input.value.trim());
     }
 
     // ========================================================================
@@ -297,20 +299,31 @@
     function openSidebar() {
         state.isOpen = true;
         state.hasNewMessage = false;
-        els.floatBtn.style.display = 'none';
-        els.sidebar.style.display = '';
-        els.sidebar.classList.remove('hidden');
+        if (el.floatBtn) el.floatBtn.style.display = 'none';
+        if (el.sidebar) {
+            // 1) Rendre visible mais hors-ecran (classe hidden = translateX(100%))
+            el.sidebar.style.display = '';
+            // 2) Forcer un reflow pour que le navigateur prenne en compte le display
+            el.sidebar.offsetHeight; // eslint-disable-line no-unused-expressions
+            // 3) Retirer hidden pour declencher la transition CSS
+            el.sidebar.classList.remove('hidden');
+        }
         saveState();
-        setTimeout(() => els.input.focus(), 100);
+        setTimeout(function () { if (el.input) el.input.focus(); }, 300);
     }
 
     function closeSidebar() {
         state.isOpen = false;
         state.showHistory = false;
         state.showDoc = false;
-        els.sidebar.style.display = 'none';
-        els.sidebar.classList.add('hidden');
-        els.floatBtn.style.display = '';
+        if (el.sidebar) {
+            el.sidebar.classList.add('hidden');
+            // Attendre la fin de la transition avant de masquer
+            setTimeout(function () {
+                if (!state.isOpen && el.sidebar) el.sidebar.style.display = 'none';
+            }, 350);
+        }
+        if (el.floatBtn) el.floatBtn.style.display = '';
         showView('chat');
         saveState();
     }
@@ -321,36 +334,36 @@
 
     function toggleExpanded() {
         state.isExpanded = !state.isExpanded;
-        els.sidebar.classList.toggle('expanded', state.isExpanded);
+        if (el.sidebar) el.sidebar.classList.toggle('expanded', state.isExpanded);
         updateExpandIcons();
         saveState();
     }
 
     async function loadTokenStatus() {
         try {
-            const r = await apiGet('/tokens/status');
+            var r = await apiGet('/tokens/status');
             state.tokensDisponibles = r.tokens_disponibles || 0;
             updateTokensDisplay();
-        } catch (e) { console.error('Erreur chargement tokens:', e); }
+        } catch (e) { console.error('Lucy: erreur tokens', e); }
     }
 
     async function loadConversations() {
         try {
-            const r = await apiGet('/conversations');
+            var r = await apiGet('/conversations');
             state.conversations = r.conversations || [];
             renderHistoryList();
-        } catch (e) { console.error('Erreur chargement conversations:', e); }
+        } catch (e) { console.error('Lucy: erreur conversations', e); }
     }
 
     async function loadSuggestions() {
         try {
-            const r = await apiGet('/suggestions');
+            var r = await apiGet('/suggestions');
             state.suggestions = r.suggestions || [];
         } catch (e) {
             state.suggestions = [
-                "Comment créer un nouveau membre ?",
-                "Comment effectuer un paiement ?",
-                "Où trouver la liste des adhésions ?"
+                'Comment créer un nouveau membre ?',
+                'Comment effectuer un paiement ?',
+                'Où trouver la liste des adhésions ?'
             ];
         }
         renderSuggestions();
@@ -358,19 +371,19 @@
 
     async function newConversation() {
         try {
-            const r = await apiPost('/conversations', { page_contexte: window.location.pathname });
+            var r = await apiPost('/conversations', { page_contexte: window.location.pathname });
             state.currentConversationId = r.id;
             state.messages = [];
             showView('chat');
             renderMessages();
             saveState();
             await loadConversations();
-        } catch (e) { console.error('Erreur création conversation:', e); }
+        } catch (e) { console.error('Lucy: erreur new conversation', e); }
     }
 
     async function loadConversation(id) {
         try {
-            const r = await apiGet(`/conversations/${id}`);
+            var r = await apiGet('/conversations/' + id);
             state.currentConversationId = id;
             state.messages = r.messages || [];
             showView('chat');
@@ -378,7 +391,7 @@
             saveState();
             setTimeout(scrollToBottom, 100);
         } catch (e) {
-            console.error('Erreur chargement conversation:', e);
+            console.error('Lucy: erreur load conversation', e);
             state.currentConversationId = null;
             state.messages = [];
             renderMessages();
@@ -389,18 +402,18 @@
     async function deleteConversation(id) {
         if (!confirm('Êtes-vous sûr de vouloir supprimer cette conversation ?')) return;
         try {
-            await apiDelete(`/conversations/${id}`);
+            await apiDelete('/conversations/' + id);
             await loadConversations();
             if (state.currentConversationId === id) {
                 state.currentConversationId = null;
                 state.messages = [];
                 renderMessages();
             }
-        } catch (e) { console.error('Erreur suppression:', e); }
+        } catch (e) { console.error('Lucy: erreur suppression', e); }
     }
 
     async function sendMessage(message) {
-        if (state.isLoading || !message.trim()) return;
+        if (state.isLoading || !message || !message.trim()) return;
 
         state.lucyDidNotUnderstand = false;
 
@@ -415,20 +428,22 @@
             tokens_utilises: 0
         });
         state.currentMessage = '';
-        els.input.value = '';
-        els.input.style.height = 'auto';
+        if (el.input) {
+            el.input.value = '';
+            el.input.style.height = 'auto';
+        }
         updateSendBtn();
         renderMessages();
 
         try {
             state.isLoading = true;
-            els.input.disabled = true;
-            els.btnSend.disabled = true;
+            if (el.input) el.input.disabled = true;
+            if (el.btnSend) el.btnSend.disabled = true;
 
-            await apiPost(`/conversations/${state.currentConversationId}/messages`, { contenu: message });
+            await apiPost('/conversations/' + state.currentConversationId + '/messages', { contenu: message });
             await streamChatCompletion();
         } catch (e) {
-            console.error('Erreur envoi message:', e);
+            console.error('Lucy: erreur envoi', e);
             if (e.status === 402) {
                 showModal('buy');
             } else {
@@ -437,15 +452,15 @@
             }
         } finally {
             state.isLoading = false;
-            els.input.disabled = false;
+            if (el.input) el.input.disabled = false;
             updateSendBtn();
-            els.input.focus();
+            if (el.input) el.input.focus();
         }
     }
 
     async function streamChatCompletion() {
-        const url = `${API_BASE}/conversations/${state.currentConversationId}/chat`;
-        const botIdx = state.messages.length;
+        var url = API_BASE + '/conversations/' + state.currentConversationId + '/chat';
+        var botIdx = state.messages.length;
 
         state.messages.push({
             id: Date.now() + 1,
@@ -457,27 +472,30 @@
         renderMessages();
 
         try {
-            const response = await fetch(url, {
+            var response = await fetch(url, {
                 method: 'POST',
                 headers: { 'Content-Type': 'application/json', 'X-CSRFToken': csrfToken },
                 body: JSON.stringify({ page_contexte: window.location.pathname })
             });
 
-            if (!response.ok) throw { status: response.status, ...(await response.json()) };
+            if (!response.ok) { var err = await response.json(); err.status = response.status; throw err; }
 
-            const reader = response.body.getReader();
-            const decoder = new TextDecoder();
-            let fullContent = '';
+            var reader = response.body.getReader();
+            var decoder = new TextDecoder();
+            var fullContent = '';
 
             while (true) {
-                const { done, value } = await reader.read();
-                if (done) break;
+                var result = await reader.read();
+                if (result.done) break;
+
+                var text = decoder.decode(result.value);
+                var lines = text.split('\n');
 
-                const text = decoder.decode(value);
-                for (const line of text.split('\n')) {
+                for (var i = 0; i < lines.length; i++) {
+                    var line = lines[i];
                     if (!line.startsWith('data: ')) continue;
                     try {
-                        const data = JSON.parse(line.slice(6));
+                        var data = JSON.parse(line.slice(6));
                         if (data.type === 'content') {
                             fullContent += data.content;
                             state.messages[botIdx].contenu = fullContent;
@@ -489,22 +507,24 @@
                         } else if (data.type === 'error') {
                             throw new Error(data.error);
                         }
-                    } catch (e) { if (e.message) throw e; }
+                    } catch (parseErr) { if (parseErr.message) throw parseErr; }
                 }
             }
 
-            if (!state.messages[botIdx]?.contenu) {
+            if (!state.messages[botIdx] || !state.messages[botIdx].contenu) {
                 state.messages.splice(botIdx, 1);
             }
 
-            state.lucyDidNotUnderstand = checkIfLucyDidNotUnderstand(state.messages[botIdx]?.contenu || '');
+            state.lucyDidNotUnderstand = checkIfLucyDidNotUnderstand(
+                (state.messages[botIdx] && state.messages[botIdx].contenu) || ''
+            );
             if (!state.lucyDidNotUnderstand) state.hasError = false;
 
             renderMessages();
             await loadConversations();
         } catch (e) {
             state.hasError = true;
-            if (botIdx < state.messages.length && !state.messages[botIdx]?.contenu) {
+            if (botIdx < state.messages.length && state.messages[botIdx] && !state.messages[botIdx].contenu) {
                 state.messages.splice(botIdx, 1);
             }
             renderMessages();
@@ -525,17 +545,17 @@
             state.lucyDidNotUnderstand = false;
             hideModal('feedback');
             renderMessages();
-        } catch (e) { console.error('Erreur feedback:', e); }
+        } catch (e) { console.error('Lucy: erreur feedback', e); }
         finally { state.feedbackSending = false; }
     }
 
     async function buyCredits() {
         if (state.buyAmount < 10) return;
         try {
-            const r = await apiPost('/tokens/buy', { montant_ht: state.buyAmount });
+            var r = await apiPost('/tokens/buy', { montant_ht: state.buyAmount });
             window.open(r.url_souscription, '_blank');
             hideModal('buy');
-        } catch (e) { console.error('Erreur achat:', e); }
+        } catch (e) { console.error('Lucy: erreur achat', e); }
     }
 
     // ========================================================================
@@ -543,19 +563,19 @@
     // ========================================================================
 
     function showModal(name) {
-        if (name === 'buy') {
-            els.modalBuy.style.display = '';
+        if (name === 'buy' && el.modalBuy) {
+            el.modalBuy.style.display = '';
             updateBuyModal();
-        } else if (name === 'feedback') {
-            els.modalFeedback.style.display = '';
+        } else if (name === 'feedback' && el.modalFeedback) {
+            el.modalFeedback.style.display = '';
             state.feedbackDescription = '';
-            els.feedbackDesc.value = '';
+            if (el.feedbackDesc) el.feedbackDesc.value = '';
         }
     }
 
     function hideModal(name) {
-        if (name === 'buy') els.modalBuy.style.display = 'none';
-        else if (name === 'feedback') els.modalFeedback.style.display = 'none';
+        if (name === 'buy' && el.modalBuy) el.modalBuy.style.display = 'none';
+        else if (name === 'feedback' && el.modalFeedback) el.modalFeedback.style.display = 'none';
     }
 
     // ========================================================================
@@ -564,9 +584,9 @@
 
     function checkFirstLaunch() {
         if (!localStorage.getItem('lucy_assist_guide_seen') && state.conversations.length === 0) {
-            setTimeout(() => {
-                if (state.conversations.length === 0) {
-                    els.guideOverlay.style.display = '';
+            setTimeout(function () {
+                if (state.conversations.length === 0 && el.guideOverlay) {
+                    el.guideOverlay.style.display = '';
                     openSidebar();
                 }
             }, 2000);
@@ -575,12 +595,12 @@
 
     function guideNext() {
         state.guideStep = 2;
-        els.guideStep1.style.display = 'none';
-        els.guideStep2.style.display = '';
+        if (el.guideStep1) el.guideStep1.style.display = 'none';
+        if (el.guideStep2) el.guideStep2.style.display = '';
     }
 
     function guideFinish() {
-        els.guideOverlay.style.display = 'none';
+        if (el.guideOverlay) el.guideOverlay.style.display = 'none';
         localStorage.setItem('lucy_assist_guide_seen', 'true');
     }
 
@@ -589,18 +609,20 @@
     // ========================================================================
 
     function saveState() {
-        sessionStorage.setItem('lucy_assist_state', JSON.stringify({
-            isOpen: state.isOpen,
-            isExpanded: state.isExpanded,
-            currentConversationId: state.currentConversationId,
-            showHistory: state.showHistory,
-            showDoc: state.showDoc
-        }));
+        try {
+            sessionStorage.setItem('lucy_assist_state', JSON.stringify({
+                isOpen: state.isOpen,
+                isExpanded: state.isExpanded,
+                currentConversationId: state.currentConversationId,
+                showHistory: state.showHistory,
+                showDoc: state.showDoc
+            }));
+        } catch (e) {}
     }
 
     function restoreState() {
         try {
-            const s = JSON.parse(sessionStorage.getItem('lucy_assist_state'));
+            var s = JSON.parse(sessionStorage.getItem('lucy_assist_state'));
             if (!s) return;
             state.isOpen = s.isOpen || false;
             state.isExpanded = s.isExpanded || false;
@@ -610,75 +632,73 @@
         } catch (e) {}
     }
 
-    // ========================================================================
-    // SEND BUTTON STATE
-    // ========================================================================
-
-    function updateSendBtn() {
-        els.btnSend.disabled = state.isLoading || !els.input.value.trim();
-    }
-
     // ========================================================================
     // INIT
     // ========================================================================
 
     function init() {
-        // Cache des elements
-        els = {
-            floatBtn: $('lucy-float-btn'),
-            sidebar: $('lucy-sidebar'),
-            tokens: $('lucy-tokens'),
-            btnBuyCredits: $('lucy-btn-buy-credits'),
-            btnExpand: $('lucy-btn-expand'),
-            btnHistory: $('lucy-btn-history'),
-            btnNew: $('lucy-btn-new'),
-            btnDoc: $('lucy-btn-doc'),
-            btnClose: $('lucy-btn-close'),
-            btnSend: $('lucy-btn-send'),
-            input: $('lucy-input'),
-            messages: $('lucy-messages'),
-            welcome: $('lucy-welcome'),
-            suggestions: $('lucy-suggestions'),
-            viewHistory: $('lucy-view-history'),
-            viewDoc: $('lucy-view-doc'),
-            viewChat: $('lucy-view-chat'),
-            historyList: $('lucy-history-list'),
-            feedbackContact: $('lucy-feedback-contact'),
-            feedbackError: $('lucy-feedback-error'),
-            btnFeedbackContact: $('lucy-btn-feedback-contact'),
-            btnFeedbackError: $('lucy-btn-feedback-error'),
-            modalBuy: $('lucy-modal-buy'),
-            modalFeedback: $('lucy-modal-feedback'),
-            buyAmount: $('lucy-buy-amount'),
-            buyTokens: $('lucy-buy-tokens'),
-            buyConvs: $('lucy-buy-convs'),
-            buyCancel: $('lucy-buy-cancel'),
-            buyConfirm: $('lucy-buy-confirm'),
-            feedbackDesc: $('lucy-feedback-desc'),
-            feedbackCancel: $('lucy-feedback-cancel'),
-            feedbackConfirm: $('lucy-feedback-confirm'),
-            guideOverlay: $('lucy-guide-overlay'),
-            guideStep1: $('lucy-guide-step1'),
-            guideStep2: $('lucy-guide-step2'),
-            guideSkip: $('lucy-guide-skip'),
-            guideNext: $('lucy-guide-next'),
-            guideFinish: $('lucy-guide-finish'),
-        };
+        console.log('Lucy Assist: init');
+
+        // Cache des elements - tous optionnels
+        el.floatBtn = $('lucy-float-btn');
+        el.sidebar = $('lucy-sidebar');
+        el.tokens = $('lucy-tokens');
+        el.btnBuyCredits = $('lucy-btn-buy-credits');
+        el.btnExpand = $('lucy-btn-expand');
+        el.btnHistory = $('lucy-btn-history');
+        el.btnNew = $('lucy-btn-new');
+        el.btnDoc = $('lucy-btn-doc');
+        el.btnClose = $('lucy-btn-close');
+        el.btnSend = $('lucy-btn-send');
+        el.input = $('lucy-input');
+        el.messages = $('lucy-messages');
+        el.welcome = $('lucy-welcome');
+        el.suggestions = $('lucy-suggestions');
+        el.viewHistory = $('lucy-view-history');
+        el.viewDoc = $('lucy-view-doc');
+        el.viewChat = $('lucy-view-chat');
+        el.historyList = $('lucy-history-list');
+        el.feedbackContact = $('lucy-feedback-contact');
+        el.feedbackError = $('lucy-feedback-error');
+        el.modalBuy = $('lucy-modal-buy');
+        el.modalFeedback = $('lucy-modal-feedback');
+        el.buyAmount = $('lucy-buy-amount');
+        el.buyTokens = $('lucy-buy-tokens');
+        el.buyConvs = $('lucy-buy-convs');
+        el.buyCancel = $('lucy-buy-cancel');
+        el.buyConfirm = $('lucy-buy-confirm');
+        el.feedbackDesc = $('lucy-feedback-desc');
+        el.feedbackCancel = $('lucy-feedback-cancel');
+        el.feedbackConfirm = $('lucy-feedback-confirm');
+        el.guideOverlay = $('lucy-guide-overlay');
+        el.guideStep1 = $('lucy-guide-step1');
+        el.guideStep2 = $('lucy-guide-step2');
+
+        // Verifier que le root existe
+        if (!el.floatBtn && !el.sidebar) {
+            console.warn('Lucy Assist: elements DOM introuvables, abort.');
+            return;
+        }
+
+        console.log('Lucy Assist: elements trouves, floatBtn=' + !!el.floatBtn + ', sidebar=' + !!el.sidebar);
 
         // CSRF
-        csrfToken = document.querySelector('[name=csrfmiddlewaretoken]')?.value || getCookie('csrftoken') || '';
+        var csrfEl = document.querySelector('[name=csrfmiddlewaretoken]');
+        csrfToken = (csrfEl && csrfEl.value) || getCookie('csrftoken') || '';
 
         // Restaurer l'etat
         restoreState();
 
         // Appliquer l'etat initial
         if (state.isOpen) {
-            els.floatBtn.style.display = 'none';
-            els.sidebar.style.display = '';
-            els.sidebar.classList.remove('hidden');
+            if (el.floatBtn) el.floatBtn.style.display = 'none';
+            if (el.sidebar) {
+                el.sidebar.style.display = '';
+                el.sidebar.classList.remove('hidden');
+            }
         }
-        if (state.isExpanded) {
-            els.sidebar.classList.add('expanded');
+        if (state.isExpanded && el.sidebar) {
+            el.sidebar.classList.add('expanded');
         }
         updateExpandIcons();
 
@@ -686,79 +706,76 @@
         else if (state.showDoc) showView('doc');
         else showView('chat');
 
-        // ---- EVENT LISTENERS ----
-
-        // Bouton flottant
-        els.floatBtn.addEventListener('click', toggleSidebar);
-
-        // Header buttons
-        els.btnExpand.addEventListener('click', toggleExpanded);
-        els.btnHistory.addEventListener('click', () => showView(state.showHistory ? 'chat' : 'history'));
-        els.btnNew.addEventListener('click', newConversation);
-        els.btnDoc.addEventListener('click', () => showView(state.showDoc ? 'chat' : 'doc'));
-        els.btnClose.addEventListener('click', closeSidebar);
-
-        // Input
-        els.input.addEventListener('input', () => {
-            state.currentMessage = els.input.value;
-            els.input.style.height = 'auto';
-            els.input.style.height = Math.min(els.input.scrollHeight, 128) + 'px';
+        // ---- EVENT LISTENERS (tous avec null-safety via on()) ----
+        on(el.floatBtn, 'click', toggleSidebar);
+        on(el.btnExpand, 'click', toggleExpanded);
+        on(el.btnHistory, 'click', function () { showView(state.showHistory ? 'chat' : 'history'); });
+        on(el.btnNew, 'click', newConversation);
+        on(el.btnDoc, 'click', function () { showView(state.showDoc ? 'chat' : 'doc'); });
+        on(el.btnClose, 'click', closeSidebar);
+
+        function onInputChange() {
+            if (!el.input) return;
+            state.currentMessage = el.input.value;
+            el.input.style.height = 'auto';
+            el.input.style.height = Math.min(el.input.scrollHeight, 128) + 'px';
             updateSendBtn();
-        });
-        els.input.addEventListener('keydown', (e) => {
+        }
+        on(el.input, 'input', onInputChange);
+        on(el.input, 'keyup', onInputChange);
+        on(el.input, 'change', onInputChange);
+        on(el.input, 'keydown', function (e) {
             if ((e.ctrlKey || e.metaKey) && e.key === 'Enter') {
                 e.preventDefault();
-                sendMessage(els.input.value);
+                sendMessage(el.input.value);
             }
+            // Mettre a jour le bouton sur la prochaine frame
+            setTimeout(updateSendBtn, 0);
         });
 
-        // Send
-        els.btnSend.addEventListener('click', () => sendMessage(els.input.value));
+        on(el.btnSend, 'click', function () { sendMessage(el.input ? el.input.value : ''); });
 
-        // Feedback
-        els.btnFeedbackContact.addEventListener('click', () => showModal('feedback'));
-        els.btnFeedbackError.addEventListener('click', () => showModal('feedback'));
+        on($('lucy-btn-feedback-contact'), 'click', function () { showModal('feedback'); });
+        on($('lucy-btn-feedback-error'), 'click', function () { showModal('feedback'); });
 
-        // Buy credits
-        els.btnBuyCredits.addEventListener('click', () => showModal('buy'));
-        els.buyCancel.addEventListener('click', () => hideModal('buy'));
-        els.buyConfirm.addEventListener('click', buyCredits);
-        els.buyAmount.addEventListener('input', () => {
-            state.buyAmount = parseInt(els.buyAmount.value) || 10;
+        on(el.btnBuyCredits, 'click', function () { showModal('buy'); });
+        on(el.buyCancel, 'click', function () { hideModal('buy'); });
+        on(el.buyConfirm, 'click', buyCredits);
+        on(el.buyAmount, 'input', function () {
+            state.buyAmount = parseInt(el.buyAmount.value) || 10;
             updateBuyModal();
         });
 
-        // Feedback modal
-        els.feedbackCancel.addEventListener('click', () => hideModal('feedback'));
-        els.feedbackConfirm.addEventListener('click', sendFeedback);
-        els.feedbackDesc.addEventListener('input', () => {
-            state.feedbackDescription = els.feedbackDesc.value;
+        on(el.feedbackCancel, 'click', function () { hideModal('feedback'); });
+        on(el.feedbackConfirm, 'click', sendFeedback);
+        on(el.feedbackDesc, 'input', function () {
+            state.feedbackDescription = el.feedbackDesc.value;
         });
 
-        // Guide
-        els.guideSkip.addEventListener('click', guideFinish);
-        els.guideNext.addEventListener('click', guideNext);
-        els.guideFinish.addEventListener('click', guideFinish);
+        on($('lucy-guide-skip'), 'click', guideFinish);
+        on($('lucy-guide-next'), 'click', guideNext);
+        on($('lucy-guide-finish'), 'click', guideFinish);
 
         // Raccourcis clavier globaux
-        document.addEventListener('keydown', (e) => {
+        document.addEventListener('keydown', function (e) {
             if (e.ctrlKey && e.key === 'k') { e.preventDefault(); toggleSidebar(); }
             if (e.key === 'Escape' && state.isOpen) closeSidebar();
         });
 
-        // Sauvegarder avant de quitter
         window.addEventListener('beforeunload', saveState);
 
         // Charger les donnees
         loadTokenStatus();
-        loadConversations().then(() => {
+        loadConversations().then(function () {
             if (state.currentConversationId) loadConversation(state.currentConversationId);
         });
         loadSuggestions();
         checkFirstLaunch();
+
+        console.log('Lucy Assist: init complete');
     }
 
-    // Lancer l'init quand le DOM est pret
+    // Lancer quand le DOM est pret
     if (document.readyState === 'loading') {
         document.addEventListener('DOMContentLoaded', init);
     } else {

lucy_assist/templates/lucy_assist/chatbot_sidebar.html

@@ -91,7 +91,7 @@
                 <div class="lucy-input-area">
                     <div class="lucy-input-wrapper">
                         <textarea id="lucy-input" placeholder="Tapez votre message..." class="lucy-input" rows="1"></textarea>
-                        <button id="lucy-btn-send" class="lucy-send-btn" disabled>
+                        <button id="lucy-btn-send" class="lucy-send-btn">
                             <svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" fill="none" viewBox="0 0 24 24" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M12 19l9 2-9-18-9 18 9-2zm0 0v-8"/></svg>
                         </button>
                     </div>