iatoolkit 0.59.1__py3-none-any.whl → 0.67.0__py3-none-any.whl

iatoolkit/static/js/chat_main.js

@@ -1,47 +1,41 @@
 // Global variables for request management
 let isRequestInProgress = false;
 let abortController = null;
-
 let selectedPrompt = null; // Will hold a lightweight prompt object
 
 $(document).ready(function () {
-    // Gatilla el redeem sin esperar ni manejar respuesta aquí
+    // Si viene un Token retornado por login con APY-KEY se gatilla el redeem a una sesion de flask
         if (window.redeemToken) {
-            const url = `/api/redeem_token`;
+            const url = '/api/redeem_token';
             // No await: dejamos que callToolkit maneje todo internamente
             callToolkit(url, {'token': window.redeemToken}, "POST").catch(() => {});
         }
 
-    // --- MAIN EVENT HANDLERS ---
+    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);
     if (window.sendButtonColor)
         $('#send-button i').css('color', window.sendButtonColor);
 
-// --- PROMPT ASSISTANT FUNCTIONALITY ---
-    $('.input-area').on('click', '.dropdown-menu a.dropdown-item', function (event) {
-        event.preventDefault();
-        const promptData = $(this).data();
-
-        const promptObject = {
-            prompt: promptData.promptName,
-            description: promptData.promptDescription,
-            custom_fields: typeof promptData.customFields === 'string' ? JSON.parse(promptData.customFields) : promptData.customFields
-        };
-
-        selectPrompt(promptObject);
-    });
-
-    // Handles the 'clear' button for the prompt selector
-    $('#clear-selection-button').on('click', function() {
-        resetPromptSelection();
-        updateSendButtonState();
-    });
-
-    // --- TEXTAREA FUNCTIONALITY ---
-    const questionTextarea = $('#question');
 
     // Handles Enter key press to send a message
+    const questionTextarea = $('#question');
     questionTextarea.on('keypress', function (event) {
         if (event.key === 'Enter' && !event.shiftKey) {
             event.preventDefault();
@@ -61,71 +55,8 @@ $(document).ready(function () {
 
     // Set the initial disabled state of the send button
     updateSendButtonState();
-});
-
-
-/**
- * Handles the selection of a prompt from the dropdown.
- * @param {object} prompt The prompt object read from data attributes.
- */
-function selectPrompt(prompt) {
-    selectedPrompt = prompt;
-
-    // Update the dropdown button to show the selected prompt's description
-    $('#prompt-select-button').text(prompt.description).addClass('item-selected');
-    $('#clear-selection-button').show();
-
-    // Clear the main textarea, as we are now in "prompt mode"
-    $('#question').val('');
-    autoResizeTextarea($('#question')[0]); // Reset height after clearing
-
-    // Store values in hidden fields for backward compatibility or other uses
-    $('#prompt-select-value').val(prompt.prompt);
-    $('#prompt-select-description').val(prompt.description);
-
-    // Render the dynamic input fields required by the selected prompt
-    renderDynamicInputs(prompt.custom_fields || []);
-    updateSendButtonState();
-}
-
-/**
- * Resets the prompt selection and clears associated UI elements.
- */
-function resetPromptSelection() {
-    selectedPrompt = null;
-
-    $('#prompt-select-button').text('Prompts disponibles ....').removeClass('item-selected');
-    $('#clear-selection-button').hide();
-    $('#prompt-select-value').val('');
-    $('#prompt-select-description').val('');
-
-    // Clear any dynamically generated input fields
-    $('#dynamic-inputs-container').empty();
-}
-
-/**
- * Renders the custom input fields for the selected prompt.
- * @param {Array<object>} fields The array of custom field configurations.
- */
-function renderDynamicInputs(fields) {
-    const container = $('#dynamic-inputs-container');
-    container.empty();
-
-    const row = $('<div class="row g-2"></div>');
-    fields.forEach(field => {
-        const colDiv = $('<div class="col-md"></div>');
-        const formFloating = $('<div class="form-floating"></div>');
-        const input = $(`<input type="${field.type || 'text'}" class="form-control form-control-soft" id="${field.data_key}-id" ">`);
-        const label = $(`<label for="${field.data_key}-id">${field.label}</label>`);
-
-        formFloating.append(input, label);
-        colDiv.append(formFloating);
-        row.append(colDiv);
-    });
-
-    container.append(row);
-}
 
+});
 
 
 /**
@@ -163,7 +94,6 @@ const handleChatMessage = async function () {
         }
 
         // Simplificado: Si no hay mensaje, el 'finally' se encargará de limpiar.
-        // Simplemente salimos de la función.
         if (!displayMessage) {
             return;
         }
@@ -269,28 +199,6 @@ const toggleSendStopButtons = function (showStop) {
     $('#stop-button-container').toggle(showStop);
 };
 
-/**
- * Resets the prompt selector to its default state.
- */
-function resetPromptSelect() {
-    $('#prompt-select-button').text('Prompts disponibles ....').removeClass('item-selected');
-    $('#prompt-select-value').val('');
-    $('#prompt-select-description').val('');
-    $('#clear-selection-button').hide();
-}
-
-/**
- * Resets the company-specific data input field.
- */
-function resetSpecificDataInput() {
-    if (specificDataConfig && specificDataConfig.enabled) {
-        const input = $('#' + specificDataConfig.id);
-        input.val('').removeClass('has-content');
-        $('#clear-' + specificDataConfig.id + '-button').hide();
-    }
-}
-
-
 /**
  * Generic function to make API calls to the backend.
  * @param {string} apiPath - The API endpoint path.
@@ -321,21 +229,12 @@ const callToolkit = async function(apiPath, data, method, timeoutMs = 500000) {
 
         }
         const response = await fetch(url, fetchOptions);
-
         clearTimeout(timeoutId);
-
         if (!response.ok) {
-            if (response.status === 401) {
-                const errorMessage = `Tu sesión ha expirado. `;
-                const errorIcon = '<i class="bi bi-exclamation-triangle"></i>';
-                const infrastructureError = $('<div>').addClass('error-section').html(errorIcon + `<p>${errorMessage}</p>`);
-                displayBotMessage(infrastructureError);
-                return null;
-                }
             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);
@@ -343,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;
         }
@@ -355,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;
     }
@@ -387,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);
     }
@@ -424,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);
@@ -458,44 +347,3 @@ function toBase64(file) {
     });
 }
 
-/**
- * Displays the document validation results.
- * @param {Array<object>} document_list
- */
-function display_document_validation(document_list) {
-    const requiredFields = ['document_name', 'document_type', 'causes', 'is_valid'];
-    for (const doc of document_list) {
-        if (!requiredFields.every(field => field in doc)) {
-            console.warn("Document with incorrect structure:", doc);
-            continue;
-        }
-        const docValidationSection = $('<div>').addClass('document-section card mt-2 mb-2');
-        const cardBody = $('<div>').addClass('card-body');
-        const headerDiv = $('<div>').addClass('d-flex justify-content-between align-items-center mb-2');
-        const filenameSpan = $(`
-                <div>
-                    <span class="text-primary fw-bold">File: </span>
-                    <span class="text-secondary">${doc.document_name}</span>
-                </div>`);
-        const badge_style = doc.is_valid ? 'bg-success' : 'bg-danger';
-        const documentBadge = $('<span>')
-            .addClass(`badge ${badge_style} p-2`)
-            .text(doc.document_type);
-        headerDiv.append(filenameSpan).append(documentBadge);
-        cardBody.append(headerDiv);
-
-        if (!doc.is_valid && doc.causes && doc.causes.length > 0) {
-            const rejectionSection = $('<div>').addClass('rejection-reasons mt-2');
-            rejectionSection.append('<h6 class="text-danger">Rejection Causes:</h6>');
-            const causesList = doc.causes.map(cause => `<li class="text-secondary">${cause}</li>`).join('');
-            rejectionSection.append(`<ul class="list-unstyled">${causesList}</ul>`);
-            cardBody.append(rejectionSection);
-        } else if (doc.is_valid) {
-            const validSection = $('<div>').addClass('mt-2');
-            validSection.append('<p class="text-success fw-bold">Valid document.</p>');
-            cardBody.append(validSection);
-        }
-        docValidationSection.append(cardBody);
-        displayBotMessage(docValidationSection);
-    }
-}

iatoolkit/static/js/{chat_onboarding.js → chat_onboarding_button.js}

@@ -1,4 +1,3 @@
-// static/js/chat_onboarding.js
 (function (global) {
   function qs(root, sel) { return (typeof sel === 'string') ? root.querySelector(sel) : sel; }
 

iatoolkit/static/js/chat_prompt_manager.js

@@ -0,0 +1,94 @@
+$(document).ready(function () {
+// --- PROMPT ASSISTANT FUNCTIONALITY ---
+    const $promptCollapse = $('#prompt-assistant-collapse');
+
+    if ($promptCollapse.length) {
+        $promptCollapse.on('shown.bs.collapse', function () {
+            // Scroll to bottom smoothly when the collapse is shown
+            $('html, body').animate(
+                { scrollTop: $(document).height() },
+                'slow'
+            );
+        });
+    }
+
+    $('.input-area').on('click', '.dropdown-menu a.dropdown-item', function (event) {
+        event.preventDefault();
+        const promptData = $(this).data();
+
+        const promptObject = {
+            prompt: promptData.promptName,
+            description: promptData.promptDescription,
+            custom_fields: typeof promptData.customFields === 'string' ? JSON.parse(promptData.customFields) : promptData.customFields
+        };
+        selectPrompt(promptObject);
+    });
+
+    // Handles the 'clear' button for the prompt selector
+    $('#clear-selection-button').on('click', function() {
+        resetPromptSelection();
+        updateSendButtonState();
+    });
+});
+
+/**
+ * Handles the selection of a prompt from the dropdown.
+ * @param {object} prompt The prompt object read from data attributes.
+ */
+function selectPrompt(prompt) {
+    selectedPrompt = prompt;
+
+    // Update the dropdown button to show the selected prompt's description
+    $('#prompt-select-button').text(prompt.description).addClass('item-selected');
+    $('#clear-selection-button').show();
+
+    // Clear the main textarea, as we are now in "prompt mode"
+    $('#question').val('');
+    autoResizeTextarea($('#question')[0]); // Reset height after clearing
+
+    // Store values in hidden fields for backward compatibility or other uses
+    $('#prompt-select-value').val(prompt.prompt);
+    $('#prompt-select-description').val(prompt.description);
+
+    // Render the dynamic input fields required by the selected prompt
+    renderDynamicInputs(prompt.custom_fields || []);
+    updateSendButtonState();
+}
+
+/**
+ * Resets the prompt selection and clears associated UI elements.
+ */
+function resetPromptSelection() {
+    selectedPrompt = null;
+
+    $('#prompt-select-button').text('Prompts disponibles ....').removeClass('item-selected');
+    $('#clear-selection-button').hide();
+    $('#prompt-select-value').val('');
+    $('#prompt-select-description').val('');
+
+    // Clear any dynamically generated input fields
+    $('#dynamic-inputs-container').empty();
+}
+
+/**
+ * Renders the custom input fields for the selected prompt.
+ * @param {Array<object>} fields The array of custom field configurations.
+ */
+function renderDynamicInputs(fields) {
+    const container = $('#dynamic-inputs-container');
+    container.empty();
+
+    const row = $('<div class="row g-2"></div>');
+    fields.forEach(field => {
+        const colDiv = $('<div class="col-md"></div>');
+        const formFloating = $('<div class="form-floating"></div>');
+        const input = $(`<input type="${field.type || 'text'}" class="form-control form-control-soft" id="${field.data_key}-id" ">`);
+        const label = $(`<label for="${field.data_key}-id">${field.label}</label>`);
+
+        formFloating.append(input, label);
+        colDiv.append(formFloating);
+        row.append(colDiv);
+    });
+
+    container.append(row);
+}

iatoolkit/static/js/chat_reload_button.js

@@ -0,0 +1,35 @@
+$(document).ready(function () {
+    $('#force-reload-button').on('click', function() {
+        reloadButton(this);
+     });
+
+    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};
+
+        // 1. Deshabilitar y mostrar spinner
+        button.disabled = true;
+        const icon = button.querySelector('i');
+        icon.className = spinnerIconClass;
+        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;
+    }
+});