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

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 %}
@@ -28,9 +19,9 @@ El usuario que consulta se identifica como: {{ user_id }}
 Eres un asistente que responde preguntas sobre empresas y sus clientes.
 
 **Reglas obligatorias de contexto:**
-1. Cada vez que el usuario consulte por un cliente (ya sea por RUT o nombre),
+1. Cada vez que el usuario consulte por un cliente,
 debes memorizarlo y usarlo como cliente de contexto.
-2. Si el usuario hace una pregunta **sin especificar un cliente** (sin RUT ni nombre),
+2. Si el usuario hace una pregunta **sin especificar un cliente**,
 siempre debes asumir que la pregunta se refiere al **último cliente identificado** en la conversación.
 3. Nunca cambies de cliente de contexto a menos que el usuario especifique uno nuevo.
 4. Si el usuario pregunta por un cliente que no está en tus registros, responde indicando que no tienes información, pero **no borres el contexto anterior**.
@@ -38,7 +29,6 @@ siempre debes asumir que la pregunta se refiere al **último cliente identificad
 6. No debes incluir explicaciones, comentarios o texto adicional.
 
 **IMPORTANTE:**
-Si el usuario no menciona explícitamente nombre ni RUT en la pregunta, SIEMPRE responde usando el **último cliente** del que se obtuvo información.
 
 No respondas nunca sobre un cliente anterior si ya se identificó uno nuevo, y nunca pierdas el contexto salvo que el usuario lo cambie explícitamente.
 

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>

iatoolkit/templates/_login_widget.html

@@ -0,0 +1,42 @@
+<div class="branded-form-container">
+    <!-- 1. Encabezado de Marketing -->
+    <div class="text-center mb-4">
+        <p class="text-muted widget-intro-text">
+            {{ t('ui.login_widget.welcome_message') }}
+        </p>
+    </div>
+
+    <!-- 2. Formulario de Inicio de Sesión -->
+    <form id="login-form"
+          action="{{ url_for('login', company_short_name=company_short_name) }}"
+          method="post">
+      <div class="mb-3">
+        <label for="email" class="form-label d-block">{{ t('ui.signup.email_label') }}</label>
+        <input type="email" id="email" name="email" class="form-control"
+               required value="{{ form_data.email if form_data is defined else '' }}">
+      </div>
+      <div class="mb-3">
+        <label for="password" class="form-label d-block">{{ t('ui.signup.password_label') }}</label>
+        <input type="password" id="password" name="password"
+               class="form-control" required>
+      </div>
+      <button type="submit" class="btn btn-branded-primary w-100 fw-bold py-2">
+          {{ t('ui.login_widget.login_button') }}
+      </button>
+    </form>
+
+    <!-- 3. Nueva Sección de Registro más Atractiva -->
+    <div class="mt-4 pt-3 text-center" style="border-top: 1px solid #e0e0e0;">
+        <span class="text-muted small">{{ t('ui.login_widget.no_account_prompt') }}</span>
+        <a href="{{ url_for('signup', company_short_name=company_short_name) }}" id="signup-link"
+           class="fw-bold ms-1 text-decoration-none" style="color: var(--brand-primary-color);">
+            {{ t('ui.login_widget.signup_link') }}</a>
+    </div>
+
+    <!-- 4. Enlace de Recuperación de Contraseña (más sutil) -->
+    <div class="text-center mt-2">
+      <a href="{{ url_for('forgot_password', company_short_name=company_short_name) }}" class="text-decoration-none text-muted" style="font-size: 0.8rem;">
+        {{ t('ui.login_widget.forgot_password_link') }}
+      </a>
+    </div>
+</div>

iatoolkit/templates/about.html

@@ -0,0 +1,13 @@
+<!-- templates/about.html -->
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>About</title>
+</head>
+<body>
+    <h1>AI Toolkit</h1>
+    <p>This is a static page in Flask.</p>
+</body>
+</html>

iatoolkit/templates/base.html

@@ -0,0 +1,65 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>{% block title %}Chatbot{% endblock %}</title>
+
+    <!-- Bootstrap 5 CSS -->
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" >
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/filepond/dist/filepond.min.css">
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.min.css">
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" />
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_iatoolkit.css', _external=True) }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/onboarding.css', _external=True) }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_modal.css',  _external=True) }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/llm_output.css', _external=True) }}">
+
+    {% block styles %}{% endblock %}
+</head>
+<body>
+    <!-- El "Ancla": Envolvemos el contenido en un div con un ID y estilo. -->
+    <div id="page-content-wrapper" style="position: relative;">
+        {% block content %}{% endblock %}
+    </div>
+
+    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js"></script>
+    <script src="https://code.jquery.com/jquery-3.6.4.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/filepond/dist/filepond.min.js"></script>
+    <script src="https://cdn.jsdelivr.net/npm/sweetalert2@11"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+
+    <!-- Mostrar alertas SweetAlert2 si existe el mensaje -->
+    <script>
+        // Configuración global de Toastr
+        toastr.options = {
+            "closeButton": true,
+            "progressBar": true,
+            "positionClass": "toast-bottom-right",
+            "preventDuplicates": true,
+            "timeOut": "7000",
+            "extendedTimeOut": "1000",
+            "tapToDismiss": false,
+            "target": "#page-content-wrapper"
+        };
+
+        {% if flashed_messages %}
+            {% for category, message in flashed_messages %}
+                var toastClass = 'toast-info'; // default class
+                if ('{{ category }}' === 'error') {
+                    toastClass = 'toast-error';
+                } else if ('{{ category }}' === 'success') {
+                    toastClass = 'toast-success';
+                }
+
+                // Llama a Toastr usando la opción 'toastClass' para aplicar nuestro estilo
+                toastr.info("{{ message }}", null, { "toastClass": "toast " + toastClass });
+
+            {% endfor %}
+        {% endif %}
+    </script>
+
+    {% block scripts %}{% endblock %}
+</body>
+</html>

iatoolkit/templates/change_password.html

@@ -0,0 +1,66 @@
+{% extends "base.html" %}
+
+{% block title %}{{ t('ui.change_password.title') }} - {{ company.name }}{% endblock %}
+
+{% block styles %}
+    <style>
+        {{ branding.css_variables | safe }}
+    </style>
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_public.css') }}">
+{% endblock %}
+
+{% block content %}
+<div class="container mt-4">
+
+{% include '_company_header.html' %}
+
+    <!-- Sección contenedora para centrar el contenido -->
+    <section class="hero-section">
+        <div class="container">
+            <div class="row justify-content-center">
+                <div class="col-lg-6 col-md-8">
+                    <div class="branded-form-container">
+                        <h4 class="branded-form-title">{{ t('ui.change_password.title') }}</h4>
+                        <p class="text-muted text-center mb-4">
+                            {{ t('ui.change_password.subtitle', email=email) | safe }}
+                        </p>
+
+                        <form action="{{ url_for('change_password', company_short_name=company_short_name, token=token) }}" method="post">
+
+                            <div class="mb-3">
+                                <label for="temp_code" class="form-label text-secondary">{{ t('ui.change_password.temp_code_label') }}</label>
+                                <input type="text" id="temp_code" name="temp_code" class="form-control"
+                                       required value="{{ form_data.temp_code if form_data else '' }}"
+                                       placeholder="{{ t('ui.change_password.temp_code_placeholder') }}">
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="new_password" class="form-label text-secondary">{{ t('ui.change_password.new_password_label') }}</label>
+                                <input type="password" id="new_password" name="new_password" class="form-control" required>
+                                <div class="d-flex align-items-start text-muted mt-2" style="font-size: 0.8rem;">
+                                    <i class="bi bi-info-circle me-2" style="font-size: 0.9rem; line-height: 1.4;"></i>
+                                    <span>{{ t('ui.change_password.password_instructions') }}</span>
+                                </div>
+                            </div>
+
+                            <div class="mb-3">
+                                <label for="confirm_password" class="form-label text-secondary">{{ t('ui.change_password.confirm_password_label') }}</label>
+                                <input type="password" id="confirm_password" name="confirm_password" class="form-control" required>
+                            </div>
+
+                            <button type="submit" class="btn btn-branded-primary w-100 fw-bold py-2 mt-3">{{ t('ui.change_password.save_button') }}</button>
+                        </form>
+
+                        <div class="text-center mt-4 pt-3" style="border-top: 1px solid #e0e0e0;">
+                            <a href="{{ url_for('home', company_short_name=company_short_name) }}" class="text-muted text-decoration-none fw-semibold">
+                                <i class="bi bi-arrow-left me-1"></i>{{ t('ui.change_password.back_to_home') }}
+                            </a>
+                        </div>
+                    </div>
+                </div>
+            </div>
+        </div>
+    </section>
+</div>
+
+{% endblock %}