iatoolkit 0.16.7__py3-none-any.whl → 0.18.0__py3-none-any.whl

iatoolkit/static/js/chat_history.js

@@ -5,6 +5,26 @@ $(document).ready(function () {
         $('#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 = [];
 
@@ -36,16 +56,17 @@ $(document).ready(function () {
                 // Mostrar contenido
                 historyContent.show();
             } else {
-                throw new Error('No se recibieron datos del historial');
+                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="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 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();
@@ -61,58 +82,52 @@ $(document).ready(function () {
         // Limpiar tabla
         historyTableBody.empty();
 
-        // Filtrar solo consultas que son strings simples (no objetos JSON)
+        // Filtrar solo consultas que son strings simples
         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
+                JSON.parse(item.query);
                 return false;
             } catch (e) {
-                // Si no se puede parsear, es un string simple, incluirlo
                 return true;
             }
         });
 
-        // Poblar tabla solo con las consultas filtradas
+        // Poblar tabla con un método más seguro
         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>
-            `);
+            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);
         });
 
-        // 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();
-        });
+        // El event handler ya no se adjunta aquí.
     }
 
-    // Función para formatear fecha
+    // Función para formatear fecha (sin cambios)
     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'
-        });
-    }
 
-});
+        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/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/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/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/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/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.dist-info → iatoolkit-0.18.0.dist-info}/METADATA

@@ -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.dist-info → iatoolkit-0.18.0.dist-info}/RECORD

@@ -65,11 +65,11 @@ iatoolkit/static/images/logo_umayor.png,sha256=FHr1wvI8uDn1YRbRcLSRLBOc0mYusHx9U
 iatoolkit/static/images/upload.png,sha256=zh5FiINURpaWZQF86bF_gALBX4W1c4aLp5wPQO9xGXI,296
 iatoolkit/static/js/chat_feedback.js,sha256=_izl49hFEUZYREcJoaPukpTs0YjDgJYUu-QfPt5Ll2s,4398
 iatoolkit/static/js/chat_filepond.js,sha256=mzXafm7a506EpM37KATTK3zvAswO1E0KSUY1vKbwuRc,3163
-iatoolkit/static/js/chat_history.js,sha256=G01rKSXOpLpIavycGPbfpfYg5vmPrLhkHYbCLhY3_zs,3964
-iatoolkit/static/js/chat_main.js,sha256=BLKN5a3xP2uu0z6iF6qmgIpT1vClaZf3apcAVQBhU0g,16229
-iatoolkit/static/styles/chat_iatoolkit.css,sha256=TbdviimueZjOKVH5FFSjfIqJvLJJt1XGFRwUJgsIP5M,10887
+iatoolkit/static/js/chat_history.js,sha256=79xI8lRdb7Ja4c1qqhv-ZVyJnViZWFPhX6BK3CwLbbI,4736
+iatoolkit/static/js/chat_main.js,sha256=mJH3mWn_-4xeBhGdHiQFDDp7l2_OdWhXc7r1v_A22pE,17313
+iatoolkit/static/styles/chat_iatoolkit.css,sha256=36987PwwNc_H86zCHZMllLT8SPAo7v2b60jC8p0LFEM,11271
 iatoolkit/static/styles/chat_info.css,sha256=17DbgoNYE21VYWfb5L9-QLCpD2R1idK4imKRLwXtJLY,1058
-iatoolkit/static/styles/chat_modal.css,sha256=pE7JY5D63Ds_d2FKdmxym4sevvg-2Mf7yo-gB7KA9vE,3730
+iatoolkit/static/styles/chat_modal.css,sha256=mdfjrJtmUn3O9rKwIGjJc-oSNmJGnzUY1aAJqEfPh38,4301
 iatoolkit/static/styles/llm_output.css,sha256=AlxgRSOleeCk2dLAqFWVaQ-jwZiJjcpC5rHuUv3T6VU,2312
 iatoolkit/system_prompts/format_styles.prompt,sha256=MSMe1qvR3cF_0IbFshn8R0z6Wx6VCHQq1p37rpu5wwk,3576
 iatoolkit/system_prompts/query_main.prompt,sha256=w_9ybgWgiQH4V_RbAXqsvz0M7oOuiyhxcwf-D0CgfA4,3017
@@ -77,8 +77,8 @@ iatoolkit/system_prompts/sql_rules.prompt,sha256=y4nURVnb9AyFwt-lrbMNBHHtZlhk6kC
 iatoolkit/templates/about.html,sha256=ciC08grUVz5qLzdzDDqDX31xirg5PrJIRYabWpV9oA8,294
 iatoolkit/templates/base.html,sha256=TojvSnVvXkTe7Kpt_BBWoXFfZN6dveKD0VqQjUOXdgU,2212
 iatoolkit/templates/change_password.html,sha256=DFfQSFcZ2YJZNFis2IXfzEKStxTf4i9f4eQ_6GiyNs8,2342
-iatoolkit/templates/chat.html,sha256=N_DMuh2YwunlAkHalzUt8Soh3kFIaWBlN1hRqa3zDWM,9477
-iatoolkit/templates/chat_modals.html,sha256=tMyVPiZ904nm7wXFN3TWf4CTgOSgtJA7TRhCPmawaj0,5795
+iatoolkit/templates/chat.html,sha256=HpQxZHqlPN6iOuMaWQPOlrqyC7Aib3AYpboRAokLHZk,9491
+iatoolkit/templates/chat_modals.html,sha256=ngKk0L8qnWteBDLAqCKv8-55LWNH3-HwVyk2of6ylWo,5510
 iatoolkit/templates/error.html,sha256=BNF-7z8AYL5vF4ZMUFMrOBt8c85kCFrm9qSHn9EiHWg,540
 iatoolkit/templates/forgot_password.html,sha256=1lUbKg9CKnQdnySplceY_pibwYne1-mOlM38fqI1kW8,1563
 iatoolkit/templates/header.html,sha256=179agI7rnYwP_rvJNXIiVde5E8Ec5649_XKq6eew2Hk,1263
@@ -104,7 +104,7 @@ iatoolkit/views/tasks_review_view.py,sha256=keLsLCyOTTlcoIapnB_lbuSvLwrPVZVpBiFC
 iatoolkit/views/tasks_view.py,sha256=a3anTXrJTTvbQuc6PSpOzidLKQFL4hWa7PI2Cppcz8w,4110
 iatoolkit/views/user_feedback_view.py,sha256=G37zmP8P4LvZrSymNJ5iFXhLZg1A3BEwRfTpH1Iam5w,2652
 iatoolkit/views/verify_user_view.py,sha256=a3q4wHJ8mKAEmgbNTOcnX4rMikROjOR3mHvCr30qGGA,2351
-iatoolkit-0.16.7.dist-info/METADATA,sha256=1_pD9jIOgsd99lhdxCUh_QqCdllBfTmsHALF2RJwnfs,9301
-iatoolkit-0.16.7.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-iatoolkit-0.16.7.dist-info/top_level.txt,sha256=V_w4QvDx0b1RXiy8zTCrD1Bp7AZkFe3_O0-9fMiwogg,10
-iatoolkit-0.16.7.dist-info/RECORD,,
+iatoolkit-0.18.0.dist-info/METADATA,sha256=LhMtK3T52D0dc1QeV-mRyfnpNhQRHDDAwlvz3zrEXiQ,9301
+iatoolkit-0.18.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+iatoolkit-0.18.0.dist-info/top_level.txt,sha256=V_w4QvDx0b1RXiy8zTCrD1Bp7AZkFe3_O0-9fMiwogg,10
+iatoolkit-0.18.0.dist-info/RECORD,,