Upload index.html

static/index.html

@@ -140,6 +140,7 @@
         .typing-indicator span { display: inline-block; animation: blink 1.4s infinite both; font-size: 1.5rem; line-height: 1; margin: 0 2px;}
         .typing-indicator span:nth-child(2) { animation-delay: 0.2s; }
         .typing-indicator span:nth-child(3) { animation-delay: 0.4s; }
+        .search-status { display: flex; align-items: center; gap: 8px; font-size: 0.9rem; opacity: 0.85; }
         @keyframes blink { 0% { opacity: 0.2; transform: scale(0.8); } 20% { opacity: 1; transform: scale(1.2); } 100% { opacity: 0.2; transform: scale(0.8); } }
 
         /* Modals & Toggles */
@@ -315,8 +316,8 @@
             
             <div class="toggle-group">
                 <div>
-                    <strong>Recherche Web</strong>
-                    <div style="font-size: 0.8rem; color: #a6adc8;">Autorise l'IA à "chercher" sur internet.</div>
+                    <strong>Recherche Web (agent)</strong>
+                    <div style="font-size: 0.8rem; color: #a6adc8;">L'IA décide si une recherche est utile, interroge plusieurs sites via le serveur MCP de victor (HuggingFace), puis répond avec les résultats. Nécessite le mode connecté (compte + serveur).</div>
                 </div>
                 <label class="switch"><input type="checkbox" id="toggleWebSearch"><span class="slider"></span></label>
             </div>
@@ -603,6 +604,16 @@
                 if (m.isThinking && fullText) m.isThinking = false;
                 this.updateMessageDOM(aiIndex);
             },
+            // Affiche/efface un statut court pendant une étape agentique invisible
+            // (ex: "Je vais rechercher sur le web...") à la place des "...", tant que le
+            // message est encore en isThinking. Jamais utilisé pour montrer le détail des tool calls.
+            setSearchStatus(aiIndex, text) {
+                const chat = this.getActiveChat();
+                const m = chat && chat.messages[aiIndex];
+                if (!m) return;
+                m.searchStatus = text || undefined;
+                if (m.isThinking) this.updateMessageDOM(aiIndex);
+            },
             finishSmoothStream(aiIndex) {
                 const s = this._smoothStreams[aiIndex];
                 const chat = this.getActiveChat();
@@ -1058,7 +1069,9 @@
                 let contentHTML = '';
 
                 if (m.isThinking) {
-                    contentHTML = `<div class="typing-indicator"><span>.</span><span>.</span><span>.</span></div>`;
+                    contentHTML = m.searchStatus
+                        ? `<div class="search-status"><i class="fas fa-search fa-spin"></i> ${this.escapeHtml(m.searchStatus)}</div>`
+                        : `<div class="typing-indicator"><span>.</span><span>.</span><span>.</span></div>`;
                 } else if (m.isImageGenerated) {
                     contentHTML = `<div class="img-gen-wrapper" style="min-height: auto; max-width: 350px;">
                         <img src="${m.content}" class="loaded" style="max-width: 100%; border-radius: 8px;" alt="Image Générée">
@@ -1156,7 +1169,9 @@
 
                 const bodyEl = wrapper.querySelector('.message');
                 if (m.isThinking) {
-                    bodyEl.innerHTML = `<div class="typing-indicator"><span>.</span><span>.</span><span>.</span></div>`;
+                    bodyEl.innerHTML = m.searchStatus
+                        ? `<div class="search-status"><i class="fas fa-search fa-spin"></i> ${this.escapeHtml(m.searchStatus)}</div>`
+                        : `<div class="typing-indicator"><span>.</span><span>.</span><span>.</span></div>`;
                 } else if (m.isImageGenerated) {
                     bodyEl.innerHTML = `<div class="img-gen-wrapper" style="min-height: auto; max-width: 350px;">
                         <img src="${m.content}" class="loaded" style="max-width: 100%; border-radius: 8px;" alt="Image Générée">
@@ -1623,7 +1638,9 @@ Structure actuelle du workspace :
 ${JSON.stringify(Object.keys(this.state.virtualFiles))}`;
                 }
 
-                if (this.state.settings.webSearch) { systemMsg += "\nTu es autorisé à simuler des recherches Web si nécessaire."; }
+                // Note : en mode local (sans serveur), la recherche web réelle n'est pas
+                // disponible — pas d'instruction de "simulation" pour éviter les réponses
+                // inventées ; ce toggle n'a d'effet réel qu'en mode connecté (voir triggerAiResponseCloud).
 
                 let history = [];
                 if (provider !== 'gemini') { history.push({ role: 'system', content: systemMsg }); }
@@ -1753,7 +1770,8 @@ ${JSON.stringify(Object.keys(this.state.virtualFiles))}`;
 Structure actuelle du workspace :
 ${JSON.stringify(Object.keys(this.state.virtualFiles))}`;
                 }
-                if (this.state.settings.webSearch) { systemMsg += "\nTu es autorisé à simuler des recherches Web si nécessaire."; }
+                // La recherche web réelle (agent + MCP victor/websearch) est décidée et exécutée
+                // côté serveur dans run_job() si webSearchEnabled est transmis — voir plus bas.
 
                 const messages = chat.messages.slice(0, aiIndex).map(m => {
                     return { role: m.role, content: this.buildMessageContentForAI(m) };
@@ -1783,7 +1801,8 @@ ${JSON.stringify(Object.keys(this.state.virtualFiles))}`;
                         body: JSON.stringify({
                             chat_id: chat.id, chat_title: chat.title, message_id: msg.id, provider, model,
                             apiKey: creds.apiKey || '', baseUrl: creds.baseUrl || '',
-                            system, messages, recent_messages: recentMessages
+                            system, messages, recent_messages: recentMessages,
+                            webSearchEnabled: !!this.state.settings.webSearch
                         }),
                         signal: this.abortController.signal
                     });
@@ -1849,14 +1868,21 @@ ${JSON.stringify(Object.keys(this.state.virtualFiles))}`;
                         if (eventName === 'sync') {
                             this.syncSmoothContent(aiIndex, payload.content || '');
                             if (payload.tokens) chat.messages[aiIndex].tokens = payload.tokens;
+                        } else if (eventName === 'status') {
+                            // Étape agentique invisible (ex: décision + exécution de la recherche web) :
+                            // affiche un statut court à la place des "...", sans jamais montrer le détail des tool calls.
+                            this.setSearchStatus(aiIndex, payload.text || '');
                         } else if (eventName === 'delta') {
+                            this.setSearchStatus(aiIndex, null);
                             this.pushSmoothChunk(aiIndex, payload.text || '');
                         } else if (eventName === 'done') {
+                            this.setSearchStatus(aiIndex, null);
                             if (payload.tokens) chat.messages[aiIndex].tokens = payload.tokens;
                             if (payload.promptTokens) chat.messages[aiIndex].promptTokens = payload.promptTokens;
                             if (payload.completionTokens) chat.messages[aiIndex].completionTokens = payload.completionTokens;
                             this.finishSmoothStream(aiIndex);
                         } else if (eventName === 'error') {
+                            this.setSearchStatus(aiIndex, null);
                             this.pushSmoothChunk(aiIndex, "\n**Erreur API:** " + (payload.message || 'inconnue'));
                             this.finishSmoothStream(aiIndex);
                         }