iatoolkit 0.16.7__tar.gz → 0.17.0__tar.gz

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

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

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

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

{iatoolkit-0.16.7 → iatoolkit-0.17.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.17.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.17.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.17.0}/src/iatoolkit.egg-info/PKG-INFO

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