iatoolkit 0.63.1__py3-none-any.whl → 0.69.0__py3-none-any.whl

iatoolkit/static/js/chat_history_button.js

@@ -1,81 +1,49 @@
 $(document).ready(function () {
     // Evento para abrir el modal de historial
+    const historyModal = $('#historyModal');
+
     $('#history-button').on('click', function() {
+        historyModal.modal('show');
         loadHistory();
-        $('#historyModal').modal('show');
-    });
-
-    // Evento delegado para el icono de copiar.
-    // Se adjunta UNA SOLA VEZ al cuerpo de la tabla y funciona para todas las filas
-    // que se añadan dinámicamente.
-    $('#history-table-body').on('click', '.copy-query-icon', function() {
-        const queryText = $(this).data('query');
-
-        // Copiar el texto al textarea del chat
-        if (queryText) {
-            $('#question').val(queryText);
-            autoResizeTextarea($('#question')[0]);
-            $('#send-button').removeClass('disabled');
-
-            // Cerrar el modal
-            $('#historyModal').modal('hide');
-
-            // Hacer focus en el textarea
-            $('#question').focus();
-        }
     });
 
-    // Variables globales para el historial
-    let historyData = [];
 
     // Función para cargar el historial
     async function loadHistory() {
         const historyLoading = $('#history-loading');
-        const historyError = $('#history-error');
         const historyContent = $('#history-content');
+        const historyTable = historyContent.find('table');
+        const noHistoryMessage = $('#no-history-message');
 
-        // Mostrar loading
+        // prepare UI for loading
         historyLoading.show();
-        historyError.hide();
         historyContent.hide();
+        historyTable.show();
+        noHistoryMessage.hide();
 
-        try {
-            const responseData = await callToolkit("/api/history", {}, "POST");
-
-            if (responseData && responseData.history) {
-                // Guardar datos globalmente
-                historyData = responseData.history;
+        // cal the toolkit, handle the response and errors
+        const data = await callToolkit("/api/history", {}, "POST");
 
-                // Mostrar todos los datos
-                displayAllHistory();
-
-                // Mostrar contenido
-                historyContent.show();
-            } else {
-                throw new Error('La respuesta del servidor no contenía el formato esperado.');
-            }
-        } catch (error) {
-            console.error("Error al cargar historial:", error);
-
-            const friendlyErrorMessage = "No hemos podido cargar tu historial en este momento. Por favor, cierra esta ventana y vuelve a intentarlo en unos instantes.";
-            const errorHtml = `
-                <div class="text-center p-4">
-                    <i class="bi bi-exclamation-triangle text-danger" style="font-size: 2.5rem; opacity: 0.8;"></i>
-                    <h5 class="mt-3 mb-2">Ocurrió un Problema</h5>
-                    <p class="text-muted">${friendlyErrorMessage}</p>
-                </div>
-            `;
-            historyError.html(errorHtml).show();
-        } finally {
+        if (!data || !data.history) {
             historyLoading.hide();
+            toastr.error(t_js('error_loading_history'));
+            return;
         }
+
+        if (data.history.length === 0) {
+            historyTable.hide();
+            noHistoryMessage.show();
+        } else
+            displayAllHistory(data.history);
+
+        historyLoading.hide();
+        historyContent.show();
     }
 
     // Función para mostrar todo el historial
-    function displayAllHistory() {
+    function displayAllHistory(historyData) {
         const historyTableBody = $('#history-table-body');
 
-        // Limpiar tabla
         historyTableBody.empty();
 
         // Filtrar solo consultas que son strings simples
@@ -92,28 +60,24 @@ $(document).ready(function () {
         filteredHistory.forEach((item, index) => {
             const icon = $('<i>').addClass('bi bi-pencil-fill');
 
-            const link = $('<a>')
+            const edit_link = $('<a>')
                 .attr('href', 'javascript:void(0);')
-                .addClass('copy-query-icon')
-                .attr('title', 'Copiar consulta al chat')
+                .addClass('edit-pencil')
+                .attr('title', t_js('edit_query'))
                 .data('query', item.query)
                 .append(icon);
 
             const row = $('<tr>').append(
-                $('<td>').text(index + 1),
-                $('<td>').addClass('date-cell').text(formatDate(item.created_at)),
+                $('<td>').addClass('text-nowrap').text(formatDate(item.created_at)),
                 $('<td>').text(item.query),
-                $('<td>').addClass('text-center').append(link)
+                $('<td>').append(edit_link),
             );
-
             historyTableBody.append(row);
         });
     }
 
-    // Función para formatear fecha
     function formatDate(dateString) {
         const date = new Date(dateString);
-
         const padTo2Digits = (num) => num.toString().padStart(2, '0');
 
         const day = padTo2Digits(date.getDate());
@@ -122,6 +86,25 @@ $(document).ready(function () {
         const hours = padTo2Digits(date.getHours());
         const minutes = padTo2Digits(date.getMinutes());
 
-        return `${day}-${month}-${year} ${hours}:${minutes}`;
+        return `${day}-${month} ${hours}:${minutes}`;
     }
+
+    // event handler for the edit pencil icon
+    $('#history-table-body').on('click', '.edit-pencil', function() {
+        const queryText = $(this).data('query');
+
+        // copy the text to the chat input box
+        if (queryText) {
+            $('#question').val(queryText);
+            autoResizeTextarea($('#question')[0]);
+            $('#send-button').removeClass('disabled');
+
+            // Cerrar el modal
+            $('#historyModal').modal('hide');
+
+            // Hacer focus en el textarea
+            if (window.innerWidth > 768)
+                $('#question').focus();
+        }
+    });
 });

iatoolkit/static/js/chat_main.js

@@ -11,6 +11,22 @@ $(document).ready(function () {
             callToolkit(url, {'token': window.redeemToken}, "POST").catch(() => {});
         }
 
+    const layoutContainer = document.querySelector('.chat-layout-container');
+    const promptAssistantCollapse = document.getElementById('prompt-assistant-collapse');
+
+    if (layoutContainer && promptAssistantCollapse) {
+        promptAssistantCollapse.addEventListener('show.bs.collapse', function () {
+            layoutContainer.classList.add('prompt-assistant-open');
+            setTimeout(() => {
+                window.scrollTo({ top: document.body.scrollHeight, behavior: 'smooth' });
+            }, 300);
+        });
+
+        promptAssistantCollapse.addEventListener('hide.bs.collapse', function () {
+            layoutContainer.classList.remove('prompt-assistant-open');
+        });
+    }
+
     // --- chat main event hadlers ---
     $('#send-button').on('click', handleChatMessage);
     $('#stop-button').on('click', abortCurrentRequest);
@@ -183,7 +199,6 @@ const toggleSendStopButtons = function (showStop) {
     $('#stop-button-container').toggle(showStop);
 };
 
-
 /**
  * Generic function to make API calls to the backend.
  * @param {string} apiPath - The API endpoint path.
@@ -214,14 +229,12 @@ const callToolkit = async function(apiPath, data, method, timeoutMs = 500000) {
 
         }
         const response = await fetch(url, fetchOptions);
-
         clearTimeout(timeoutId);
-
         if (!response.ok) {
             try {
                 // Intentamos leer el error como JSON, que es el formato esperado de nuestra API.
                 const errorData = await response.json();
-                const errorMessage = errorData.error_message || 'Error desconocido del servidor.';
+                const errorMessage = errorData.error_message || t_js('unknown_server_error'); // <-- Translation
                 const errorIcon = '<i class="bi bi-exclamation-triangle"></i>';
                 const endpointError = $('<div>').addClass('error-section').html(errorIcon + `<p>${errorMessage}</p>`);
                 displayBotMessage(endpointError);
@@ -229,9 +242,7 @@ const callToolkit = async function(apiPath, data, method, timeoutMs = 500000) {
                 // Si response.json() falla, es porque el cuerpo no era JSON (ej. un 502 con HTML).
                 // Mostramos un error genérico y más claro para el usuario.
                 const errorMessage = `Error de comunicación con el servidor (${response.status}). Por favor, intente de nuevo más tarde.`;
-                const errorIcon = '<i class="bi bi-exclamation-triangle"></i>';
-                const infrastructureError = $('<div>').addClass('error-section').html(errorIcon + `<p>${errorMessage}</p>`);
-                displayBotMessage(infrastructureError);
+                toastr.error(errorMessage);
             }
             return null;
         }
@@ -241,18 +252,7 @@ const callToolkit = async function(apiPath, data, method, timeoutMs = 500000) {
         if (error.name === 'AbortError') {
             throw error; // Re-throw to be handled by handleChatMessage
         } else {
-            // Log detallado en consola
-                console.error('Error de red en callToolkit:', {
-                    url,
-                    method,
-                    error,
-                    message: error?.message,
-                    stack: error?.stack,
-                });
-            const friendlyMessage = "Ocurrió un error de red. Por favor, inténtalo de nuevo en unos momentos.";
-            const errorIcon = '<i class="bi bi-exclamation-triangle"></i>';
-            const commError = $('<div>').addClass('error-section').html(errorIcon + `<p>${friendlyMessage}</p>`);
-            displayBotMessage(commError);
+            toastr.error(t_js('network_error') );
         }
         return null;
     }
@@ -273,11 +273,13 @@ const displayUserMessage = function(message, isEditable, originalQuestion) {
     userMessage.append(messageText);
 
     if (isEditable) {
-        const editIcon = $('<i>').addClass('p-2 bi bi-pencil-fill edit-icon').attr('title', 'Edit query').on('click', function () {
-            $('#question').val(originalQuestion).focus();
+        const editIcon = $('<i>').addClass('p-2 bi bi-pencil-fill edit-icon edit-pencil').attr('title', 'Edit query').on('click', function () {
+            $('#question').val(originalQuestion)
             autoResizeTextarea($('#question')[0]);
-
             $('#send-button').removeClass('disabled');
+
+            if (window.innerWidth > 768)
+                $('#question').focus();
         });
         userMessage.append(editIcon);
     }
@@ -310,12 +312,13 @@ const abortCurrentRequest = function () {
 const showSpinner = function () {
     if ($('#spinner').length) return;
     const accessibilityClass = (typeof bootstrap !== 'undefined') ? 'visually-hidden' : 'sr-only';
+    const spinnerText = t_js('loading');
     const spinner = $(`
         <div id="spinner" style="display: flex; align-items: center; justify-content: start; margin: 10px 0; padding: 10px;">
-            <div class="spinner-border text-primary" role="status" style="width: 1.5rem; height: 1.5rem; margin-right: 15px;">
+            <div class="spinner-border" role="status" style="width: 1.5rem; height: 1.5rem; margin-right: 15px;">
                 <span class="${accessibilityClass}">Loading...</span>
             </div>
-            <span style="font-weight: bold; font-size: 15px;">Cargando...</span>
+            <span style="font-weight: bold; font-size: 15px;">${spinnerText}</span>
         </div>
     `);
     $('#chat-container').append(spinner).scrollTop($('#chat-container')[0].scrollHeight);

iatoolkit/static/js/chat_onboarding_button.js

@@ -28,6 +28,7 @@
     const elIcon = qs(root, ui.icon);
     const elTitle = qs(root, ui.title);
     const elText = qs(root, ui.text);
+    const elExample = qs(root, ui.example);
     const elDots = qs(root, ui.dots);
     const elPrev = qs(root, ui.prev);
     const elNext = qs(root, ui.next);
@@ -43,6 +44,11 @@
       if (elIcon) elIcon.innerHTML = `<i class="${c.icon || 'bi bi-lightbulb'}"></i>`;
       if (elTitle) elTitle.textContent = c.title || '';
       if (elText) elText.innerHTML = c.text || '';
+      if (elExample && c.example) {
+          elExample.innerHTML = ('Ejemplo: ' + c.example) || '';
+      }
+      else
+          elExample.innerHTML = '';
       if (elDots) createDots(elDots, cards.length, idx);
     }
 

iatoolkit/static/js/chat_reload_button.js

@@ -1,52 +1,35 @@
-document.addEventListener('DOMContentLoaded', function() {
-    const reloadButton = document.getElementById('force-reload-button');
-    if (!reloadButton) return;
+$(document).ready(function () {
+    $('#force-reload-button').on('click', function() {
+        reloadButton(this);
+     });
 
-    const originalIconClass = 'bi bi-arrow-clockwise';
-    const spinnerIconClass = 'spinner-border spinner-border-sm';
+    async function reloadButton(button) {
+        const originalIconClass = 'bi bi-arrow-clockwise';
+        const spinnerIconClass = 'spinner-border spinner-border-sm';
 
-    // Configuración de Toastr para que aparezca abajo a la derecha
-    toastr.options = { "positionClass": "toast-bottom-right", "preventDuplicates": true };
-
-    reloadButton.addEventListener('click', async function(event) {
-        event.preventDefault();
-
-        if (reloadButton.disabled) return; // Prevenir doble clic
+        // Configuración de Toastr para que aparezca abajo a la derecha
+        toastr.options = {"positionClass": "toast-bottom-right", "preventDuplicates": true};
 
         // 1. Deshabilitar y mostrar spinner
-        reloadButton.disabled = true;
-        const icon = reloadButton.querySelector('i');
+        button.disabled = true;
+        const icon = button.querySelector('i');
         icon.className = spinnerIconClass;
-        toastr.info('Iniciando recarga de contexto en segundo plano...');
-
-        try {
-            // 2. Definir los parámetros para callToolkit
-            const apiPath = '/api/init-context';
-            const payload = { 'user_identifier': window.user_identifier };
-
-            // 3. Hacer la llamada usando callToolkit
-            const data = await callToolkit(apiPath, payload, 'POST');
-
-            // 4. Procesar la respuesta
-            // callToolkit devuelve null si hubo un error que ya mostró en el chat.
-            if (data) {
-                if (data.status === 'OK')
-                    toastr.success(data.message || 'Contexto recargado exitosamente.');
-                else
-                    toastr.error(data.error_message || 'Ocurrió un error desconocido durante la recarga.');
-            } else {
-                // Si data es null, callToolkit ya manejó el error (mostrando un mensaje en el chat).
-                // Añadimos un toast para notificar al usuario que algo falló.
-                toastr.error('Falló la recarga del contexto. Revisa el chat para más detalles.');
-            }
-        } catch (error) {
-            // Este bloque se ejecutará para errores no controlados por callToolkit (como AbortError)
-            console.error('Error durante la recarga del contexto:', error);
-            toastr.error(error.message || 'Error de red al intentar recargar.');
-        } finally {
-            // 5. Restaurar el botón en cualquier caso
-            reloadButton.disabled = false;
-            icon.className = originalIconClass;
+        toastr.info(t_js('reload_init'));
+
+        // 2. prepare the api parameters
+        const apiPath = '/api/init-context';
+        const payload = {'user_identifier': window.user_identifier};
+
+        // 3. make the call to callToolkit
+        const data = await callToolkit(apiPath, payload, 'POST');
+        if (data) {
+            if (data.status === 'OK')
+                toastr.success(data.message || 'Contexto reloaded.');
+            else
+                toastr.error(data.error_message || 'error during reload');
         }
-    });
+
+        button.disabled = false;
+        icon.className = originalIconClass;
+    }
 });