iatoolkit 0.16.7__tar.gz → 0.18.0__tar.gz

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: iatoolkit
-Version: 0.16.7
+Version: 0.18.0
 Summary: IAToolkit
 Author: Fernando Libedinsky
 License-Expression: MIT

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/pyproject.toml

@@ -4,7 +4,7 @@ build-backend = "setuptools.build_meta"
 
 [project]
 name = "iatoolkit"
-version = "0.16.7"
+version = "0.18.0"
 requires-python = ">=3.11"
 description = "IAToolkit"
 readme = "readme.md"

iatoolkit-0.18.0/src/iatoolkit/static/js/chat_history.js

@@ -0,0 +1,133 @@
+$(document).ready(function () {
+    // Evento para abrir el modal de historial
+    $('#history-button').on('click', function() {
+        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) { // Buena práctica: Asegurarse de que el dato no es indefinido
+            $('#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');
+
+        // Mostrar loading
+        historyLoading.show();
+        historyError.hide();
+        historyContent.hide();
+
+        try {
+            const data = {
+                external_user_id: window.externalUserId
+            };
+
+            const responseData = await callLLMAPI("/history", data, "POST");
+
+            if (responseData && responseData.history) {
+                // Guardar datos globalmente
+                historyData = responseData.history;
+
+                // 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 {
+            historyLoading.hide();
+        }
+    }
+
+    // Función para mostrar todo el historial
+    function displayAllHistory() {
+        const historyTableBody = $('#history-table-body');
+
+        // Limpiar tabla
+        historyTableBody.empty();
+
+        // Filtrar solo consultas que son strings simples
+        const filteredHistory = historyData.filter(item => {
+            try {
+                JSON.parse(item.query);
+                return false;
+            } catch (e) {
+                return true;
+            }
+        });
+
+        // Poblar tabla con un método más seguro
+        filteredHistory.forEach((item, index) => {
+            const icon = $('<i>').addClass('bi bi-pencil-fill');
+
+            const link = $('<a>')
+                .attr('href', 'javascript:void(0);')
+                .addClass('copy-query-icon')
+                .attr('title', 'Copiar consulta al chat')
+                .data('query', item.query) // Usar .data() es más seguro que un atributo de string
+                .append(icon);
+
+            const row = $('<tr>').append(
+                $('<td>').text(index + 1),
+                $('<td>').addClass('date-cell').text(formatDate(item.created_at)),
+                $('<td>').text(item.query), // Usar .text() para evitar inyección de HTML
+                $('<td>').addClass('text-center').append(link)
+            );
+
+            historyTableBody.append(row);
+        });
+
+        // El event handler ya no se adjunta aquí.
+    }
+
+    // Función para formatear fecha (sin cambios)
+    function formatDate(dateString) {
+        const date = new Date(dateString);
+
+        const padTo2Digits = (num) => num.toString().padStart(2, '0');
+
+        const day = padTo2Digits(date.getDate());
+        const month = padTo2Digits(date.getMonth() + 1);
+        const year = date.getFullYear();
+        const hours = padTo2Digits(date.getHours());
+        const minutes = padTo2Digits(date.getMinutes());
+
+        return `${day}-${month}-${year} ${hours}:${minutes}`;
+    }
+});

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit/static/js/chat_main.js

@@ -314,9 +314,21 @@ const callLLMAPI = async function(apiPath, data, method, timeoutMs = 500000) {
         clearTimeout(timeoutId);
 
         if (!response.ok) {
-            const errorData = await response.json();
-            const endpointError = $('<div>').addClass('error-section').append(`<p>${errorData.error_message || 'Unknown server error'}</p>`);
-            displayBotMessage(endpointError);
+            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 errorIcon = '<i class="bi bi-exclamation-triangle"></i>';
+                const endpointError = $('<div>').addClass('error-section').html(errorIcon + `<p>${errorMessage}</p>`);
+                displayBotMessage(endpointError);
+            } catch (e) {
+                // 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);
+            }
             return null;
         }
         return await response.json();
@@ -325,7 +337,9 @@ const callLLMAPI = async function(apiPath, data, method, timeoutMs = 500000) {
         if (error.name === 'AbortError') {
             throw error; // Re-throw to be handled by handleChatMessage
         } else {
-            const commError = $('<div>').addClass('error-section').append(`<p>Connection error: ${error.message}</p>`);
+            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);
         }
         return null;

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit/static/styles/chat_iatoolkit.css

@@ -123,32 +123,31 @@
     word-wrap: break-word;
     padding-top: 0.5em;
 }
-
 .error-section {
     align-self: flex-start;
     max-width: 75%;
-    min-width: fit-content;
-    width: fit-content;
-    margin-top: 10px;
+    min-width: 250px;
+
+    color: var(--brand-danger-text, #842029); /* Color de texto de error de la marca */
+    background-color: var(--brand-danger-bg, #f8d7da); /* Fondo de error de la marca */
+    border: 1px solid var(--brand-danger-border, #f5c2c7); /* Borde de error de la marca */
+    font-style: italic;
+    font-size: 0.9rem;
     display: flex;
-    align-items: flex-start;
-    gap: 12px;
-    background-color: #fff0f0;
-    color: #5c0f0f;
-    border: 1px solid #ffcccc;
-    padding: 12px 18px;
-    border-radius: 0 12px 12px 12px;
-    font-family: Arial, sans-serif;
-    font-size: 15px;
-    line-height: 1.5;
-    word-wrap: break-word;
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    align-items: center;
+    justify-content: start;
+    margin: 10px 0;
+    padding: 10px 15px; /* Un poco más de padding lateral */
+    opacity: 0.9;
+    border-radius: 8px; /* Bordes redondeados */
+    word-wrap: break-word; /* Asegura que el texto no se desborde */
 }
 
 .error-section i {
-    color: #d32f2f;
-    font-size: 1.2em;
-    padding-top: 2px;
+    color: var(--brand-danger-color, #dc3545); /* Color del icono, el rojo principal */
+    font-size: 1.2rem; /* Tamaño del icono */
+    margin-right: 10px; /* Espacio entre el icono y el texto */
+    flex-shrink: 0; /* Evita que el icono se encoja */
 }
 
 #question {

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit/static/styles/chat_modal.css

@@ -97,6 +97,24 @@
     width: auto; /* Columna de la consulta - ocupa el resto */
 }
 
+/* Evita el salto de línea en la celda de la fecha */
+#historyModal .date-cell {
+    white-space: nowrap;
+}
+
+/* Estilo para el icono de copiar/editar en cada fila */
+#historyModal .copy-query-icon {
+    color: var(--brand-secondary-color, #6c757d); /* Usa el color secundario de la marca */
+    text-decoration: none;
+    opacity: 0.6;
+    transition: opacity 0.2s ease-in-out;
+}
+
+#historyModal .copy-query-icon:hover {
+    opacity: 1; /* El icono se vuelve completamente opaco al pasar el ratón */
+    cursor: pointer; /* Asegura que el cursor cambie a una mano */
+}
+
 /* ######################################################### */
 /* Modal de feedback */
 /* ######################################################### */

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit/templates/chat.html

@@ -17,7 +17,8 @@
         <span style="{{ branding.primary_text_style }}">
             {{ branding.name }}
         </span>
-        <span class="ms-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Powered by IAToolkit ({{ iatoolkit_version }})">
+        <span class="ms-2" data-bs-toggle="tooltip" data-bs-placement="bottom"
+              title="Powered by IAToolkit ({{ iatoolkit_version }})">
             <i class="bi bi-info-circle" style="color: {{ branding.header_text_color }}; opacity: 0.7; font-size: 0.9rem;"></i>
         </span>
     </div>

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit/templates/chat_modals.html

@@ -80,22 +80,19 @@
                     </div>
                     <p class="mt-2">Cargando historial...</p>
                 </div>
-                <div id="history-error" style="display: none;" class="alert alert-danger">
+                <div id="history-error" style="display: none;">
                     <!-- Los errores se mostrarán aquí -->
                 </div>
                 <div id="history-content" style="display: none;">
-                    <!-- Texto explicativo -->
-                    <div class="alert alert-branded-info mb-3" role="alert">
-                        <i class="bi bi-info-circle me-2"></i>
-                        <strong>Tip:</strong> Haz clic en cualquier pregunta del historial para copiarla automáticamente al área de texto.
-                    </div>
+
                     <div class="table-responsive">
                         <table class="table table-striped table-hover">
                             <thead class="thead-branded">
                                 <tr>
-                                    <th scope="col">#</th>
+                                    <th scope="col" style="width: 5%;">#</th>
                                     <th scope="col">Fecha</th>
                                     <th scope="col">Consulta</th>
+                                    <th scope="col" style="width: 5%;"></th>
                                 </tr>
                             </thead>
                             <tbody id="history-table-body">

{iatoolkit-0.16.7 → iatoolkit-0.18.0}/src/iatoolkit.egg-info/PKG-INFO

@@ -1,6 +1,6 @@
 Metadata-Version: 2.4
 Name: iatoolkit
-Version: 0.16.7
+Version: 0.18.0
 Summary: IAToolkit
 Author: Fernando Libedinsky
 License-Expression: MIT

iatoolkit-0.16.7/src/iatoolkit/static/js/chat_history.js

@@ -1,118 +0,0 @@
-$(document).ready(function () {
-    // Evento para abrir el modal de historial
-    $('#history-button').on('click', function() {
-        loadHistory();
-        $('#historyModal').modal('show');
-    });
-
-    // 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');
-
-        // Mostrar loading
-        historyLoading.show();
-        historyError.hide();
-        historyContent.hide();
-
-        try {
-            const data = {
-                external_user_id: window.externalUserId
-            };
-
-            const responseData = await callLLMAPI("/history", data, "POST");
-
-            if (responseData && responseData.history) {
-                // Guardar datos globalmente
-                historyData = responseData.history;
-
-                // Mostrar todos los datos
-                displayAllHistory();
-
-                // Mostrar contenido
-                historyContent.show();
-            } else {
-                throw new Error('No se recibieron datos del historial');
-            }
-        } catch (error) {
-            console.error("Error al cargar historial:", error);
-            const errorHtml = `
-                <div class="alert alert-branded-danger alert-dismissible show" role="alert">
-                    <strong>Error al cargar el historial:</strong> ${error.message}
-                    <button type="button" class="close" data-dismiss="alert">
-                        <span>&times;</span>
-                    </button>
-                </div>
-            `;
-            historyError.html(errorHtml).show();
-        } finally {
-            historyLoading.hide();
-        }
-    }
-
-    // Función para mostrar todo el historial
-    function displayAllHistory() {
-        const historyTableBody = $('#history-table-body');
-
-        // Limpiar tabla
-        historyTableBody.empty();
-
-        // Filtrar solo consultas que son strings simples (no objetos JSON)
-        const filteredHistory = historyData.filter(item => {
-            try {
-                // Intentar parsear como JSON
-                const parsed = JSON.parse(item.query);
-                // Si se puede parsear y es un objeto, filtrarlo
-                return false;
-            } catch (e) {
-                // Si no se puede parsear, es un string simple, incluirlo
-                return true;
-            }
-        });
-
-        // Poblar tabla solo con las consultas filtradas
-        filteredHistory.forEach((item, index) => {
-            const row = $(`
-                <tr>
-                    <td>${index + 1}</td>
-                    <td>${formatDate(item.created_at)}</td>
-                    <td class="query-cell" style="cursor: pointer;" title="Haz clic para copiar esta consulta al chat">${item.query}</td>
-                </tr>
-            `);
-            historyTableBody.append(row);
-        });
-
-        // Agregar evento de clic a las celdas de consulta
-        historyTableBody.on('click', '.query-cell', function() {
-            const queryText = $(this).text();
-            
-            // Copiar el texto al textarea del chat
-            $('#question').val(queryText);
-            $('#send-button').removeClass('disabled');
-            
-            // Cerrar el modal
-            $('#historyModal').modal('hide');
-            
-            // Hacer focus en el textarea para que el usuario pueda editar si lo desea
-            $('#question').focus();
-        });
-    }
-
-    // Función para formatear fecha
-    function formatDate(dateString) {
-        const date = new Date(dateString);
-        return date.toLocaleDateString('es-CL', {
-            day: '2-digit',
-            month: '2-digit',
-            year: 'numeric',
-            hour: '2-digit',
-            minute: '2-digit'
-        });
-    }
-
-});
-