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

iatoolkit/static/styles/chat_modal.css

@@ -1,52 +1,4 @@
-/* ######################################################### */
 /* Estilos generales para modales */
-/* ######################################################### */
-
-/* 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{
@@ -54,7 +6,6 @@
     font-weight: bold;
 }
 
-
 /* Estilos del header del modal*/
 .modal-header {
     display: flex;
@@ -68,6 +19,7 @@
     margin: 0;
     padding: 0;
     flex: 1;
+    color: inherit;
 }
 
 /* Estilos del botón de cerrar del modal*/
@@ -77,31 +29,58 @@
     margin-left: auto;
 }
 
-/* ######################################################### */
-/* Modal de historial */
-/* ######################################################### */
+/* 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 */
+}
 
-/* Encabezado de tabla con branding */
-.thead-branded th {
+/* 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);
-    font-size: 16px;
-    font-weight: bold;
+}
+.btn-branded-primary:hover {
+    background-color: var(--brand-text-on-primary);
+    color: var(--brand-primary-color);
+    border-color: var(--brand-primary-color);
 }
 
+.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 {
+    background-color: var(--brand-text-on-secondary);
+    color: var(--brand-secondary-color);
+    border-color: var(--brand-secondary-color);
+}
 
-#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 */
+/* Tabla con el resultado del historial */
+.thead-branded th {
+    background-color: #e9ecef; /* Un gris claro estándar de Bootstrap */
+    color: #212529;             /* El color de texto oscuro por defecto */
+    font-size: 16px;
+    font-weight: bold;
+}
+.col-icon {
+  width: 1%;
 }
 
-/* ######################################################### */
 /* Modal de feedback */
-/* ######################################################### */
-
-/* Contenedor de calificación del modal de feedback */
+.rating-stars {
+    display: flex;
+    justify-content: center;
+    gap: 5px;
+    margin-bottom: 15px;
+    padding-top: 5px;
+}
 
 /* Estilos de las estrellas del modal de feedback */
 .star {
@@ -112,16 +91,51 @@
     margin: 0 2px;
 }
 
-/* Estilos de las estrellas del modal de feedback al pasar el mouse */
+.star::before {
+    content: '★';
+}
+
 .star:hover,
 .star.active,
 .star.hover-active {
-    color: #ffc107;
+    color: var(--brand-primary-color);
+}
+
+/* model de help */
+     .modal-body .accordion-button:not(.collapsed) {
+        background-color: var(--brand-primary-color);
+        color: var(--brand-text-on-primary);
+        font-weight: 600;
+        box-shadow: none;
+    }
+
+    /* 2. Estilo para el anillo de foco, aplicado ÚNICAMENTE cuando el botón está CERRADO y tiene foco. */
+    .modal-body .accordion-button.collapsed:focus {
+        background-color: #fff; /* Asegura fondo blanco al hacer foco en un item cerrado */
+        border-color: transparent; /* Evita bordes no deseados */
+        /* La única regla que debe estar aquí es la que dibuja el anillo de foco. */
+        box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-color-rgb), 0.25);
+    }
+
+.icon-spaced {
+    margin-right: 10px;
+}
+
+.text-muted{
+    font-size:16px;
+    text-align: justify;
+}
+
+.feedback-text{
+    font-size: 16px;
 }
 
-/* ######################################################### */
 /* Modal de listado de archivos */
-/* ######################################################### */
+/* Estilos del nombre del archivo del modal de archivos y ordenar icono */
+.file-name-modal {
+    flex: 1;
+    margin-right: 10px;
+}
 
 /* Para el icono de eliminar del modal */
 .remove-file-btn i {
@@ -135,13 +149,21 @@
     align-items: center;
 }
 
-/* Estilos del nombre del archivo del modal de archivos y ordenar icono */
-.file-name-modal {
-    flex: 1;
-    margin-right: 10px;
-}
-
 /* Estilos del botón de eliminar del modal de archivos y ordenar icono */
 .remove-file-btn {
     flex-shrink: 0;
-}
+}
+
+/* Estilos para alertas generales del chat */
+.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;
+}

iatoolkit/static/styles/chat_public.css

@@ -0,0 +1,107 @@
+/* Estos estilos son para las paginas publicas: home, signup,  olvide la clave, etc */
+
+    /* --- Encabezado (top) de company --- */
+    .custom-company-header {
+        height: 78px;
+        margin-bottom: 20px;
+        padding: 0 1.5rem; /* Padding interno para que el texto no toque los bordes */
+        border-radius: 0.375rem; /* Bordes redondeados para que coincida con los formularios */
+
+        /* Los estilos de color y sombra se mantienen */
+        background-color: var(--brand-header-bg);
+        color: var(--brand-header-text);
+        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08); /* Sombra ligeramente más suave */
+    }
+
+    /* Estilo específico para el nombre de la marca en el encabezado (Letra más grande) */
+    .custom-company-header .brand-name {
+        font-size: 1.8rem; /* Tamaño de fuente aumentado */
+        font-weight: 600;
+        color: inherit;
+        text-decoration: none;
+        transition: opacity 0.2s ease-in-out;
+    }
+
+    /* Efecto hover para el enlace del nombre de la marca */
+    .custom-company-header .brand-name:hover {
+        opacity: 0.85;
+    }
+
+    /* Estilo para el texto "Powered by" --- */
+    .custom-company-header .powered-by {
+        font-size: 0.9rem;
+        font-weight: 400;
+        opacity: 0.75; /* Menos prominente que el nombre de la marca */
+        color: inherit;
+    }
+
+    /* --- Estilo para el enlace de IAToolkit --- */
+    .custom-company-header .iatoolkit-link {
+        color: inherit; /* Hereda el color del texto padre */
+        text-decoration: none; /* ¡Elimina el subrayado! */
+        font-weight: 600; /* Un poco más de peso para diferenciarlo */
+        transition: opacity 0.2s ease-in-out;
+    }
+
+    .custom-company-header .form-container {
+        display: flex;
+        flex-direction: column;
+        gap: 1rem;
+    }
+
+    /* titulo en home */
+    .home-title {
+        font-size: 3.2rem;
+        font-weight: 800;
+        line-height: 1.2;
+        color: var(--brand-primary-color);
+    }
+    .list-example {
+            display: block;              /* Coloca el ejemplo en su propia línea */
+            font-size: 0.9rem;          /* Lo hace ligeramente más pequeño */
+            color: #6c757d;             /* Color gris (muted) para texto secundario */
+            font-style: italic;         /* Cursiva para diferenciarlo */
+            padding-left: 1.75rem;      /* Lo indenta para alinearlo con el texto del tema */
+            margin-top: 0.25rem;        /* Pequeño espacio superior */
+        }
+
+    .text-brand-primary {
+        font-weight: 800;
+        color: var(--brand-primary-color);
+        }
+
+/* contenedor de formularios: login, signup, forgot password, etc. */
+    .branded-form-container {
+        background-color: #ffffff;
+        border: 1px solid #dee2e6;
+        border-top: 4px solid #adb5bd;
+        border-radius: 0.375rem;
+        padding: 2rem;
+        box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+    }
+
+    .branded-form-label {
+        font-size: 0.85rem;
+        font-weight: 600;
+        color: #495057; /* Un gris oscuro profesional */
+        text-transform: uppercase;
+        letter-spacing: 0.05em; /* Un poco de espacio extra entre letras */
+        margin-bottom: 0.3rem;
+        display: block;
+    }
+
+    /* Efecto de foco brandeado para todos los form-control */
+    .form-control:focus {
+        border-color: var(--brand-primary-color);
+        box-shadow: 0 0 0 0.25rem rgba(var(--brand-primary-color-rgb), 0.25); /* Usa la variable RGB para el shadow */
+    }
+
+    .branded-form-title {
+        color: var(--brand-primary-color);
+        font-size: 1.75rem; /* Un tamaño más prominente */
+        font-weight: 700;   /* Equivalente a fw-bold de Bootstrap */
+        text-align: center;
+        margin-bottom: 1.5rem; /* Espacio consistente debajo del título */
+    }
+
+

iatoolkit/static/styles/landing_page.css

@@ -0,0 +1,182 @@
+/* static/styles/landing_page.css */
+
+/* --- Variables y Estilos Globales --- */
+:root {
+    --website-primary-color: #4A55A2;
+    --website-primary-color-dark: #3A448A;
+    --website-gradient-start: #4A55A2;
+    --website-gradient-end: #7895CB;
+    --website-dark-text: #212529;
+    --website-light-bg: #f8f9fa;
+    --website-muted-text: #6c757d;
+}
+
+body {
+    background-color: #fff;
+    color: var(--website-dark-text);
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+/* --- Encabezado Propio (sin usar .navbar) --- */
+.website-header {
+    margin-top: 1rem;
+    padding: 1rem 1.5rem; /* Padding vertical y horizontal */
+    border-radius: 0.5rem;
+    display: flex;
+    align-items: center;
+
+    /* Estilos de color (se mantienen) */
+    background-color: var(--website-primary-color);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+}
+
+.website-brand {
+    font-weight: 700;
+    font-size: 1.75rem;
+     color: #ffffff;
+}
+
+/* --- Sección Principal (Hero) --- */
+.hero-section {
+    padding: 2rem 0 1rem; /* Ajustado: 5rem arriba, 0 a los lados, 2.5rem abajo */
+}
+
+.hero-title {
+    font-size: 3rem;
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
+}
+.gradient-text {
+    background: linear-gradient(90deg, var(--website-gradient-start), var(--website-gradient-end));
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    text-fill-color: transparent;
+}
+.hero-bullets {
+    list-style: none;
+    padding-left: 0;
+    font-size: 1.1rem;
+}
+.hero-bullets li {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1rem;
+    color: var(--website-muted-text);
+}
+.hero-bullets .bi {
+    color: var(--website-primary-color);
+    font-size: 1.5rem;
+}
+
+/* --- Botón de Llamada a la Acción (CTA) --- */
+.hero-section .btn-primary {
+    background-color: var(--website-primary-color);
+    border-color: var(--website-primary-color);
+    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
+}
+.hero-section .btn-primary:hover {
+    background-color: var(--website-primary-color-dark);
+    border-color: var(--website-primary-color-dark);
+}
+
+.bg-light h3 {
+    color: var(--website-primary-color);
+}
+
+.features-section {
+    padding: 5rem 0;
+    background-color: var(--website-light-bg);
+}
+.feature-item {
+    background-color: #fff;
+    padding: 2rem;
+    border-radius: 0.75rem;
+    border: 1px solid #e9ecef;
+    height: 100%;
+    transition: all 0.3s ease;
+}
+.feature-item:hover {
+    transform: translateY(-5px);
+    box-shadow: 0 8px 25px rgba(0,0,0,0.08);
+}
+.feature-icon {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    color: var(--website-primary-color);
+}
+.feature-item h3 {
+    font-weight: 600;
+    margin-bottom: 0.5rem;
+}
+.feature-item p {
+    color: var(--website-muted-text);
+}
+
+/* Estilo especial para la caja de Open Source */
+.opensource-box {
+    background: var(--website-dark-text);
+    color: #fff;
+    padding: 2rem;
+    border-radius: 0.75rem;
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+    border: 1px solid transparent;
+    transition: all 0.3s ease;
+}
+.opensource-box:hover {
+     transform: translateY(-5px);
+     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
+}
+.opensource-icon .bi-github {
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+}
+.opensource-box h3 {
+    font-weight: 600;
+}
+.opensource-box p {
+    color: #ced4da;
+    margin-bottom: 1.5rem;
+}
+
+/* --- Sección del Autor --- */
+.author-section {
+    background-color: #fff;
+}
+.author-card {
+    background-color: var(--website-light-bg);
+    border-radius: 0.75rem;
+    border: 1px solid #e9ecef;
+}
+.author-card h5 {
+    color: var(--website-primary-color);
+    font-weight: 600;
+}
+.author-bio {
+    color: var(--website-muted-text);
+    line-height: 1.6;
+}
+.author-linkedin {
+    text-decoration: none;
+    color: #0077b5;
+    font-weight: 500;
+    transition: opacity 0.2s;
+}
+.author-linkedin:hover {
+    opacity: 0.8;
+}
+
+/* --- Footer --- */
+.landing-footer {
+    background-color: var(--website-light-bg);
+    color: var(--website-muted-text);
+    padding: 2rem 0;
+    text-align: center;
+    margin-top: 4rem;
+    border-top: 1px solid #e9ecef;
+}

iatoolkit/static/styles/onboarding.css

@@ -0,0 +1,169 @@
+/* static/css/onboarding.css */
+
+/* Fuente base para ambos contextos */
+.ob-root {
+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+}
+
+/* Tarjeta */
+.ob-card {
+  background-color: #fff;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.1);
+  padding: 30px;
+  width: 90%;
+  max-width: 450px;
+  text-align: center;
+  transition: opacity 0.3s ease-in-out;
+  margin: 0 auto;
+}
+
+/* Contenido de tarjeta */
+.ob-icon {
+  font-size: 40px;
+  color: var(--brand-primary-color, #FF5100);
+  margin-bottom: 15px;
+}
+.ob-title {
+  font-size: 1.25rem;
+  color: #333;
+  margin-bottom: 10px;
+}
+.ob-text {
+  font-size: 0.95rem;
+  color: #666;
+  line-height: 1.5;
+  min-height: 60px;
+}
+
+/* Navegación */
+.ob-nav {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-top: 20px;
+}
+.ob-btn {
+  background-color: var(--brand-secondary-color, #06326B);
+  border: none;
+  color: var(--brand-text-on-secondary, #FFFFFF);
+  border-radius: 50%;
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  transition: opacity 0.2s;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+}
+.ob-btn:hover { opacity: 0.85; }
+
+/* Dots */
+.ob-dots {
+  display: flex;
+  gap: 8px;
+}
+.ob-dots > div {
+  width: 10px;
+  height: 10px;
+  border-radius: 50%;
+  background-color: #ddd;
+  transition: background-color 0.3s;
+}
+.ob-dots > div.active {
+  background-color: var(--brand-primary-color, #FF5100);
+}
+
+/* Encabezado reutilizable (si se usa) */
+.ob-brand-header {
+  font-size: 2rem;
+  font-weight: 700;
+  margin-bottom: 24px;
+  color: var(--brand-secondary-color, #06326B);
+  text-align: center;
+}
+.ob-brand-header .brand-name {
+  color: var(--brand-primary-color, #FF5100);
+}
+
+/* Utilidades */
+.ob-fade {
+  transition: opacity 0.5s ease-in-out;
+}
+
+/* Responsivo */
+@media (max-width: 420px) {
+  .ob-card { padding: 24px; }
+  .ob-icon { font-size: 34px; }
+}
+
+/* Overlay a pantalla completa */
+.onboarding-shell-root {
+  position: relative;
+  height: calc(100vh - 0px);
+}
+
+/* Centrado vertical y horizontal del contenido del loader */
+#loader-wrapper {
+  position: absolute; inset: 0;
+  background-color: #f4f7f6;
+  z-index: 1000;
+  display: flex; align-items: center; justify-content: center;
+  padding: 20px; box-sizing: border-box;
+  transition: opacity 0.5s ease-in-out;
+}
+
+/* Pila vertical: header + tarjeta + banda de carga */
+.ob-stack {
+  width: 100%;
+  max-width: 520px; /* ligeramente más que la tarjeta para respiración */
+  display: flex;
+  flex-direction: column;
+  align-items: stretch; /* la tarjeta ocupa el ancho */
+  gap: 16px;
+}
+
+/* Header de marca consistente */
+.ob-brand-header {
+  font-size: 2rem;
+  font-weight: 700;
+  margin: 0;
+  color: var(--brand-secondary-color, #06326B);
+  text-align: center;
+}
+.ob-brand-header .brand-name {
+  color: var(--brand-primary-color, #FF5100);
+}
+
+/* Banda de estado integrada visualmente con la tarjeta */
+.ob-loading-band {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 12px;
+  padding: 12px 14px;
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
+}
+
+/* Spinner */
+.spinner {
+  width: 28px; height: 28px;
+  border: 4px solid rgba(0,0,0,0.1);
+  border-top-color: var(--brand-primary-color, #FF5100);
+  border-radius: 50%;
+  animation: spin 1s linear infinite;
+}
+@keyframes spin { to { transform: rotate(360deg); } }
+
+#loading-status p {
+  font-size: 0.95rem;
+  font-weight: 500;
+  color: #555;
+  margin: 0;
+}
+
+/* Iframe contenedor */
+#content-container { width: 100%; height: 100%; }
+#content-container iframe { width: 100%; height: 100%; border: none; }

iatoolkit/system_prompts/query_main.prompt

@@ -1,24 +1,15 @@
 Eres un asistente que responde preguntas o ejecuta tareas según el contexto de la empresa.
 
 ### **Nombre de la empresa**
-## Nombre: {{company.name}}
+## Nombre: {{company}}, tambien se conoce como {{ company_short_name }}
 
 ### ** Información del usuario que esta consultando este chat**
-Contexto del usuario:
+- Identificador unico de usuario: {{ user_identifier }}
 - Nombre: {{ user_fullname }}
 - Email: {{ user_email }}
 - Tipo de usuario: {% if user_is_local %}Interno{% else %}Externo{% endif %}
-- Empresa: {{ company_name }}
+- Rol de usuario: {{ user_rol }}
 
-{% if user_name %}
-El usuario que consulta se identifica con la variable `user_name` y tiene el
-siguiente valor: {{ user_name }}.
-
-Este usuario tiene el rol: {{ user_rol }} en el producto {{ user_product }}.
-
-{% else %}
-El usuario que consulta se identifica como: {{ user_id }}
-{% endif %}
 
 ## Servicios de datos (function calls) disponibles en {{company.name}}:
 {% for service in service_list %}