iatoolkit 0.10.0__tar.gz → 0.10.2__tar.gz

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

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

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

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

{iatoolkit-0.10.0 → iatoolkit-0.10.2}/src/iatoolkit/services/branding_service.py

@@ -20,9 +20,14 @@ class BrandingService:
             "header_background_color": "#FFFFFF",  # Fondo blanco por defecto
             "header_text_color": "#6C757D",  # Color de texto 'muted' de Bootstrap
 
-            # Estilos para el nombre de la compañía
-            "company_name_font_weight": "bold",  # Nombre en negrita por defecto
-            "company_name_font_size": "1rem",  # Tamaño de fuente estándar
+            # 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:
@@ -48,13 +53,19 @@ class BrandingService:
             f"background-color: {final_branding_values['header_background_color']}; "
             f"color: {final_branding_values['header_text_color']};"
         )
-        company_name_style = (
-            f"font-weight: {final_branding_values['company_name_font_weight']}; "
-            f"font-size: {final_branding_values['company_name_font_size']};"
+        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,
-            "company_name_style": company_name_style
+            "header_text_color": final_branding_values['header_text_color'],
+            "primary_text_style": primary_text_style,
+            "secondary_text_style": secondary_text_style
         }

iatoolkit-0.10.2/src/iatoolkit/static/styles/chat_iatoolkit.css

@@ -0,0 +1,385 @@
+/* Spinner */
+.spinning {
+    animation: spin 1s linear infinite;
+    font-size: 15px; /* Tamaño del ícono */
+    display: inline-block;
+}
+
+@keyframes spin {
+    0% { transform: rotate(0deg); }
+    100% { transform: rotate(360deg); }
+}
+
+/* Estilos para el contenedor del chat y mensajes para que exista scroll */
+#chat-container {
+    max-height: 70vh;
+    overflow-y: auto;
+    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%;
+    word-wrap: break-word;
+    margin-bottom: 10px;
+}
+
+/* Estilos para el modal de archivos y ordenar icono */
+.list-group-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+}
+.file-name-modal {
+    flex: 1;
+    margin-right: 10px;
+}
+.remove-file-btn {
+    flex-shrink: 0;
+}
+/* Estilos del header del modal*/
+.modal-header {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    width: 100%;
+}
+
+.modal-header .modal-title {
+    margin: 0;
+    padding: 0;
+    flex: 1;
+}
+
+.modal-header .close {
+    margin: 0;
+    padding: 0;
+    margin-left: auto;
+}
+
+/* Para el icono de eliminar del modal */
+.remove-file-btn i {
+    color: #c82333
+}
+
+/* Estilo del mensaje ingresado por el usuario */
+#chat-container .message {
+  margin-top: 10px;
+  max-width: 75%;
+  min-width: fit-content;
+  width: fit-content;
+  border-radius: 12px 12px 0px 12px;
+  word-wrap: break-word;
+  display: inline-flex;
+  align-items: center;
+  align-self: flex-end;
+  text-align: left;
+  padding: 15px;
+  font-family: Arial, sans-serif;
+  font-size: 15px;
+  line-height: 1.5;
+  color: #333;
+  background-color: #ffffff;
+  border: 1px solid #ddd;
+}
+
+
+.answer-section {
+    color: #202123; /* Texto negro suave */
+    font-family: "Inter", Arial, sans-serif; /* Fuente moderna */
+    font-size: 16px;
+    line-height: 1.6;
+    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;
+    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);
+}
+
+.error-section i {
+    color: #d32f2f;
+    font-size: 1.2em;
+    padding-top: 2px;
+}
+
+#question {
+    width: 100%;
+    font-size: 15px;
+    background: #f8f9fa;
+    color: #202123;
+    border: 1px solid #d1d5db;
+    transition: all 0.3s ease-in-out;
+}
+
+#question:focus {
+    outline: none;
+    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 */
+.chat-input-bar {
+    background-color: #ffffff;
+    border: 1px solid #dee2e6;
+    border-radius: 1.5rem;
+    padding: 0.25rem 0.5rem;
+    transition: all 0.2s ease-in-out;
+}
+
+/* 3. Efecto de foco para toda la barra */
+.chat-input-bar:focus-within {
+    border-color: #86b7fe;
+    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
+}
+
+/* 4. El textarea "invisible" en el centro */
+.chat-textarea {
+    flex-grow: 1;
+    background: transparent !important;
+    border: none !important;
+    box-shadow: none !important;
+    resize: none;
+    max-height: 150px;
+    min-height: 38px;
+}
+
+/* 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 {
+    font-size: 1.5rem;
+    vertical-align: middle;
+}
+
+/* Aplica a los iconos de la barra de entrada inferior */
+.chat-input-bar .d-flex a i {
+    font-size: 1.5rem;
+    vertical-align: middle;
+    color: #6c757d;
+    transition: color 0.2s ease-in-out;
+}
+.chat-input-bar .d-flex a:hover i {
+    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 */
+}
+.send-button-icon:hover i {
+    color: #0b5ed7 !important; /* Azul más oscuro en hover */
+}
+
+/* 7. Estilo para el botón de enviar cuando está deshabilitado */
+.send-button-icon.disabled {
+    opacity: 0.4;
+    pointer-events: none; /* Lo hace no-clicable */
+}
+
+@media (max-width: 768px) {
+    #chat-container {
+        height: 68vh;
+    }
+}
+
+.filepond--credits {
+    display: none; /* Ocultar créditos de FilePond */
+}
+
+/* Estilo para el input de datos específicos cuando tiene contenido */
+.specific-data-input.has-content {
+    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;
+}
+
+/* Estilo para el botón de limpiar */
+.clear-specific-data-button {
+    position: absolute;
+    top: 50%;
+    right: 15px;
+    transform: translateY(-50%);
+    z-index: 5;
+    padding: 0.25rem 0.5rem;
+    color: #6c757d;
+    background-color: transparent;
+    border: none;
+}
+
+.clear-specific-data-button:hover {
+    color: #212529;
+}
+
+.dropdown-menu-soft {
+    background-color: #f8f9fa;
+    border-color: #dee2e6;
+}
+
+.dropdown-menu-soft .dropdown-item {
+    transition: all 0.15s ease-in-out;
+}
+
+.dropdown-menu-soft .dropdown-item:hover,
+.dropdown-menu-soft .dropdown-item:focus {
+    color: #ffffff;
+    background-color: #495057;
+    padding-left: 1.5rem;
+    transition: all 0.15s ease-in-out;
+}
+
+.dropdown-menu-soft .dropdown-header {
+    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;
+}
+
+#clear-selection-button {
+    position: absolute;
+    top: 50%;
+    right: 45px;
+    transform: translateY(-50%);
+    z-index: 5;
+    padding: 0.25rem 0.5rem;
+    color: #6c757d;
+    background-color: transparent;
+}
+
+#clear-selection-button:hover {
+    color: #212529;
+}
+
+
+/* Estilos para el modal de feedback */
+.icon-spaced {
+    margin-right: 10px;
+}
+
+.modal-title{
+    font-size: 20px;
+    font-weight: bold;
+}
+
+.text-muted{
+    font-size:16px;
+    text-align: justify;
+}
+
+.feedback-text{
+    font-size: 16px;
+}
+
+/* Estilos para el modal de historial */
+
+.thead-dark th{
+    font-size: 16px;
+    font-weight: bold;
+}
+
+#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 {
+    text-align: center;
+    margin: 10px 0 0 0;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    gap: 5px;
+    width: 100%;
+}
+
+.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 PARA EL WIDGET DE ESTRELLAS DE FEEDBACK --- */
+.rating-stars {
+    display: flex;
+    justify-content: center;
+    gap: 5px;
+    margin-bottom: 15px;
+    padding-top: 5px;
+}
+.star {
+    font-size: 2rem;
+    color: #adb5bd;
+    cursor: pointer;
+    transition: color 0.2s, transform 0.2s;
+}
+.star:hover {
+    transform: scale(1.15);
+}
+.star::before {
+    font-family: 'bootstrap-icons';
+    content: "\F586";
+    font-style: normal;
+    font-weight: normal;
+    line-height: 1;
+    -webkit-font-smoothing: antialiased;
+}
+.star.active::before,
+.star.hover-active::before {
+    content: "\F587";
+}
+.star.active,
+.star.hover-active {
+    color: #ffc107;
+}

{iatoolkit-0.10.0 → iatoolkit-0.10.2}/src/iatoolkit/templates/chat.html

@@ -8,15 +8,14 @@
      style="{{ branding.header_style }}">
 
     <!-- Izquierda: Nombre de la Empresa -->
-    <span style="{{ branding.company_name_style }}">
+    <span style="{{ branding.primary_text_style }}">
         {{ branding.name }}
     </span>
 
-    <!-- Derecha: Grupo de iconos de acción -->
     <!-- Derecha: Grupo de información y acciones del usuario -->
     <div class="d-flex align-items-center">
         <!-- 1. ID de Usuario -->
-        <span class="small fw-semibold">
+        <span style="{{ branding.secondary_text_style }}">
             {{ external_user_id or user.email }}
         </span>
 
@@ -25,23 +24,24 @@
 
         <!-- 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="font-size: 0.75rem;">
-            Powered by <strong>IAToolkit</strong>
+        <!-- 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) -->
         {% 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 %}
@@ -186,5 +186,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-0.10.0 → iatoolkit-0.10.2}/src/iatoolkit.egg-info/PKG-INFO

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