iatoolkit 0.10.2__tar.gz → 0.11.0__tar.gz

{iatoolkit-0.10.2 → iatoolkit-0.11.0}/PKG-INFO

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

{iatoolkit-0.10.2 → iatoolkit-0.11.0}/pyproject.toml

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

iatoolkit-0.11.0/src/iatoolkit/services/branding_service.py

@@ -0,0 +1,108 @@
+# Copyright (c) 2024 Fernando Libedinsky
+# Product: IAToolkit
+#
+# IAToolkit is open source software.
+
+from iatoolkit.repositories.models import Company
+
+
+class BrandingService:
+    """
+    Servicio centralizado que gestiona la configuración de branding.
+    """
+
+    def __init__(self):
+        """
+        Define los estilos de branding por defecto para la aplicación.
+        """
+        self._default_branding = {
+            # --- 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 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.
+        """
+        final_branding_values = self._default_branding.copy()
+
+        if company and company.branding:
+            final_branding_values.update(company.branding)
+
+        # --- 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']};"
+        )
+        primary_text_style = (
+            f"font-weight: {final_branding_values['primary_font_weight']}; "
+            f"font-size: {final_branding_values['primary_font_size']};"
+        )
+        secondary_text_style = (
+            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,
+            "tertiary_text_style": tertiary_text_style,
+            "header_text_color": final_branding_values['header_text_color'],
+            "css_variables": css_variables
+        }

{iatoolkit-0.10.2 → iatoolkit-0.11.0}/src/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-0.10.2 → iatoolkit-0.11.0}/src/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-0.10.2 → iatoolkit-0.11.0}/src/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-0.10.2 → iatoolkit-0.11.0}/src/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;
@@ -17,7 +48,6 @@
     display: flex;
     flex-direction: column;
     background-color: #fff; /* Fondo blanco para el contenedor del chat */
-    box-shadow: 0 0 10px rgba(0,0,0,0.1); /* Sombra sutil */
 }
 .answer-section, .error-section, .document-section {
     max-width: 100%;
@@ -139,9 +169,6 @@
 /* 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 */
@@ -149,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;
 }
 
@@ -159,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;
@@ -194,13 +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 */
@@ -383,3 +420,5 @@
 .star.hover-active {
     color: #ffc107;
 }
+
+

{iatoolkit-0.10.2 → iatoolkit-0.11.0}/src/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-0.10.2 → iatoolkit-0.11.0}/src/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 }}">
@@ -32,13 +42,7 @@
             <i class="bi bi-emoji-smile"></i>
         </a>
 
-        <!-- 4. Powered by (oculto en un tooltip) -->
-        <span class="ms-4" 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>
-
-
-        <!-- 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: {{ branding.header_text_color }} !important;">
@@ -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 -->

{iatoolkit-0.10.2 → iatoolkit-0.11.0}/src/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.2 → iatoolkit-0.11.0}/src/iatoolkit.egg-info/PKG-INFO

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

iatoolkit-0.10.2/src/iatoolkit/services/branding_service.py

@@ -1,71 +0,0 @@
-# Copyright (c) 2024 Fernando Libedinsky
-# Product: IAToolkit
-#
-# IAToolkit is open source software.
-
-from iatoolkit.repositories.models import Company
-
-
-class BrandingService:
-    """
-    Servicio centralizado que gestiona la configuración de branding.
-    """
-
-    def __init__(self):
-        """
-        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)
-            "primary_font_weight": "bold",
-            "primary_font_size": "1rem",
-
-            # 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
-
-        }
-
-    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
-        header_style = (
-            f"background-color: {final_branding_values['header_background_color']}; "
-            f"color: {final_branding_values['header_text_color']};"
-        )
-        primary_text_style = (
-            f"font-weight: {final_branding_values['primary_font_weight']}; "
-            f"font-size: {final_branding_values['primary_font_size']};"
-        )
-        secondary_text_style = (
-            f"font-weight: {final_branding_values['secondary_font_weight']}; "
-            f"font-size: {final_branding_values['secondary_font_size']};"
-        )
-
-        return {
-            "name": company.name if company else "IAToolkit",
-            "header_style": header_style,
-            "header_text_color": final_branding_values['header_text_color'],
-            "primary_text_style": primary_text_style,
-            "secondary_text_style": secondary_text_style
-        }