iatoolkit 0.59.1__py3-none-any.whl → 0.67.0__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,49 +29,36 @@
     margin-left: auto;
 }
 
-/* ######################################################### */
-/* Modal de historial */
-/* ######################################################### */
-
-/* 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;
+/* 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);
 }
-
-
-#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 */
+.modal-header.branded .btn-close {
+    filter: invert(1) grayscale(100%) brightness(200%); /* Hace el botón de cerrar visible en fondos oscuros */
 }
 
-/* Evita el salto de línea en la celda de la fecha */
-#historyModal .date-cell {
-    white-space: nowrap;
-}
 
-/* Estilo para el icono de copiar/editar en cada fila */
-#historyModal .copy-query-icon {
-    color: var(--brand-secondary-color, #6c757d); /* Usa el color secundario de la marca */
-    text-decoration: none;
-    opacity: 0.6;
-    transition: opacity 0.2s ease-in-out;
+/* 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;
 }
-
-#historyModal .copy-query-icon:hover {
-    opacity: 1; /* El icono se vuelve completamente opaco al pasar el ratón */
-    cursor: pointer; /* Asegura que el cursor cambie a una mano */
+.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 {
@@ -130,16 +69,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;
+    }
+
+    /* 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 {
@@ -153,13 +127,7 @@
     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;
-}
+}

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

@@ -1,228 +1,182 @@
 /* static/styles/landing_page.css */
 
-/* --- Configuración General --- */
-body {
-    background-color: #ffffff; /* Cambiado a blanco para que el hero destaque */
-}
-
-/* --- 1. Barra de Navegación Superior --- */
-.landing-navbar {
-    background-color: var(--brand-primary-color, #0d6efd);
-    padding: 1rem 1.5rem;
-    box-shadow: 0 2px 4px rgba(0,0,0,0.1);
+/* --- 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;
 }
 
-.landing-navbar .navbar-brand {
-    color: var(--brand-text-on-primary, #FFFFFF);
-    font-weight: 700;
-    font-size: 1.8rem; /* Aumentado el tamaño del texto */
+body {
+    background-color: #fff;
+    color: var(--website-dark-text);
+    font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
 }
 
-.gradient-text {
-  /* Define un gradiente como fondo */
-  background: linear-gradient(90deg, #4F46E5, #818CF8);
-
-  /* Recorta el fondo para que solo sea visible donde hay texto */
-  -webkit-background-clip: text;
-  background-clip: text;
-
-  /* Hace que el color del texto sea transparente para que se vea el fondo */
-  color: transparent;
+/* --- 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;
 
-  /* Asegura que el fondo no se repita */
-  background-size: 100%;
+    /* Estilos de color (se mantienen) */
+    background-color: var(--website-primary-color);
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
 }
 
-/* Estilos para el texto de la propuesta de valor */
-.value-proposition {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 100%;
-    padding-left: 2rem;
+.website-brand {
+    font-weight: 700;
+    font-size: 1.75rem;
+     color: #ffffff;
 }
 
-/* --- 2. Sección Principal (Hero) --- */
+/* --- Sección Principal (Hero) --- */
 .hero-section {
-    padding: 1rem 0;
-    background-color: #f8f9fa; /* Fondo gris claro para la sección principal */
+    padding: 2rem 0 1rem; /* Ajustado: 5rem arriba, 0 a los lados, 2.5rem abajo */
 }
 
 .hero-title {
-  font-size: 3rem;
-  font-weight: 700;
-  background: linear-gradient(90deg, #4F46E5, #818CF8);
-  -webkit-background-clip: text;
-  -webkit-text-fill-color: transparent;
-  line-height: 1.1;
-  letter-spacing: -0.5px;
-}
-
-.hero-bullets {
-  list-style: none;
-  padding-left: 2rem;
-  margin-top: 1.5rem;
-}
-
-.hero-bullets li {
-  font-size: 1.15rem;
-  color: #4b5563;
-  margin-bottom: 0.8rem;
-  display: flex;
-  align-items: flex-start;
-  gap: 0.6rem;
-  line-height: 1.5;
+    font-size: 3rem;
+    font-weight: 800;
+    line-height: 1.2;
+    margin-bottom: 1.5rem;
 }
-
-.hero-bullets i {
-  color: #4F46E5;
-  font-size: 1.3rem;
-  margin-top: 0.2rem;
+.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;
 }
-
-.value-proposition .hero-subtitle {
+.hero-bullets {
+    list-style: none;
+    padding-left: 0;
     font-size: 1.1rem;
-    color: #6c757d;
-    margin-top: 1.5rem;
-}
-
-
-.value-proposition .hero-accelerator {
-    color: var(--brand-primary-color, #0d6efd);
-}
-
-/* --- Estilo para el título del widget de login --- */
-.hero-section .bg-light h4 {
-    color: var(--brand-primary-color, #0d6efd);
-}
-
-.author-section {
-  background: #ffffff;
-}
-
-.author-card {
-  background: #f8f9fa;
-  border: 1px solid #e9ecef;
-  border-radius: 10px;
 }
-
-.author-avatar {
-  width: 64px;
-  height: 64px;
-  border-radius: 50%;
-  background: var(--brand-primary-color, #0d6efd);
-  color: var(--brand-text-on-primary, #fff);
-  display: flex; align-items: center; justify-content: center;
-  font-size: 2rem;
+.hero-bullets li {
+    display: flex;
+    align-items: center;
+    gap: 0.75rem;
+    margin-bottom: 1rem;
+    color: var(--website-muted-text);
 }
-
-.author-bio {
-  color: #4b5563;
-  line-height: 1.6;
+.hero-bullets .bi {
+    color: var(--website-primary-color);
+    font-size: 1.5rem;
 }
 
-.author-linkedin {
-  color: var(--brand-primary-color, #0d6efd);
-  text-decoration: none;
+/* --- 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;
 }
-.author-linkedin:hover {
-  text-decoration: underline;
+.hero-section .btn-primary:hover {
+    background-color: var(--website-primary-color-dark);
+    border-color: var(--website-primary-color-dark);
 }
 
-/* --- Estilo para el texto introductorio del widget --- */
-.widget-intro-text {
-    font-style: italic;
-    font-size: 0.9rem;
-    line-height: 1.4;
+.bg-light h3 {
+    color: var(--website-primary-color);
 }
 
-/* --- 3. Sección de Características --- */
 .features-section {
     padding: 5rem 0;
-    background-color: #ffffff; /* Fondo blanco para esta sección */
+    background-color: var(--website-light-bg);
 }
-
-/* (El resto del archivo CSS permanece sin cambios) */
 .feature-item {
-    text-align: center;
+    background-color: #fff;
     padding: 2rem;
-    background-color: #f8f9fa; /* Fondo gris claro para cada tarjeta */
-    border: 1px solid #dee2e6;
-    border-radius: 0.5rem;
-    height: 100%; /* CLAVE: Asegura que todas las tarjetas en una fila tengan el mismo alto */
+    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: 3rem;
-    color: var(--brand-primary-color); /* Usar color primario para más impacto */
-    margin-bottom: 1.5rem;
-    display: inline-block;
+    font-size: 2.5rem;
+    margin-bottom: 1rem;
+    color: var(--website-primary-color);
 }
-
 .feature-item h3 {
-    font-size: 1.4rem;
     font-weight: 600;
-    margin-bottom: 1rem;
+    margin-bottom: 0.5rem;
 }
-
 .feature-item p {
-    color: #6c757d;
+    color: var(--website-muted-text);
 }
 
+/* Estilo especial para la caja de Open Source */
 .opensource-box {
-    background-color: #343a40;
-    color: #f8f9fa;
+    background: var(--website-dark-text);
+    color: #fff;
     padding: 2rem;
-    border-radius: 0.5rem;
-    height: 100%; /* CLAVE: Asegura que tenga el mismo alto */
+    border-radius: 0.75rem;
+    height: 100%;
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    text-align: center;
+    border: 1px solid transparent;
+    transition: all 0.3s ease;
 }
-
-.opensource-icon {
-    font-size: 3rem; /* Tamaño consistente con los otros iconos */
-    color: var(--brand-text-on-primary, #FFFFFF);
-    opacity: 0.9;
-    margin-bottom: 1.5rem;
+.opensource-box:hover {
+     transform: translateY(-5px);
+     box-shadow: 0 8px 25px rgba(0,0,0,0.15);
 }
-
-.opensource-content h3 {
-    font-weight: 600;
-    font-size: 1.4rem; /* Tamaño consistente */
+.opensource-icon .bi-github {
+    font-size: 2.5rem;
     margin-bottom: 1rem;
 }
-
-.opensource-content p {
+.opensource-box h3 {
+    font-weight: 600;
+}
+.opensource-box p {
+    color: #ced4da;
     margin-bottom: 1.5rem;
-    color: #adb5bd;
 }
 
-.opensource-content .btn {
-    width: 100%;
+/* --- Sección del Autor --- */
+.author-section {
+    background-color: #fff;
 }
-
-.pypi-link {
-    margin-top: 1.5rem;
-    padding-top: 1.5rem;
-    border-top: 1px solid #495057;
-    font-size: 0.9rem;
-    color: #ced4da;
+.author-card {
+    background-color: var(--website-light-bg);
+    border-radius: 0.75rem;
+    border: 1px solid #e9ecef;
 }
-
-.pypi-link code {
-    background-color: #212529;
-    padding: 0.2rem 0.5rem;
-    border-radius: 4px;
-    color: #e83e8c;
+.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;
 }
 
-/* --- 4. Footer --- */
+/* --- Footer --- */
 .landing-footer {
-    background-color: #343a40;
-    color: #adb5bd;
+    background-color: var(--website-light-bg);
+    color: var(--website-muted-text);
     padding: 2rem 0;
     text-align: center;
-    font-size: 0.9rem;
+    margin-top: 4rem;
+    border-top: 1px solid #e9ecef;
 }

iatoolkit/templates/_company_header.html

@@ -0,0 +1,20 @@
+{# El div principal ahora es un contenedor y tiene los estilos y clases de alineación #}
+<div class="custom-company-header container d-flex justify-content-between align-items-center">
+
+    {% if company_short_name and branding %}
+    <a href="{{ url_for('home', company_short_name=company_short_name) }}"
+       class="brand-name"
+       style="{{ branding.primary_text_style }}">
+        {{ branding.name }} IA
+    </a>
+    {% else %}
+        <span class="brand-name">
+             IAToolkit
+        </span>
+    {% endif %}
+
+    {# Texto "Powered by" con enlace a iatoolkit.com #}
+    <span class="powered-by">
+        Powered by <a href="{{ url_for('index') }}" rel="noopener noreferrer" class="iatoolkit-link">IAToolkit</a>
+    </span>
+</div>