iatoolkit 0.11.1__tar.gz → 0.14.0__tar.gz

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/PKG-INFO

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

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/pyproject.toml

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

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/common/routes.py

@@ -26,9 +26,8 @@ def register_views(injector, app):
     from iatoolkit.views.tasks_view import TaskView
     from iatoolkit.views.tasks_review_view import TaskReviewView
     from iatoolkit.views.home_view import HomeView
-    from iatoolkit.views.chat_view import ChatView
-    from iatoolkit.views.login_view import LoginView
-    from iatoolkit.views.external_chat_login_view import ExternalChatLoginView
+    from iatoolkit.views.login_view import LoginView, InitiateLoginView
+    from iatoolkit.views.login_external_id_view import InitiateExternalChatView, ExternalChatLoginView
     from iatoolkit.views.signup_view import SignupView
     from iatoolkit.views.verify_user_view import VerifyAccountView
     from iatoolkit.views.forgot_password_view import ForgotPasswordView
@@ -37,21 +36,22 @@ def register_views(injector, app):
     from iatoolkit.views.user_feedback_view import UserFeedbackView
     from iatoolkit.views.prompt_view import PromptView
     from iatoolkit.views.chat_token_request_view import ChatTokenRequestView
-    from iatoolkit.views.external_login_view import ExternalLoginView
     from iatoolkit.views.download_file_view import DownloadFileView
 
     app.add_url_rule('/', view_func=HomeView.as_view('home'))
 
-    # main chat for iatoolkit front
-    app.add_url_rule('/<company_short_name>/chat', view_func=ChatView.as_view('chat'))
+    # login for external portals
+    app.add_url_rule('/<company_short_name>/initiate_external_chat',
+                         view_func=InitiateExternalChatView.as_view('initiate_external_chat'))
+    app.add_url_rule('/<company_short_name>/external_login',
+                     view_func=ExternalChatLoginView.as_view('external_login'))
+    app.add_url_rule('/auth/chat_token',
+                     view_func=ChatTokenRequestView.as_view('chat-token'))
 
-    # front if the company internal portal
-    app.add_url_rule('/<company_short_name>/chat_login', view_func=ExternalChatLoginView.as_view('external_chat_login'))
-    app.add_url_rule('/<company_short_name>/external_login/<external_user_id>', view_func=ExternalLoginView.as_view('external_login'))
-    app.add_url_rule('/auth/chat_token', view_func=ChatTokenRequestView.as_view('chat-token'))
-
-    # main pages for the iatoolkit frontend
+    # login for the iatoolkit integrated frontend
     app.add_url_rule('/<company_short_name>/login', view_func=LoginView.as_view('login'))
+    app.add_url_rule('/<company_short_name>/initiate_login', view_func=InitiateLoginView.as_view('initiate_login'))
+
     app.add_url_rule('/<company_short_name>/signup',view_func=SignupView.as_view('signup'))
     app.add_url_rule('/<company_short_name>/logout', 'logout', logout)
     app.add_url_rule('/logout', 'logout', logout)

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/iatoolkit.py

@@ -144,8 +144,13 @@ class IAToolkit:
         is_https = self._get_config_value('USE_HTTPS', 'false').lower() == 'true'
         is_dev = self._get_config_value('FLASK_ENV') == 'development'
 
+        # get the iatoolkit domain
+        parsed_url = urlparse(os.getenv('IATOOLKIT_BASE_URL'))
+        domain = parsed_url.netloc
+
         self.app.config.update({
             'VERSION': self.version,
+            'SERVER_NAME': domain,
             'SECRET_KEY': self._get_config_value('FLASK_SECRET_KEY', 'iatoolkit-default-secret'),
             'SESSION_COOKIE_SAMESITE': "None" if is_https else "Lax",
             'SESSION_COOKIE_SECURE': is_https,
@@ -156,6 +161,9 @@ class IAToolkit:
             'JWT_EXPIRATION_SECONDS_CHAT': int(self._get_config_value('JWT_EXPIRATION_SECONDS_CHAT', 3600))
         })
 
+        if parsed_url.scheme == 'https':
+            self.app.config['PREFERRED_URL_SCHEME'] = 'https'
+
         # Configuración para tokenizers en desarrollo
         if is_dev:
             os.environ["TOKENIZERS_PARALLELISM"] = "false"
@@ -315,12 +323,8 @@ class IAToolkit:
         """Vincula las vistas después de que el injector ha sido creado"""
         from iatoolkit.views.llmquery_view import LLMQueryView
         from iatoolkit.views.home_view import HomeView
-        from iatoolkit.views.chat_view import ChatView
-        from iatoolkit.views.change_password_view import ChangePasswordView
 
         binder.bind(HomeView, to=HomeView)
-        binder.bind(ChatView, to=ChatView)
-        binder.bind(ChangePasswordView, to=ChangePasswordView)
         binder.bind(LLMQueryView, to=LLMQueryView)
 
         logging.info("✅ Views configuradas correctamente")

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/services/profile_service.py

@@ -17,7 +17,6 @@ import secrets
 import string
 from datetime import datetime, timezone
 from iatoolkit.services.user_session_context_service import UserSessionContextService
-from iatoolkit.services.query_service import QueryService
 
 
 class ProfileService:
@@ -25,50 +24,43 @@ class ProfileService:
     def __init__(self,
                  profile_repo: ProfileRepo,
                  session_context_service: UserSessionContextService,
-                 query_service: QueryService,
                  mail_app: MailApp):
         self.profile_repo = profile_repo
         self.session_context = session_context_service
-        self.query_service = query_service
         self.mail_app = mail_app
         self.bcrypt = Bcrypt()
 
 
     def login(self, company_short_name: str, email: str, password: str) -> dict:
         try:
-            # check if exits
+            # check if user exists
             user = self.profile_repo.get_user_by_email(email)
             if not user:
-                return {"error": "Usuario no encontrado"}
+                return {'success': False, "message": "Usuario no encontrado"}
 
             # check the encrypted password
             if not check_password_hash(user.password, password):
-                return {"error": "Contraseña inválida"}
+                return {'success': False, "message": "Contraseña inválida"}
 
             company = self.get_company_by_short_name(company_short_name)
             if not company:
-                return {"error": "Empresa no encontrada"}
+                return {'success': False, "message": "Empresa no encontrada"}
 
-            # check that user belongs to  company
+            # check that user belongs to company
             if company not in user.companies:
-                return {"error": "Usuario no esta autorizado para esta empresa"}
+                return {'success': False, "message": "Usuario no esta autorizado para esta empresa"}
 
             if not user.verified:
-                return {"error": "Tu cuenta no ha sido verificada. Por favor, revisa tu correo."}
+                return {'success': False,
+                        "message": "Tu cuenta no ha sido verificada. Por favor, revisa tu correo."}
 
-            # clear history save user data into session manager
+            # save user data into session manager
             self.set_user_session(user=user, company=company)
 
-            # initialize company context
-            self.query_service.llm_init_context(
-                company_short_name=company_short_name,
-                local_user_id=user.id
-            )
-
-            return {"message": "Login exitoso"}
+            return {'success': True, "user": user, "message": "Login exitoso"}
         except Exception as e:
-            logging.exception(f"login error: {str(e)}")
-            return {"error": str(e)}
+            return {'success': False, "message": str(e)}
+
 
     def set_user_session(self, user: User, company: Company):
         SessionManager.set('user_id', user.id)

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/templates/base.html

@@ -9,9 +9,9 @@
     <link href="https://cdn.jsdelivr.net/npm/bootstrap-icons/font/bootstrap-icons.css" rel="stylesheet">
     <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="{{ url_for('static', filename='styles/chat_iatoolkit.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_modal.css') }}">
-    <link rel="stylesheet" href="{{ url_for('static', filename='styles/llm_output.css') }}">
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_iatoolkit.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) }}">
 </head>
 <body class="d-flex flex-column p-3" style="min-height: 100vh;">
     <main class="d-flex flex-column flex-grow-1">

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/templates/chat.html

@@ -26,7 +26,7 @@
     <div class="d-flex align-items-center">
         <!-- 1. ID de Usuario -->
         <span style="{{ branding.secondary_text_style }}">
-            {{ external_user_id or user.email }}
+            {{ external_user_id or user_email }}
         </span>
 
         <!-- 2. Separador Vertical -->
@@ -43,8 +43,8 @@
         </a>
 
         <!-- Icono de cerrar sesión (al final) -->
-        {% if user.email %}
-            <a href="{{ url_for('logout', company_short_name=company_short_name) }}"
+        {% if user_email %}
+            <a href="{{ url_for('logout', company_short_name=company_short_name, _external=True) }}"
                  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>
@@ -173,10 +173,10 @@
 </script>
 
 <!-- Carga de los scripts JS externos después de definir las variables globales -->
-<script src="{{ url_for('static', filename='js/chat_filepond.js') }}"></script>
-<script src="{{ url_for('static', filename='js/chat_history.js') }}"></script>
-<script src="{{ url_for('static', filename='js/chat_feedback.js') }}"></script>
-<script src="{{ url_for('static', filename='js/chat_main.js') }}"></script>
+<script src="{{ url_for('static', filename='js/chat_filepond.js', _external=True) }}"></script>
+<script src="{{ url_for('static', filename='js/chat_history.js', _external=True) }}"></script>
+<script src="{{ url_for('static', filename='js/chat_feedback.js', _external=True) }}"></script>
+<script src="{{ url_for('static', filename='js/chat_main.js', _external=True) }}"></script>
 
 <script>
     document.addEventListener('DOMContentLoaded', function() {

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/templates/home.html

@@ -13,7 +13,7 @@
       <div class="border rounded p-4 shadow-sm bg-light">
         <h4 class="text-muted fw-semibold text-start mb-3">login integrado (IAToolkit)</h4>
         <form id="login-form"
-              action="{{ url_for('home', company_short_name=company_short_name) }}"
+              action="{{ url_for('initiate_login', company_short_name=company_short_name) }}"
               method="post">
           <div class="mb-3">
             <label for="company_short_name" class="form-label d-block text-muted">Empresa</label>
@@ -112,7 +112,7 @@
 
           // Actualizar action del formulario "Iniciar Sesión"
           if (selectedCompany && selectedCompany.trim() !== '') {
-              const loginAction = '/' + selectedCompany + '/login';
+              const loginAction = '/' + selectedCompany + '/initiate_login';
               $('#login-form').attr('action', loginAction); // Actualizamos la URL del form
           } else {
               $('#login-form').attr('action', '#'); // URL genérica si no hay selección
@@ -156,12 +156,7 @@
               return;
           }
 
-          const $button = $(this);
-          const $spinner = $button.find('.spinner-border');
-          $button.prop('disabled', true);
-          $spinner.removeClass('d-none');
-
-          fetch(`/${selectedCompany}/chat_login`, {
+          fetch(`/${selectedCompany}/initiate_external_chat`, {
               method: 'POST',
               headers: {
                   'Content-Type': 'application/json',
@@ -188,10 +183,6 @@
           .catch(error => {
               Swal.fire({ icon: 'error', title: 'Error de Inicio de Sesión', text: error.message });
           })
-          .finally(() => {
-              $button.prop('disabled', false);
-              $spinner.addClass('d-none');
-          });
 
        });
   });

iatoolkit-0.14.0/src/iatoolkit/templates/login_shell.html

@@ -0,0 +1,185 @@
+<!-- templates/iatoolkit/shell.html -->
+<!DOCTYPE html>
+<html lang="es">
+<head>
+    <meta charset="UTF-8">
+    <title>Iniciando Maxxa IA...</title>
+    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+
+    <!-- Inyecta las variables CSS de la marca -->
+    {% if branding and branding.css_variables %}
+    <style>
+        {{ branding.css_variables|safe }}
+    </style>
+    {% endif %}
+
+    <style>
+        /* --- Estilos Generales --- */
+        body, html { margin: 0; padding: 0; height: 100%; overflow: hidden; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }
+
+        #loader-wrapper {
+            position: fixed; top: 0; left: 0; width: 100%; height: 100%;
+            background-color: #f4f7f6;
+            z-index: 1000;
+            display: flex;
+            justify-content: center;
+            align-items: center;
+            flex-direction: column;
+            padding: 20px;
+            box-sizing: border-box;
+            transition: opacity 0.5s ease-in-out;
+        }
+
+        /* --- Estilos de Branding --- */
+        #brand-header {
+            font-size: 2.5rem;
+            font-weight: 700;
+            margin: 0 0 30px 0; /* Aumentamos el margen inferior para dar espacio */
+            color: var(--brand-secondary-color, #06326B);
+        }
+        #brand-header .brand-name {
+            color: var(--brand-primary-color, #FF5100);
+        }
+
+
+        /* --- Estilos de la Tarjeta (Sin cambios) --- */
+        #card-container {
+            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;
+        }
+        #card-container .icon { font-size: 40px; color: var(--brand-primary-color, #FF5100); margin-bottom: 15px; }
+        #card-container h3 { font-size: 1.25rem; color: #333; margin-bottom: 10px; }
+        #card-container p { font-size: 0.95rem; color: #666; line-height: 1.5; min-height: 60px; }
+        .card-nav { display: flex; justify-content: space-between; align-items: center; margin-top: 20px; }
+        .card-nav button { 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; }
+        .card-nav button:hover { opacity: 0.85; }
+        #progress-dots { display: flex; gap: 8px; }
+        .dot { width: 10px; height: 10px; border-radius: 50%; background-color: #ddd; transition: background-color 0.3s; }
+        .dot.active { background-color: var(--brand-primary-color, #FF5100); }
+
+        /* --- ESTILOS MEJORADOS: SPINNER DE CARGA --- */
+        #loading-status { margin-top: 30px; display: flex; align-items: center; gap: 15px; }
+        .spinner {
+            width: 30px; height: 30px; 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;
+        }
+        #loading-status p { font-size: 1rem; font-weight: 500; color: #555; margin: 0; }
+        @keyframes spin { to { transform: rotate(360deg); } }
+
+        /* --- Iframe (Sin cambios) --- */
+        #content-container { width: 100%; height: 100%; }
+        iframe { width: 100%; height: 100%; border: none; }
+    </style>
+</head>
+<body>
+    <div id="loader-wrapper">
+
+        <h1 id="brand-header">
+            <span class="brand-name">Maxxa</span><span>IA</span>
+        </h1>
+
+        <!-- ELIMINADO: El subtítulo de carga que estaba aquí -->
+
+        <div id="card-container">
+            <div id="card-icon" class="icon"><i class="fas fa-lightbulb"></i></div>
+            <h3 id="card-title">Título de la Tarjeta</h3>
+            <p id="card-text">Descripción de la tarjeta de capacitación.</p>
+            <div class="card-nav">
+                <button id="prev-card" aria-label="Anterior"><i class="fas fa-chevron-left"></i></button>
+                <div id="progress-dots"></div>
+                <button id="next-card" aria-label="Siguiente"><i class="fas fa-chevron-right"></i></button>
+            </div>
+        </div>
+
+        <!-- MEJORADO: Texto de estado ahora junto al spinner -->
+        <div id="loading-status">
+            <div class="spinner"></div>
+            <p>Inicializando el contexto de Maxxa para la IA...</p>
+        </div>
+
+    </div>
+
+    <div id="content-container"></div>
+
+    <script>
+        $(function() {
+            const cardsData = [
+                { icon: 'fas fa-users', title: 'Clientes',
+                    text: 'Conozco en detalle a los clientes de Maxxa: antiguedad, contactos, apoderados, historial de operaciones.<br><br><strong>Ejemplo:</strong> cuantos clientes nuevos de garantia se incorporaron a mi cartera este año?' },
+                { icon: 'fas fa-cubes', title: 'Productos',
+                    text: 'Productos contratados por los clientes: garantias, credito en cuotas, software.<br><br><strong>Ejemplo:</strong> Cuantos clientes de software tengo en cartera?' },
+                { icon: 'fas fa-exchange-alt', title: 'Operaciones',
+                    text: 'Operaciones de garantia y créditos: tasas, comisiones, acredores, fondos, cobranza, etc.<br><br><strong>Ejemplo:</strong> Dame una tabla con los clientes de mi cartera han emitido mas de 20 garantias este año? columnas: rut, nombre, #garantias, monto, comisión' },
+                { icon: 'fas fa-landmark', title: 'Chilecompra',
+                    text: 'Historial completo de la participacion en chilecompra de un cliente. <br><br><strong>Ejemplo:</strong> Que porcentaje de garantias FC adjudicadas en los últimos 12 meses por el cliente 1234567-8 las compro en Maxxa.' },
+                { icon: 'fas fa-comments', title: 'Equipos Comerciales',
+                    text: 'Conozco los equipos comerciales de crédito y garantia. <br><br><strong>Ejemplo:</strong> dime las 10 licitaciones mas grandes que han ganado clientes de mi cartera este año.' },
+                { icon: 'fas fa-cogs', title: 'Personaliza tus Prompts',
+                    text: 'Utiliza la varita magica y podras explorar los prompts predefinidos que he preparado para ti.' },
+                { icon: 'fas fa-table', title: 'Tablas y Excel',
+                    text: 'Puedes pedirme la respuesta en formato de tablas o excel. <br><br><strong>Ejemplo:</strong> dame una tabla con los 10 certificados mas grande este año, columnas: rut, cliente, fecha, monto, tasa, comision, acreedor...' },
+                { icon: 'fas fa-shield-alt', title: 'Seguridad y Confidencialidad',
+                    text: 'Toda tu información es procesada de forma segura y confidencial dentro de nuestro entorno protegido.' }
+            ];
+            let currentCardIndex = 0, autoRotateInterval;
+            const $cardContainer = $('#card-container'), $cardIcon = $('#card-icon'), $cardTitle = $('#card-title'), $cardText = $('#card-text'), $progressDots = $('#progress-dots');
+            function displayCard(index) {
+                $cardContainer.css('opacity', 0);
+                setTimeout(() => {
+                    const card = cardsData[index];
+                    $cardIcon.html(`<i class="${card.icon}"></i>`);
+                    $cardTitle.text(card.title);
+                    $cardText.html(card.text);
+                    $progressDots.find('.dot').removeClass('active').eq(index).addClass('active');
+                    $cardContainer.css('opacity', 1);
+                }, 300);
+            }
+            function startAutoRotate() { autoRotateInterval = setInterval(() => $('#next-card').click(), 5000); }
+            cardsData.forEach(() => $progressDots.append('<div class="dot"></div>'));
+            displayCard(currentCardIndex);
+            startAutoRotate();
+            $('#next-card').on('click', function() {
+                currentCardIndex = (currentCardIndex + 1) % cardsData.length;
+                displayCard(currentCardIndex);
+                clearInterval(autoRotateInterval); startAutoRotate();
+            });
+            $('#prev-card').on('click', function() {
+                currentCardIndex = (currentCardIndex - 1 + cardsData.length) % cardsData.length;
+                displayCard(currentCardIndex);
+                clearInterval(autoRotateInterval); startAutoRotate();
+            });
+
+                    const $loader = $('#loader-wrapper');
+        const $container = $('#content-container');
+
+        // URL para el iframe, pasada desde la vista InitiateExternalChatView
+        const iframeSrc = "{{ iframe_src_url }}";
+
+        // Creamos el elemento iframe
+        const iframe = document.createElement('iframe');
+        iframe.src = iframeSrc;
+
+        // Estilos para que ocupe toda la pantalla
+        iframe.style.width = '100%';
+        iframe.style.height = '100%';
+        iframe.style.border = 'none';
+        iframe.style.display = 'none'; // Empezamos oculto
+
+        // Evento que se dispara cuando el iframe ha terminado de cargar su contenido
+        iframe.onload = function() {
+            // Mostramos el iframe
+            iframe.style.display = 'block';
+            // Ocultamos la animación de carga con una transición suave
+            $loader.css('opacity', 0);
+            setTimeout(() => $loader.hide(), 500); // Lo eliminamos del DOM después de la transición
+        };
+
+        // Añadimos el iframe al contenedor en el DOM
+        $container.append(iframe);
+    });
+    </script>
+</body>
+</html>

{iatoolkit-0.11.1 → iatoolkit-0.14.0}/src/iatoolkit/views/history_view.py

@@ -34,7 +34,7 @@ class HistoryView(MethodView):
             return jsonify(iaut), 401
 
         external_user_id = data.get("external_user_id")
-        local_user_id = data.get("local_user_id", 0)
+        local_user_id = iaut.get("local_user_id", 0)
 
         try:
             response = self.history_service.get_history(

iatoolkit-0.11.1/src/iatoolkit/views/external_chat_login_view.py → iatoolkit-0.14.0/src/iatoolkit/views/login_external_id_view.py

@@ -5,7 +5,7 @@
 
 import os
 import logging
-from flask import request, jsonify, render_template
+from flask import request, jsonify, render_template, url_for, session
 from flask.views import MethodView
 from injector import inject
 from iatoolkit.common.auth import IAuthentication
@@ -15,22 +15,16 @@ from iatoolkit.services.prompt_manager_service import PromptService
 from iatoolkit.services.jwt_service import JWTService
 from iatoolkit.services.branding_service import BrandingService
 
-class ExternalChatLoginView(MethodView):
+class InitiateExternalChatView(MethodView):
     @inject
     def __init__(self,
-                 profile_service: ProfileService,
-                 query_service: QueryService,
-                 prompt_service: PromptService,
                  iauthentication: IAuthentication,
-                 jwt_service: JWTService,
-                 branding_service: BrandingService
+                 branding_service: BrandingService,
+                 profile_service: ProfileService
                  ):
-        self.profile_service = profile_service
-        self.query_service = query_service
-        self.prompt_service = prompt_service
         self.iauthentication = iauthentication
-        self.jwt_service = jwt_service
         self.branding_service = branding_service
+        self.profile_service = profile_service
 
     def post(self, company_short_name: str):
         data = request.get_json()
@@ -39,7 +33,11 @@ class ExternalChatLoginView(MethodView):
 
         external_user_id = data['external_user_id']
 
-        # 1. get access credentials
+        company = self.profile_service.get_company_by_short_name(company_short_name)
+        if not company:
+            return jsonify({"error": "Empresa no encontrada"}), 404
+
+        # 1. verify access credentials quickly
         iaut = self.iauthentication.verify(
             company_short_name,
             body_external_user_id=external_user_id
@@ -47,11 +45,51 @@ class ExternalChatLoginView(MethodView):
         if not iaut.get("success"):
             return jsonify(iaut), 401
 
+        # 2. Get branding data for the shell page
+        branding_data = self.branding_service.get_company_branding(company)
+
+        # Generamos la URL para el SRC del iframe, añadiendo el usuario como un query parameter.
+        target_url = url_for('external_login',  # Apunta a la vista del chat
+                             company_short_name=company_short_name,
+                             external_user_id=external_user_id,  # Se añadirá como ?external_user_id=...
+                             _external=True)
+
+        # Renderizamos el shell para un iframe.
+        return render_template("login_shell.html",
+                               iframe_src_url=target_url,  # Le cambiamos el nombre para más claridad
+                               branding=branding_data
+                               )
+
+class ExternalChatLoginView(MethodView):
+    @inject
+    def __init__(self,
+                 profile_service: ProfileService,
+                 query_service: QueryService,
+                 prompt_service: PromptService,
+                 iauthentication: IAuthentication,
+                 jwt_service: JWTService,
+                 branding_service: BrandingService
+                 ):
+        self.profile_service = profile_service
+        self.query_service = query_service
+        self.prompt_service = prompt_service
+        self.iauthentication = iauthentication
+        self.jwt_service = jwt_service
+        self.branding_service = branding_service
+
+    def get(self, company_short_name: str):
+        # Leemos el user_id desde los parámetros de la URL (?external_user_id=...)
+        external_user_id = request.args.get('external_user_id')
+        if not external_user_id:
+            return "Falta el parámetro external_user_id en la URL", 400
+
         company = self.profile_service.get_company_by_short_name(company_short_name)
         if not company:
+            logging.error(f'Company {company_short_name} not found')
             return jsonify({"error": "Empresa no encontrada"}), 404
 
         try:
+
             # 1. generate a new JWT, our secure access token.
             token = self.jwt_service.generate_chat_jwt(
                 company_id=company.id,
@@ -75,20 +113,15 @@ class ExternalChatLoginView(MethodView):
             branding_data = self.branding_service.get_company_branding(company)
 
             # 5. render the chat page with the company/user information.
-            user_agent = request.user_agent
-            is_mobile = user_agent.platform in ["android", "iphone", "ipad"] or "mobile" in user_agent.string.lower()
-
-            chat_html = render_template("chat.html",
+            return render_template("chat.html",
                                         company_short_name=company_short_name,
-                                        branding=branding_data,
+                                        auth_method='jwt',
+                                        session_jwt=token,
                                         external_user_id=external_user_id,
-                                        is_mobile=is_mobile,
-                                        auth_method='jwt',  # login method is JWT
-                                        session_jwt=token,  # pass the token to the front-end
-                                        iatoolkit_base_url=os.getenv('IATOOLKIT_BASE_URL'),
+                                        branding=branding_data,
                                         prompts=prompts,
-                                        external_login=True)
-            return chat_html, 200
+                                        iatoolkit_base_url=os.getenv('IATOOLKIT_BASE_URL'),
+                                        ), 200
 
         except Exception as e:
             logging.exception(f"Error al inicializar el chat para {company_short_name}/{external_user_id}: {e}")