iatoolkit 0.10.1__py3-none-any.whl → 0.11.0__py3-none-any.whl

iatoolkit/services/branding_service.py

@@ -16,39 +16,49 @@ class BrandingService:
         Define los estilos de branding por defecto para la aplicación.
         """
         self._default_branding = {
-            # Colores del contenedor del encabezado
-            "header_background_color": "#FFFFFF",  # Fondo blanco por defecto
-            "header_text_color": "#6C757D",  # Color de texto 'muted' de Bootstrap
-
-            # Estilos para el texto primario (ej. nombre de la compañía)
+            # --- Estilos del Encabezado Principal ---
+            "header_background_color": "#FFFFFF",
+            "header_text_color": "#6C757D",
             "primary_font_weight": "bold",
             "primary_font_size": "1rem",
+            "secondary_font_weight": "600",
+            "secondary_font_size": "0.875rem",
+            "tertiary_font_weight": "normal",
+            "tertiary_font_size": "0.75rem",
+            "tertiary_opacity": "0.8",
+
+            # Estilos Globales de la Marca ---
+            "brand_primary_color": "#0d6efd",  # Azul de Bootstrap por defecto
+            "brand_secondary_color": "#6c757d",  # Gris de Bootstrap por defecto
+            "brand_text_on_primary": "#FFFFFF",  # Texto blanco sobre color primario
+            "brand_text_on_secondary": "#FFFFFF",  # Texto blanco sobre color secundario
+
+            # Estilos para Alertas de Error ---
+            "brand_danger_color": "#dc3545",  # Rojo principal para alertas
+            "brand_danger_bg": "#f8d7da",  # Fondo rojo pálido
+            "brand_danger_text": "#842029",  # Texto rojo oscuro
+            "brand_danger_border": "#f5c2c7",  # Borde rojo intermedio
 
-            # Estilos para el texto secundario (ej. ID de usuario)
-            "secondary_font_weight": "600",  # Semibold
-            "secondary_font_size": "0.875rem"  # Equivale a la clase 'small' de Bootstrap
+            # Estilos para Alertas Informativas ---
+            "brand_info_bg": "#cff4fc",  # Fondo celeste pálido
+            "brand_info_text": "#055160",  # Texto azul oscuro
+            "brand_info_border": "#b6effb",
 
+            # Color para el botón de Enviar ---
+            "send_button_color": "#212529"  # Gris oscuro/casi negro por defecto
         }
 
     def get_company_branding(self, company: Company | None) -> dict:
         """
         Retorna los estilos de branding finales para una compañía,
         fusionando los valores por defecto con los personalizados.
-
-        Args:
-            company: El objeto Company, que puede contener un dict de branding.
-
-        Returns:
-            Un diccionario con todos los estilos de branding listos para usar en la plantilla.
         """
-        # Empezamos con una copia de los valores por defecto
         final_branding_values = self._default_branding.copy()
 
-        # Si la compañía existe y tiene branding personalizado, lo fusionamos.
         if company and company.branding:
             final_branding_values.update(company.branding)
 
-        # Construimos las cadenas de estilo completas
+        # --- CONSTRUCCIÓN DE ESTILOS Y VARIABLES CSS ---
         header_style = (
             f"background-color: {final_branding_values['header_background_color']}; "
             f"color: {final_branding_values['header_text_color']};"
@@ -61,10 +71,38 @@ class BrandingService:
             f"font-weight: {final_branding_values['secondary_font_weight']}; "
             f"font-size: {final_branding_values['secondary_font_size']};"
         )
+        tertiary_text_style = (
+            f"font-weight: {final_branding_values['tertiary_font_weight']}; "
+            f"font-size: {final_branding_values['tertiary_font_size']}; "
+            f"opacity: {final_branding_values['tertiary_opacity']};"
+        )
+
+        # Generamos el bloque de variables CSS
+        css_variables = f"""
+            :root {{
+                --brand-primary-color: {final_branding_values['brand_primary_color']};
+                --brand-secondary-color: {final_branding_values['brand_secondary_color']};
+                --brand-text-on-primary: {final_branding_values['brand_text_on_primary']};
+                --brand-text-on-secondary: {final_branding_values['brand_text_on_secondary']};
+                --brand-modal-header-bg: {final_branding_values['header_background_color']};
+                --brand-modal-header-text: {final_branding_values['header_text_color']};
+                --brand-danger-color: {final_branding_values['brand_danger_color']};
+                --brand-danger-bg: {final_branding_values['brand_danger_bg']};
+                --brand-danger-text: {final_branding_values['brand_danger_text']};
+                --brand-danger-border: {final_branding_values['brand_danger_border']};
+                --brand-info-bg: {final_branding_values['brand_info_bg']};
+                --brand-info-text: {final_branding_values['brand_info_text']};
+                --brand-info-border: {final_branding_values['brand_info_border']};
+
+            }}
+        """
 
         return {
             "name": company.name if company else "IAToolkit",
             "header_style": header_style,
             "primary_text_style": primary_text_style,
-            "secondary_text_style": secondary_text_style
+            "secondary_text_style": secondary_text_style,
+            "tertiary_text_style": tertiary_text_style,
+            "header_text_color": final_branding_values['header_text_color'],
+            "css_variables": css_variables
         }

iatoolkit/services/history_service.py

@@ -36,7 +36,7 @@ class HistoryService:
             history = self.llm_query_repo.get_history(company, user_identifier)
 
             if not history:
-                return {'error': 'No se pudo obtener el historial'}
+                return {'message': 'Historial vacio actualmente', 'history': []}
 
             history_list = [query.to_dict() for query in history]
 

iatoolkit/static/js/chat_history.js

@@ -41,7 +41,7 @@ $(document).ready(function () {
         } catch (error) {
             console.error("Error al cargar historial:", error);
             const errorHtml = `
-                <div class="alert alert-danger alert-dismissible show" role="alert">
+                <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>

iatoolkit/static/js/chat_main.js

@@ -322,7 +322,7 @@ const displayUserMessage = function(message, isEditable, originalQuestion) {
     userMessage.append(messageText);
 
     if (isEditable) {
-        const editIcon = $('<i>').addClass('bi bi-pencil-fill edit-icon').attr('title', 'Edit query').on('click', function () {
+        const editIcon = $('<i>').addClass('p-2 bi bi-pencil-fill edit-icon').attr('title', 'Edit query').on('click', function () {
             $('#question').val(originalQuestion).focus();
             autoResizeTextarea($('#question')[0]);
             updateSendButtonState();

iatoolkit/static/styles/chat_iatoolkit.css

@@ -1,3 +1,34 @@
+/* Customización de variables de Bootstrap */
+:root {
+    --bs-tooltip-bg: #495057; /* Gris carbón, más claro y profesional */
+    --bs-tooltip-opacity: 0.95; /* Ligeramente más opaco para mejor legibilidad */
+}
+
+.alert-branded-danger {
+    background-color: var(--brand-danger-bg);
+    color: var(--brand-danger-text);
+    border-color: var(--brand-danger-border);
+}
+/* Asegura que el texto fuerte y los enlaces dentro de la alerta también tomen el color correcto */
+.alert-branded-danger strong,
+.alert-branded-danger .alert-link {
+    color: inherit;
+}
+
+
+/* esta clase defines los atributos de cada bloque */
+.chat-block {
+    padding: 1rem; /* Equivalente a p-3 de Bootstrap */
+    border: 1px solid #dee2e6; /* Borde estándar y sutil */
+    border-radius: 0.375rem; /* Borde redondeado estándar de Bootstrap */
+    box-shadow: 0 2px 8px rgba(0,0,0,0.06); /* Sombra suave y unificada */
+}
+
+/* Estilo para la sección del encabezado */
+.company-section {
+    border-radius: 0.375rem; /* Mismo radio que .chat-block para consistencia */
+}
+
 /* Spinner */
 .spinning {
     animation: spin 1s linear infinite;
@@ -16,6 +47,7 @@
     overflow-y: auto;
     display: flex;
     flex-direction: column;
+    background-color: #fff; /* Fondo blanco para el contenedor del chat */
 }
 .answer-section, .error-section, .document-section {
     max-width: 100%;
@@ -23,14 +55,6 @@
     margin-bottom: 10px;
 }
 
-.input-container {
-    flex: 1;
-    display: flex;
-    /* Organiza los elementos internos (la fila de inputs y el textarea) uno sobre otro */
-    flex-direction: column;
-
-}
-
 /* Estilos para el modal de archivos y ordenar icono */
 .list-group-item {
     display: flex;
@@ -64,52 +88,13 @@
     margin-left: auto;
 }
 
-/* Titulo del modal */
-.modal-title {
-    font-size: 1.5rem;
-    font-weight: bold;
-}
-
-
 /* Para el icono de eliminar del modal */
 .remove-file-btn i {
     color: #c82333
 }
 
-/* Modern Header Mejorado */
-.modern-header {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 12px 30px; /* Espaciado optimizado */
-    background: linear-gradient(90deg, #3388ff, #003399); /* Azul más claro al inicio */
-    color: #ffffff; /* Texto blanco */
-    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.08); /* Sombra más sutil */
-    position: sticky;
-    top: 0;
-    z-index: 1000;
-    border-bottom: 1px solid rgba(255, 255, 255, 0.2); /* Línea blanca sutil abajo */
-}
-
-/* Ajustar el contenedor del logo */
-.modern-header .logo-section {
-    display: flex;
-    align-items: center; /* Centra verticalmente la imagen dentro del header */
-    max-height: 100%;    /* Asegura que siga el tamaño del contenedor */
-}
-
-/* Estilo general para la imagen del logo */
-.modern-header .logo-section img {
-    max-height: 60px;    /* Ajusta el tamaño máximo del logo */
-    max-width: 100%;     /* Evita desbordamiento horizontal */
-    height: auto;        /* Mantiene la proporción de la imagen */
-    object-fit: contain; /* Evita deformaciones */
-}
-
-
 /* Estilo del mensaje ingresado por el usuario */
 #chat-container .message {
-  /* Propiedades de layout y forma (se mantienen del original) */
   margin-top: 10px;
   max-width: 75%;
   min-width: fit-content;
@@ -120,15 +105,13 @@
   align-items: center;
   align-self: flex-end;
   text-align: left;
-
-  /* Propiedades estéticas (adoptadas de .llm-output) */
   padding: 15px;
   font-family: Arial, sans-serif;
   font-size: 15px;
   line-height: 1.5;
   color: #333;
-  background-color: #ffffff; /* Fondo blanco para consistencia */
-  border: 1px solid #ddd;   /* Borde sutil como en las tablas */
+  background-color: #ffffff;
+  border: 1px solid #ddd;
 }
 
 
@@ -142,177 +125,50 @@
 }
 
 .error-section {
-    /* Layout y Alineación (Burbuja a la izquierda) */
-    align-self: flex-start; /* Alinea a la izquierda, como los mensajes del asistente */
+    align-self: flex-start;
     max-width: 75%;
-    min-width: fit-content; /* Se ajusta al contenido mínimo */
+    min-width: fit-content;
     width: fit-content;
     margin-top: 10px;
     display: flex;
-    align-items: flex-start; /* Alinea el ícono con la primera línea de texto */
-    gap: 12px; /* Un espaciado más generoso entre el ícono y el texto */
-
-    /* Estilo Visual de Burbuja de Error */
-    background-color: #fff0f0; /* Un rojo muy pálido y suave */
-    color: #5c0f0f; /* Texto en un rojo oscuro para buena legibilidad */
-    border: 1px solid #ffcccc; /* Borde en un tono de rojo ligeramente más oscuro */
-    padding: 12px 18px; /* Espaciado interno optimizado */
-    border-radius: 0 12px 12px 12px; /* Forma de burbuja (esquina superior izquierda recta) */
+    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; /* Mantenemos el ajuste de texto */
-    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05); /* Sombra muy sutil para darle profundidad */
+    word-wrap: break-word;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
 }
 
 .error-section i {
-    color: #d32f2f; /* Un rojo más vibrante para el ícono, para que destaque */
-    font-size: 1.2em; /* Ícono un poco más grande para mayor impacto visual */
-    padding-top: 2px; /* Pequeño ajuste para alinear visualmente mejor con el texto */
-}
-
-
-.list-unstyled {
-    margin: 0;
-    padding: 0;
-    list-style: none;
-}
-
-/* Ajustes generales para la sección de validación */
-.document-section {
-    display: flex;
-    border-radius: 15px;
-    margin-top: 10px;
-    padding: 10px;
-    text-align: left;
-    background-color: #ffffff; /* Fondo blanco */
-    flex-direction: column; /* Asegura que las filas se apilen verticalmente */
-    max-width: 70%;
-    border: 1px solid #d6d6d6; /* Borde neutro */
-}
-
-.row {
-    display: flex;
-    flex-wrap: nowrap; /* Evitar que los elementos salten de línea */
-}
-
-.col-auto {
-    display: inline-block; /* Asegura que ocupen solo el ancho necesario */
-}
-
-.document-section .rejection-reasons {
-    flex: 1;
-    margin-top: 10px;
-    margin-left: 25px;
-    display: block;
-}
-
-.rejection-reasons ul {
-    margin-left: 15px; /* Sangría para las listas */
-    padding: 0;
-    list-style: disc; /* Estilo de punto para las viñetas */
-}
-
-.document-section ul {
-    margin-left: 10px; /* Sangría para listas */
-    padding: 0;
-    list-style: disc inside; /* Estilo de viñetas alineadas */
-}
-
-
-.input-container {
-    width: 100%;
-    display: flex;
-    justify-content: center;
+    color: #d32f2f;
+    font-size: 1.2em;
+    padding-top: 2px;
 }
 
 #question {
     width: 100%;
     font-size: 15px;
-    background: #f8f9fa; /* Fondo gris claro */
-    color: #202123; /* Texto oscuro */
+    background: #f8f9fa;
+    color: #202123;
     border: 1px solid #d1d5db;
-    transition: border-color 0.2s ease-in-out;
+    transition: all 0.3s ease-in-out;
 }
 
 #question:focus {
     outline: none;
-    border-color: #0084ff; /* Azul vibrante */
-    box-shadow: 0 0 5px rgba(0, 132, 255, 0.3);
-}
-
-
-.filepond--panel {
-    padding: 0;              /* Elimina cualquier relleno adicional del contenedor */
-}
-
-/* bordered drop area */
-.filepond--panel-root {
-    background-color: transparent;
-}
-
-/* Contenedor de los archivos cargados (FilePond) */
-.filepond-container {
-    width: 100%; /* Se estira todo lo que pueda */
-    border: 2px dashed #adb5bd; /* Gris, igual al textarea */
-    border-radius: 5px; /* Igual que el textarea */
-    padding: 10px;
-    min-height: 70px; /* Mantiene altura mínima */
-    max-height: 200px; /* Evita que crezca demasiado */
-    overflow-y: auto; /* Permite scroll si es necesario */
-    background-color: #f8f9fa; /* Gris claro, igual al textarea */
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    text-align: center;
-    color: #6c757d; /* Color de prompt_llm.txt sutil */
-}
-
-.filepond--item {
-    width: calc(40% - 0.5em);/* Ancho dinámico basado en el contenido */
-    border-radius: 5px;     /* Bordes curvados */
-    text-align: left;       /* Alinea el prompt_llm.txt a la izquierda */
-    white-space: nowrap;    /* Evita dividir el prompt_llm.txt en varias líneas */
-    overflow: hidden;       /* Oculta cualquier desbordamiento */
-    text-overflow: ellipsis; /* Muestra puntos suspensivos si el prompt_llm.txt es muy largo */
-}
-
-.filepond--drop-label {
-    display: none;           /* Opcional: Oculta el mensaje de arrastrar y soltar si no lo necesitas */
-}
-
-/* the text color of the file status and info labels */
-.filepond--file {
-    color: black;
-    background-color: #d1e3f1;
-}
-
-.custom-confirm-button {
-    background-color: #0066cc;
-    color: white;             /* Color del prompt_llm.txt */
-    border: none;             /* Sin borde */
-    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Sombra */
-}
-
-.custom-confirm-button:hover {
-    background-color: #0066cc; /* Color al pasar el mouse */
-}
-
-.custom-cancel-button {
-    background-color: #dc3545; /* Color de fondo (rojo) */
-    color: white;             /* Color del prompt_llm.txt */
-}
-
-.custom-cancel-button:hover {
-    background-color: #c82333; /* Color al pasar el mouse */
+    border-color: #80bdff;
+    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
 }
 
 /* 1. La caja principal que envuelve toda el área de entrada */
 .input-area {
     background-color: #f8f9fa;
-    padding: 10px;
-    border-radius: 10px;
-    box-shadow: 0 -2px 5px rgba(0,0,0,0.05);
 }
 
 /* 2. La barra "cápsula" que envuelve el texto y los iconos */
@@ -320,7 +176,7 @@
     background-color: #ffffff;
     border: 1px solid #dee2e6;
     border-radius: 1.5rem;
-    padding: 0.25rem 0.5rem;
+    padding: 0.1rem 0.5rem;
     transition: all 0.2s ease-in-out;
 }
 
@@ -330,6 +186,16 @@
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
 }
 
+#prompt-assistant-collapse .card {
+    border-radius: 1.5rem;      /* Mismo radio que el chat-input-bar */
+    border: 1px solid #dee2e6; /* Mismo borde que el chat-input-bar */
+    box-shadow: none;           /* Eliminamos la sombra por defecto del card */
+}
+
+#prompt-assistant-collapse.show .card {
+    margin-bottom: 12px !important; /* Anula el mb-2 (8px) para añadir un poco más de espacio */
+}
+
 /* 4. El textarea "invisible" en el centro */
 .chat-textarea {
     flex-grow: 1;
@@ -341,17 +207,20 @@
     min-height: 38px;
 }
 
-/* 5. Estilo UNIFICADO para todos los iconos de acción secundarios */
+/* 5. NUEVO Estilo UNIFICADO para los enlaces de iconos de acción */
+.action-icon-style {
+    color: #6c757d; /* Color gris estándar por defecto */
+    transition: opacity 0.2s ease-in-out;
+}
+.action-icon-style:hover {
+    opacity: 0.75; /* Efecto hover sutil */
+}
 .action-icon-style i {
-    color: #6c757d;       /* Color gris estándar DIRECTAMENTE al icono */
-    font-size: 1.5rem;      /* Tamaño uniforme */
+    font-size: 1.5rem;
     vertical-align: middle;
-    transition: color 0.2s ease-in-out;
-}
-.action-icon-style:hover i {
-    color: #343a40; /* El color del icono cambia en hover */
 }
-/* Aplica también a los iconos de la barra de entrada */
+
+/* Aplica a los iconos de la barra de entrada inferior */
 .chat-input-bar .d-flex a i {
     font-size: 1.5rem;
     vertical-align: middle;
@@ -362,14 +231,13 @@
     color: #343a40;
 }
 
-
-/* 6. Anulación de color y tamaño para el botón de ENVIAR */
-.send-button-icon i {
-    color: #0d6efd !important; /* Azul (importante para anular) */
-    font-size: 1.7rem !important; /* Ligeramente más grande para mayor énfasis */
+/* 6. Anulación específica para el botón de ENVIAR usando su ID (Máxima Prioridad) */
+#send-button i {
+    color: var(--brand-send-button-color); /* Usa la variable de branding */
+    font-size: 1.7rem; /* Ligeramente más grande */
 }
-.send-button-icon:hover i {
-    color: #0b5ed7 !important; /* Azul más oscuro en hover */
+#send-button:hover i {
+    filter: brightness(85%); /* Efecto hover genérico que funciona con cualquier color */
 }
 
 /* 7. Estilo para el botón de enviar cuando está deshabilitado */
@@ -384,181 +252,85 @@
     }
 }
 
-.edit-icon {
-    margin-left: 8px; /* Ajusta según el espacio deseado */
-}
-
-.message:hover .edit-icon {
-    color: #007bff; /* Un color azul que contrasta bien con el fondo blanco */
-}
-
-#chat-container {
-    background-color: #fff; /* Fondo blanco para el contenedor del chat */
-    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Sombra sutil */
-}
-
-#question {
-    transition: box-shadow 0.3s ease-in-out;
-}
-
-#question:focus {
-    border-color: #80bdff;
-    box-shadow: 0 0 0 0.2rem rgba(0,123,255,.25);
-}
-
-
 .filepond--credits {
     display: none; /* Ocultar créditos de FilePond */
 }
 
-/* Si FilePond sigue mostrando algo, intentar ocultarlo más agresivamente. */
-/* Se accede al contenedor principal de FilePond que se crea automáticamente */
-.filepond--root {
-    display: none;
-    visibility: hidden;
-    height: 0;
-    width: 0;
-    overflow: hidden;
-    position: absolute; /* Sacarlo del flujo del documento */
-    left: -9999px; /* Moverlo fuera de la pantalla */
-}
-
-/* Estilos para la barra de tareas*/
-.company-section {
-    padding: 10px;
-    background-color: #f8f9fa;
-    border-radius: 10px;
-    border: 1px solid #e9ecef;
-    margin-right: 10px;
-    margin-bottom: 5px;
-    text-align: right
-}
-
-
 /* Estilo para el input de datos específicos cuando tiene contenido */
 .specific-data-input.has-content {
-    background-color: #e9f3ed !important;                 /* Fondo verde muy pálido */
-    border-color: #198754 !important;                     /* Borde en verde 'success' */
-    border-width: 2px !important;                         /* Borde más grueso */
-    color: #0a5833 !important;                           /* Texto en verde oscuro */
-    font-weight: 500 !important;                          /* Fuente un poco más gruesa */
-    box-shadow: 0 1px 4px rgba(25, 135, 84, 0.2) !important; /* Sombra sutil y más suave */
+    background-color: #e9f3ed !important;
+    border-color: #198754 !important;
+    border-width: 2px !important;
+    color: #0a5833 !important;
+    font-weight: 500 !important;
+    box-shadow: 0 1px 4px rgba(25, 135, 84, 0.2) !important;
 }
 
 /* Ajuste para la etiqueta flotante */
 .specific-data-input.has-content + label {
-    color: #0a5833 !important; /* Aseguramos que el color de la etiqueta coincida */
+    color: #0a5833 !important;
 }
 
 /* Estilo para el botón de limpiar */
 .clear-specific-data-button {
     position: absolute;
     top: 50%;
-    right: 15px; /* Lo mueve desde la derecha */
-    transform: translateY(-50%); /* Lo centra verticalmente */
-    z-index: 5; /* Se asegura de que esté por encima del input */
+    right: 15px;
+    transform: translateY(-50%);
+    z-index: 5;
     padding: 0.25rem 0.5rem;
     color: #6c757d;
     background-color: transparent;
-    border: none; /* Aseguramos que no tenga borde */
+    border: none;
 }
 
 .clear-specific-data-button:hover {
     color: #212529;
 }
 
-
-/* Estilo personalizado para un input más suave */
-.form-control-soft {
-    background-color: #f8f9fa; /* Fondo gris muy claro, como en la opción 2 */
-    border-color: #dee2e6;     /* Un borde inicial muy sutil */
-    transition: all 0.2s ease-in-out; /* Transición suave para los efectos */
-}
-
-/* Efecto al hacer clic (focus) */
-.form-control-soft:focus {
-    border-color: #198754;     /* El borde toma el color verde 'success' de Bootstrap */
-    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); /* Resplandor a juego con el borde verde */
-    color: #000;
-}
-
-.btn-dropdown-soft {
-    background-color: #f8f9fa; /* Mismo fondo gris claro que el input */
-    border: 1px solid #dee2e6; /* Borde inicial sutil */
-    color: #495057; /* Color de texto estándar */
-    transition: all 0.2s ease-in-out; /* Transición suave */
-    height: 100%; /* Asegura que tenga la misma altura que el input de al lado */
-}
-
-/* Efecto cuando el menú está abierto (similar al :focus del input) */
-.btn-dropdown-soft[aria-expanded="true"] {
-    background-color: #ffffff;
-    border-color: #198754; /* Borde verde 'success' */
-    box-shadow: 0 0 0 0.25rem rgba(25, 135, 84, 0.25); /* Resplandor verde */
-}
-
-/* Pequeño ajuste al pasar el ratón para que no cambie de color a menos que esté activo */
-.btn-dropdown-soft:hover {
-    background-color: #f8f9fa;
-    border-color: #ced4da;
-}
-
-/* 2. Estilo para el menú desplegable y sus ítems */
 .dropdown-menu-soft {
     background-color: #f8f9fa;
     border-color: #dee2e6;
 }
 
-/* Estilo y efecto para cada opción de la lista */
 .dropdown-menu-soft .dropdown-item {
-    transition: all 0.15s ease-in-out; /* Transición para el efecto hover */
+    transition: all 0.15s ease-in-out;
 }
 
 .dropdown-menu-soft .dropdown-item:hover,
 .dropdown-menu-soft .dropdown-item:focus {
-    color: #ffffff;                       /* Nuevo color de texto: blanco */
-    background-color: #495057;           /* Nuevo color de fondo: verde oscuro */
-    padding-left: 1.5rem;                /* Mantenemos el efecto de indentación */
-    transition: all 0.15s ease-in-out;   /* Mantenemos la transición suave */
+    color: #ffffff;
+    background-color: #495057;
+    padding-left: 1.5rem;
+    transition: all 0.15s ease-in-out;
 }
 
-/* Estilo para las cabeceras de las categorías dentro del menú */
 .dropdown-menu-soft .dropdown-header {
-    background-color: #495057; /* Gris oscuro estándar de Bootstrap, muy legible */
-    color: #ffffff;            /* Texto en blanco para un contraste nítido */
-    font-weight: 600;          /* Grosor semibold, ideal para este contraste */
-
-    /* Pequeños ajustes para un look pulido */
-    margin: 4px;               /* Un pequeño margen para que "respire" */
-    padding: 0.4rem 1rem;      /* Espaciado interno equilibrado */
-    border-radius: 4px;        /* Bordes sutilmente redondeados */
-    font-size: 0.85rem;        /* Tamaño de fuente ajustado */
-    text-transform: none;      /* Texto en formato normal para una apariencia más limpia */
+    background-color: #495057;
+    color: #ffffff;
+    font-weight: 600;
+    margin: 4px;
+    padding: 0.4rem 1rem;
+    border-radius: 4px;
+    font-size: 0.85rem;
+    text-transform: none;
     letter-spacing: normal;
-    border-bottom: none;       /* Nos aseguramos de quitar cualquier línea inferior */
-}
-
-
-/* Estilo para el texto de placeholder */
-.form-control-soft::placeholder {
-    color: #6c757d; /* Color de texto gris estándar */
-    opacity: 1;
+    border-bottom: none;
 }
 
 #clear-selection-button {
     position: absolute;
     top: 50%;
-    /* Lo movemos 45px desde la derecha para que no se superponga con la flecha del dropdown */
     right: 45px;
     transform: translateY(-50%);
-    z-index: 5; /* Asegura que esté por encima del botón principal */
+    z-index: 5;
     padding: 0.25rem 0.5rem;
-    color: #6c757d; /* Color gris estándar */
+    color: #6c757d;
     background-color: transparent;
 }
 
 #clear-selection-button:hover {
-    color: #212529; /* Se oscurece un poco al pasar el mouse */
+    color: #212529;
 }
 
 
@@ -588,27 +360,9 @@
     font-weight: bold;
 }
 
-/* Control de ancho de columnas en la tabla del historial */
-#history-content .table td:nth-child(1) {
-    width: 5%; /* Columna del número */
-}
-
-#history-content .table td:nth-child(2) {
-    width: 20%; /* Columna de la fecha */
-}
-
-#history-content .table td:nth-child(3) {
-    width: auto; /* Columna de la consulta - ocupa el resto */
-}
-
-/* Botones de feedback y historial */
-.buttons-container {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    width: 100%;
-    gap: 12px;
-}
+#history-content .table td:nth-child(1) { width: 5%; }
+#history-content .table td:nth-child(2) { width: 20%; }
+#history-content .table td:nth-child(3) { width: auto; }
 
 /* Contenedor de calificación con estrellas */
 .rating-container {
@@ -634,68 +388,37 @@
 }
 
 /* --- ESTILOS PARA EL WIDGET DE ESTRELLAS DE FEEDBACK --- */
-
-/* Contenedor para alinear las estrellas y darles espacio */
 .rating-stars {
     display: flex;
-    justify-content: center; /* Centra las estrellas en el modal */
-    gap: 5px;                /* Espacio entre las estrellas */
-    margin-bottom: 15px;     /* Espacio debajo de las estrellas */
-    padding-top: 5px;        /* Espacio superior para que no se peguen al texto */
+    justify-content: center;
+    gap: 5px;
+    margin-bottom: 15px;
+    padding-top: 5px;
 }
-
-/* Estilo base para cada estrella */
 .star {
-    font-size: 2rem;       /* Tamaño de las estrellas */
-    color: #adb5bd;       /* Color de las estrellas inactivas (gris) */
-    cursor: pointer;      /* Cursor de mano para indicar que son clickeables */
-    transition: color 0.2s, transform 0.2s; /* Transición suave para el color y el tamaño */
+    font-size: 2rem;
+    color: #adb5bd;
+    cursor: pointer;
+    transition: color 0.2s, transform 0.2s;
 }
-
-/* Efecto visual al pasar el mouse por encima */
 .star:hover {
-    transform: scale(1.15); /* Agranda un poco la estrella */
+    transform: scale(1.15);
 }
-
-/*
- * La magia principal ocurre aquí.
- * Usamos el pseudo-elemento ::before para controlar qué ícono de Bootstrap se muestra.
- */
-
-/* Por defecto, todas las estrellas muestran el ícono de estrella VACÍA (`bi-star`) */
 .star::before {
-    font-family: 'bootstrap-icons'; /* Asegúrate de que la fuente de íconos esté disponible */
-    content: "\F586"; /* Código Unicode para el ícono `bi-star` */
+    font-family: 'bootstrap-icons';
+    content: "\F586";
     font-style: normal;
     font-weight: normal;
     line-height: 1;
     -webkit-font-smoothing: antialiased;
 }
-
-/* Cuando una estrella tiene la clase .active (seleccionada) o .hover-active (bajo el cursor)... */
 .star.active::before,
 .star.hover-active::before {
-    content: "\F587"; /* ...cambia el contenido al ícono de estrella LLENA (`bi-star-fill`) */
+    content: "\F587";
 }
-
-/* Color para las estrellas seleccionadas o bajo el cursor */
 .star.active,
 .star.hover-active {
-    color: #ffc107; /* Color dorado estándar de Bootstrap */
-}
-
-/*
- * para que la altura de un boton coincida con la altura de un componente .form-floating
-*/
-.btn-form-floating-height {
-    height: calc(3.5rem + 2px) !important;
+    color: #ffc107;
 }
 
 
-/* Estilo específico para el botón de Enviar */
-.send-button-icon i {
-    color: #0d6efd; /* Azul de Bootstrap */
-}
-.send-button-icon:hover i {
-    color: #0b5ed7; /* Azul más oscuro en hover */
-}

iatoolkit/static/styles/chat_modal.css

@@ -2,10 +2,51 @@
 /* Estilos generales para modales */
 /* ######################################################### */
 
-/* Separación del icono y el título del modal */
-.icon-spaced {
-    margin-right: 10px;
+/* Estilos del header del modal con branding */
+.modal-header.branded {
+    background-color: var(--brand-modal-header-bg);
+    color: var(--brand-modal-header-text);
+    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
+}
+.modal-header.branded .btn-close {
+    filter: invert(1) grayscale(100%) brightness(200%); /* Hace el botón de cerrar visible en fondos oscuros */
+}
+
+/* Estilos para botones con branding */
+.btn-branded-primary {
+    background-color: var(--brand-primary-color);
+    border-color: var(--brand-primary-color);
+    color: var(--brand-text-on-primary);
+}
+.btn-branded-primary:hover {
+    filter: brightness(90%);
+    color: var(--brand-text-on-primary);
+}
+
+.btn-branded-secondary {
+    background-color: var(--brand-secondary-color);
+    border-color: var(--brand-secondary-color);
+    color: var(--brand-text-on-secondary);
 }
+.btn-branded-secondary:hover {
+    filter: brightness(90%);
+    color: var(--brand-text-on-secondary);
+}
+
+/* Estilos para alertas informativas personalizadas */
+.alert-branded-info {
+    background-color: var(--brand-info-bg);
+    color: var(--brand-info-text);
+    border-color: var(--brand-info-border);
+}
+.alert-branded-info strong,
+.alert-branded-info .alert-link {
+    color: inherit;
+}
+.alert-branded-info .bi { /* Asegura que los iconos también tomen el color */
+    color: inherit;
+}
+
 
 /* Título del modal */
 .modal-title{
@@ -13,11 +54,6 @@
     font-weight: bold;
 }
 
-/* Texto del modal */
-.text-muted{
-    font-size:16px;
-    text-align: justify;
-}
 
 /* Estilos del header del modal*/
 .modal-header {
@@ -45,20 +81,17 @@
 /* Modal de historial */
 /* ######################################################### */
 
-/* Estilos cabeceras de tablas */
-.thead-dark th{
+/* Encabezado de tabla con branding */
+.thead-branded th {
+    background-color: var(--brand-primary-color);
+    color: var(--brand-text-on-primary);
     font-size: 16px;
     font-weight: bold;
 }
 
-/* Control de ancho de columnas en la tabla del historial */
-#history-content .table td:nth-child(1) {
-    width: 5%; /* Columna del número */
-}
 
-#history-content .table td:nth-child(2) {
-    width: 23%; /* Columna de la fecha */
-}
+#history-content .table td:nth-child(1) { width: 5%; }
+#history-content .table td:nth-child(2) { width: 23%; }
 
 #history-content .table td:nth-child(3) {
     width: auto; /* Columna de la consulta - ocupa el resto */
@@ -69,28 +102,6 @@
 /* ######################################################### */
 
 /* Contenedor de calificación del modal de feedback */
-.rating-container {
-    text-align: center;
-    margin: 10px 0 0 0;
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    gap: 5px;
-    width: 100%;
-}
-
-/* Contenedor de estrellas del modal de feedback */
-.rating-stars-container{
-    text-align: center;
-    margin: 2px 0 0 0;
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-    gap: 10px;
-    width: 100%;
-}
 
 /* Estilos de las estrellas del modal de feedback */
 .star {

iatoolkit/templates/chat.html

@@ -3,16 +3,26 @@
 {% block title %}IAToolkit{% endblock %}
 
 {% block content %}
+
+<style>
+    {{ branding.css_variables | safe }}
+</style>
+
 <!-- Sección de encabezado con el usuario conectado -->
-<div class="company-section d-flex justify-content-between align-items-center px-3 py-2"
+<div id="company-section" class="company-section d-flex justify-content-between align-items-center px-3 py-2"
      style="{{ branding.header_style }}">
 
-    <!-- Izquierda: Nombre de la Empresa -->
-    <span style="{{ branding.primary_text_style }}">
-        {{ branding.name }}
-    </span>
+    <!-- Izquierda: Nombre de la Empresa y atribución "Powered by" -->
+    <div class="d-flex align-items-center">
+        <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">
+            <i class="bi bi-info-circle" style="color: {{ branding.header_text_color }}; opacity: 0.7; font-size: 0.9rem;"></i>
+        </span>
+    </div>
 
-    <!-- Derecha: Grupo de información y acciones del usuario -->
+    <!-- Derecha: Grupo de información y acciones para el usuario -->
     <div class="d-flex align-items-center">
         <!-- 1. ID de Usuario -->
         <span style="{{ branding.secondary_text_style }}">
@@ -24,24 +34,18 @@
 
         <!-- 3. Iconos de Acción -->
         <a href="javascript:void(0);" id="history-button"
-           class="action-icon-style" title="Historial con mis consultas" style="color: inherit;">
+           class="action-icon-style" title="Historial con mis consultas" style="color: {{ branding.header_text_color }};">
             <i class="bi bi-clock-history"></i>
         </a>
         <a href="javascript:void(0);" id="send-feedback-button"
-           class="ms-3 action-icon-style" title="Tu feedback es muy importante" style="color: inherit;">
+           class="ms-3 action-icon-style" title="Tu feedback es muy importante" style="color: {{ branding.header_text_color }};">
             <i class="bi bi-emoji-smile"></i>
         </a>
 
-        <!-- 4. Powered by (con mayor separación) -->
-        <span  class="text-muted ms-4" style="{{ branding.secondary_text_style }}">
-            Powered by <strong>IAToolkit</strong>
-        </span>
-
-
-        <!-- 5. Icono de cerrar sesión (al final) -->
+        <!-- Icono de cerrar sesión (al final) -->
         {% if user.email %}
             <a href="{{ url_for('logout', company_short_name=company_short_name) }}"
-                 class="ms-3 action-icon-style" title="Cerrar sesión" style="color: inherit;">
+                 class="ms-3 action-icon-style" title="Cerrar sesión" style="color: {{ branding.header_text_color }} !important;">
                 <i class="bi bi-box-arrow-right"></i>
             </a>
         {% endif %}
@@ -50,7 +54,7 @@
 </div>
 
 <div id="chat-container"
-     class="mt-2 p-3 border border-2 rounded flex-grow-1"
+     class="chat-block mt-2 flex-grow-1"
      style="overflow-y: auto;">
         <div id="chat-messages">
         <!-- Mensaje de bienvenida estático -->
@@ -65,7 +69,7 @@
     <input type="file" id="file-upload" class="filepond" data-max-files="5" multiple>
 </div>
 
-<div class="input-area mt-2 mb-2">
+<div id="input-area" class="input-area chat-block  mt-2 mb-2">
 
     <!-- 1. Contenido Colapsable del Asistente de prompts -->
     <div class="collapse" id="prompt-assistant-collapse">
@@ -110,7 +114,7 @@
     </div>
 
     <!-- 2. La Barra de Entrada Principal -->
-    <div class="chat-input-bar d-flex align-items-center">
+    <div id="chat-input-bar" class="chat-input-bar d-flex align-items-center">
         <!-- Iconos de la izquierda -->
         <div class="d-flex align-items-center">
             <!-- BOTÓN  PARA CONTROLAR EL COLLAPSE -->
@@ -186,5 +190,12 @@
             });
         }
     });
+    document.addEventListener('DOMContentLoaded', function () {
+        // Inicializar todos los tooltips de la página
+        var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
+        var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
+            return new bootstrap.Tooltip(tooltipTriggerEl)
+        })
+    });
 </script>
 {% endblock %}

iatoolkit/templates/chat_modals.html

@@ -2,7 +2,7 @@
 <div class="modal fade" id="uploadedFilesModal" tabindex="-1" aria-labelledby="uploadedFilesModalLabel" aria-hidden="true">
   <div class="modal-dialog">
     <div class="modal-content">
-      <div class="modal-header">
+      <div class="modal-header branded">
         <h5 class="modal-title" id="uploadedFilesModalLabel">Archivos Cargados</h5>
         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
       </div>
@@ -12,7 +12,7 @@
         </ul>
       </div>
       <div class="modal-footer">
-        <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Cerrar</button>
+        <button type="button" class="btn btn-branded-secondary" data-bs-dismiss="modal">Cerrar</button>
       </div>
     </div>
   </div>
@@ -22,7 +22,7 @@
 <div class="modal fade" id="feedbackModal" tabindex="-1" aria-labelledby="feedbackModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-dialog-centered">
         <div class="modal-content">
-            <div class="modal-header">
+            <div class="modal-header branded">
                 <h5 class="modal-title" id="feedbackModalLabel">
                     <i class="bi bi-chat-dots me-3"></i>Tu Opinión es Importante
                 </h5>
@@ -52,10 +52,10 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
+                <button type="button" class="btn btn-branded-secondary" data-bs-dismiss="modal">
                     <i class="bi bi-x-circle me-1"></i>Cancelar
                 </button>
-                <button type="button" class="btn btn-primary" id="submit-feedback">
+                <button type="button" class="btn btn-branded-primary" id="submit-feedback">
                     <i class="bi bi-send me-1"></i>Enviar
                 </button>
             </div>
@@ -67,7 +67,7 @@
 <div class="modal fade" id="historyModal" tabindex="-1" aria-labelledby="historyModalLabel" aria-hidden="true">
     <div class="modal-dialog modal-lg modal-dialog-centered">
         <div class="modal-content">
-            <div class="modal-header">
+            <div class="modal-header branded">
                 <h5 class="modal-title" id="historyModalLabel">
                     <i class="bi bi-clock-history me-3"></i>Historial de Consultas
                 </h5>
@@ -85,13 +85,13 @@
                 </div>
                 <div id="history-content" style="display: none;">
                     <!-- Texto explicativo -->
-                    <div class="alert alert-info mb-3" role="alert">
+                    <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-dark">
+                            <thead class="thead-branded">
                                 <tr>
                                     <th scope="col">#</th>
                                     <th scope="col">Fecha</th>
@@ -106,7 +106,7 @@
                 </div>
             </div>
             <div class="modal-footer">
-                <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">
+                <button type="button" class="btn btn-branded-secondary" data-bs-dismiss="modal">
                     <i class="bi bi-x-circle me-1"></i>Cerrar
                 </button>
             </div>

{iatoolkit-0.10.1.dist-info → iatoolkit-0.11.0.dist-info}/METADATA

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

{iatoolkit-0.10.1.dist-info → iatoolkit-0.11.0.dist-info}/RECORD

@@ -36,12 +36,12 @@ iatoolkit/repositories/tasks_repo.py,sha256=icVO_r2oPagGnnBhwVFzznnvEEU2EAx-2dlW
 iatoolkit/repositories/vs_repo.py,sha256=UkpmQQiocgM5IwRBmmWhw3HHzHP6zK1nN3J3TcQgjhc,5300
 iatoolkit/services/__init__.py,sha256=5JqK9sZ6jBuK83zDQokUhxQ0wuJJJ9DXB8pYCLkX7X4,102
 iatoolkit/services/benchmark_service.py,sha256=CdbFYyS3FHFhNzWQEa9ZNjUlmON10DT1nKNbZQ1EUi8,5880
-iatoolkit/services/branding_service.py,sha256=UG-cuVrMmxXRqSxOniDXew52D4WZYH8PZ84DW8EdLuo,2632
+iatoolkit/services/branding_service.py,sha256=OiyH8aRyy3Q3EWZDINXS-y9TkrIt-GcA7cK2esw_7Ws,4899
 iatoolkit/services/dispatcher_service.py,sha256=ykR1ye6McyCCuaBgwH6r3-PqcLAr4v4ApkPazMSBzbs,14040
 iatoolkit/services/document_service.py,sha256=nMXrNtbHQuc9pSaten0LvKY0kT8_WngBDmZJUP3jNPw,5936
 iatoolkit/services/excel_service.py,sha256=CJGhu7cQl9J6y_ZWSJ-M63Xm-RXR9Zs66oOR2NJErZQ,3868
 iatoolkit/services/file_processor_service.py,sha256=B1sUUhZNFf-rT4_1wrD38GKNoBFMp2g0dYrXYMCWe2E,4122
-iatoolkit/services/history_service.py,sha256=JwW958tYTrcdWSP5TRoDgDtBdGCvWIG4fnmHsrXLQ-8,1617
+iatoolkit/services/history_service.py,sha256=ZlYfaSHOcCxxc6ICTnqflaGBlzctpJdNUwXpUPG5xWI,1630
 iatoolkit/services/jwt_service.py,sha256=YoZ9h7_o9xBko-arNQv4MbcwnxoSWVNj4VbZmMo_QGY,3908
 iatoolkit/services/load_documents_service.py,sha256=ZpB0BZ3qX1fGJGBtZtMLbFdWWx0hkPoeCS3OqJKwCTs,7291
 iatoolkit/services/mail_service.py,sha256=2h-fcF3swZDya_o7IpgXkmuj3iEVHVCiHi7oVxU99sQ,2182
@@ -64,11 +64,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=_bmwmMl9DL37FWJgoSS74j3LSqckD93C6fktB9-PxZk,3901
-iatoolkit/static/js/chat_main.js,sha256=zVDERp3_WZBTeP3N-gCf0IVTWbKToUB6L_lUaEi56A8,15149
-iatoolkit/static/styles/chat_iatoolkit.css,sha256=ZPQAgLT0HIeXjZC_EY8xACmVdjEp7spdPKFsTTIB-k0,20283
+iatoolkit/static/js/chat_history.js,sha256=4eRLLjP5cn2F0FOWxqT4qMh49R2PDoGu1S3VyevIndw,3909
+iatoolkit/static/js/chat_main.js,sha256=yPBoWuTt2EpukiYJq-FRLmIQ6wC8Gc_kv1qE454W33c,15153
+iatoolkit/static/styles/chat_iatoolkit.css,sha256=R70M2BOhj0lo9gT0pBcjDwAaZwo-lG7agmmgIjwJfi0,9726
 iatoolkit/static/styles/chat_info.css,sha256=17DbgoNYE21VYWfb5L9-QLCpD2R1idK4imKRLwXtJLY,1058
-iatoolkit/static/styles/chat_modal.css,sha256=67qwltu-QS-sU0d_fSeTIiXwcNjfAnQQtmsgStx-ezk,3047
+iatoolkit/static/styles/chat_modal.css,sha256=pE7JY5D63Ds_d2FKdmxym4sevvg-2Mf7yo-gB7KA9vE,3730
 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
@@ -76,8 +76,8 @@ iatoolkit/system_prompts/sql_rules.prompt,sha256=y4nURVnb9AyFwt-lrbMNBHHtZlhk6kC
 iatoolkit/templates/about.html,sha256=ciC08grUVz5qLzdzDDqDX31xirg5PrJIRYabWpV9oA8,294
 iatoolkit/templates/base.html,sha256=LXXB8oPrcBFkf2pLfOSyAaSh66kHbs4SEujpFL3h9Nw,2163
 iatoolkit/templates/change_password.html,sha256=DFfQSFcZ2YJZNFis2IXfzEKStxTf4i9f4eQ_6GiyNs8,2342
-iatoolkit/templates/chat.html,sha256=d0TCeDKEI2fZCepThqRx3xqUDfgnCSFKwdE8Cqq3t5s,8587
-iatoolkit/templates/chat_modals.html,sha256=9OtJHRMeBup8zojPnUqSl7Fd5StPdvOZMs2MiJPqVFY,5704
+iatoolkit/templates/chat.html,sha256=IwUbjF5FpRxZEZ8Dz_qe_KTdAgfWatrKTuPhOsXqUlM,9306
+iatoolkit/templates/chat_modals.html,sha256=3CQ430bwhebq6rAJ6Bk12PQDjt9YenqNXm5thC5WP2Y,5771
 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.10.1.dist-info/METADATA,sha256=HQjVa4XstjTkOTiSsiQan7QknkV0o1T_NPKsLC2iv2g,9301
-iatoolkit-0.10.1.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
-iatoolkit-0.10.1.dist-info/top_level.txt,sha256=V_w4QvDx0b1RXiy8zTCrD1Bp7AZkFe3_O0-9fMiwogg,10
-iatoolkit-0.10.1.dist-info/RECORD,,
+iatoolkit-0.11.0.dist-info/METADATA,sha256=RT3k8OHHUmr7MPpEeS2pTCfQROC2lgQ1nFjGLA2nLCU,9301
+iatoolkit-0.11.0.dist-info/WHEEL,sha256=_zCd3N1l69ArxyTb8rzEoP9TpbYXkqRFSNOD5OuxnTs,91
+iatoolkit-0.11.0.dist-info/top_level.txt,sha256=V_w4QvDx0b1RXiy8zTCrD1Bp7AZkFe3_O0-9fMiwogg,10
+iatoolkit-0.11.0.dist-info/RECORD,,