iatoolkit 0.60.1__py3-none-any.whl → 0.61.0__py3-none-any.whl

iatoolkit/static/styles/landing_page.css

@@ -1,228 +1,176 @@
 /* static/styles/landing_page.css */
 
-/* --- Configuración General --- */
-body {
-    background-color: #ffffff; /* Cambiado a blanco para que el hero destaque */
+/* --- 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;
 }
 
-/* --- 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);
+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 {
+    background-color: var(--website-primary-color); /* Color primario del website */
+    border-bottom: 1px solid transparent; /* Borde ya no necesario con fondo sólido */
+    position: sticky;
+    top: 0;
+    z-index: 1020;
+    padding: 0.75rem 0;
+    width: 100%;
 }
 
-.landing-navbar .navbar-brand {
-    color: var(--brand-text-on-primary, #FFFFFF);
+.website-brand {
     font-weight: 700;
-    font-size: 1.8rem; /* Aumentado el tamaño del texto */
+    font-size: 1.75rem;
+     color: #ffffff;
 }
 
-.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;
-
-  /* Asegura que el fondo no se repita */
-  background-size: 100%;
-}
-
-/* Estilos para el texto de la propuesta de valor */
-.value-proposition {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    height: 100%;
-    padding-left: 2rem;
-}
-
-/* --- 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: 5rem 0;
 }
-
 .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: 3.5rem;
+    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;
-}
-.author-linkedin:hover {
-  text-decoration: underline;
+/* --- 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;
 }
-
-/* --- Estilo para el texto introductorio del widget --- */
-.widget-intro-text {
-    font-style: italic;
-    font-size: 0.9rem;
-    line-height: 1.4;
+.hero-section .btn-primary:hover {
+    background-color: var(--website-primary-color-dark);
+    border-color: var(--website-primary-color-dark);
 }
 
-/* --- 3. Sección de Características --- */
+/* --- Sección de Características (Features) --- */
 .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,15 @@
+<div class="custom-company-header" style="{{ branding.header_style }}">
+
+    {# Enlace condicional para el nombre de la marca a la izquierda #}
+        <a href="{{ url_for('home', company_short_name=company_short_name) }}"
+           class="brand-name"
+           style="{{ branding.primary_text_style }}">
+            {{ branding.name }}
+        </a>
+
+    <span class="powered-by">
+        Powered by IAToolkit
+         </a>
+    </span>
+
+</div>

iatoolkit/templates/base.html

@@ -13,6 +13,8 @@
     <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 class="d-flex flex-column p-3" style="min-height: 100vh;">
 

iatoolkit/templates/change_password.html

@@ -17,8 +17,8 @@
         <div class="container">
             <div class="row justify-content-center">
                 <div class="col-lg-6 col-md-8">
-                    <div class="border rounded p-4 p-md-5 shadow-sm bg-light">
-                        <h4 class="form-title fw-bold mb-3 text-center">Crear Nueva Contraseña</h4>
+                    <div class="branded-form-container">
+                        <h4 class="branded-form-title">Crear Nueva Contraseña</h4>
 
                         <p class="text-muted text-center mb-4">
                             Estás cambiando la contraseña para <strong>{{ email }}</strong>.
@@ -52,7 +52,7 @@
                         </form>
 
                         <div class="text-center mt-4 pt-3" style="border-top: 1px solid #e0e0e0;">
-                            <a href="{{ url_for('index', company_short_name=company_short_name) }}" class="text-muted text-decoration-none fw-semibold">
+                            <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>Volver al inicio
                             </a>
                         </div>

iatoolkit/templates/chat.html

@@ -12,77 +12,78 @@
     <link rel="stylesheet" href="{{ url_for('static', filename='styles/onboarding.css', _external=True) }}">
     <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
-{% endblock %}
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
+
+    {% endblock %}
 
 <!-- Sección de encabezado con el usuario conectado -->
-<div id="company-section" class="company-section d-flex justify-content-between align-items-center px-3 py-2"
-     style="{{ branding.header_style }}">
+    <div id="company-section"
+         class="company-section d-flex flex-column flex-md-row justify-content-md-between align-items-center px-3 py-2"
+         style="{{ branding.header_style }}">
 
-    <!-- Izquierda: Nombre de la Empresa y atribución "Powered by" -->
-    <div class="d-flex align-items-center">
-        <span style="{{ branding.primary_text_style }}">
-            {{ branding.name }}
-        </span>
-        <span class="ms-2" data-bs-toggle="tooltip" data-bs-placement="bottom"
-              title="Powered by IAToolkit ({{ iatoolkit_version }})">
-            <i class="bi bi-info-circle" style="color: {{ branding.header_text_color }}; opacity: 0.7; font-size: 0.9rem;"></i>
-        </span>
-    </div>
+        <!-- Fila 1 (Móvil) / Columna Izquierda (Desktop): Nombre de la Empresa -->
+        <div class="d-flex align-items-center mb-2 mb-md-0">
+            <span style="{{ branding.primary_text_style }}">
+                {{ branding.name }}
+            </span>
+            <span class="ms-2" data-bs-toggle="tooltip" data-bs-placement="bottom"
+                  title="Powered by IAToolkit ({{ iatoolkit_version }})">
+                <i class="bi bi-info-circle" style="color: {{ branding.header_text_color }}; opacity: 0.7; font-size: 0.9rem;"></i>
+            </span>
+        </div>
 
-    <!-- Derecha: Grupo de información y acciones para el usuario -->
-    <div class="d-flex align-items-center">
-        <!-- 1. ID de Usuario -->
-        <span style="{{ branding.secondary_text_style }}">
-            {{ user_identifier }}
-        </span>
+        <!-- Contenedor para la derecha que agrupa ID de usuario y botones -->
+        <div class="d-flex flex-column flex-md-row align-items-center">
 
-        <!-- 2. Separador Vertical -->
-        <div class="vr mx-3"></div>
+            <!-- Fila 2 (Móvil) / Parte 1 de la Columna Derecha (Desktop): ID de Usuario -->
+            <span style="{{ branding.secondary_text_style }}" class="mb-2 mb-md-0">
+                {{ user_identifier }}
+            </span>
 
-        <!-- 3. Iconos de Acción -->
-        <a href="javascript:void(0);"
-           id="history-button"
-           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="force-reload-button"
-           class="ms-3 action-icon-style"
-           title="Forzar Recarga de Contexto"
-           style="color: {{ branding.header_text_color }};">
-            <i class="bi bi-arrow-clockwise"></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: {{ branding.header_text_color }};">
-            <i class="bi bi-emoji-smile"></i>
-        </a>
-        <a href="javascript:void(0);"
-           id="onboarding-button"
-           class="ms-3 action-icon-style" title="Ver onboarding"
-           style="color: {{ branding.header_text_color }};">
-            <i class="bi bi-lightbulb"></i>
-        </a>
+            <!-- Separador Vertical (Solo visible en Desktop) -->
+            <div class="vr mx-3 d-none d-md-block"></div>
 
-        <!-- Icono de cerrar sesión (al final) -->
-        <a href="javascript:void(0);"
-           id="logout-button"
-           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>
+            <!-- Fila 3 (Móvil) / Parte 2 de la Columna Derecha (Desktop): Iconos de Acción -->
+            <div class="d-flex align-items-center">
+                <a href="javascript:void(0);"
+                   id="history-button"
+                   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="force-reload-button"
+                   class="ms-3 action-icon-style"
+                   title="Forzar Recarga de Contexto"
+                   style="color: {{ branding.header_text_color }};">
+                    <i class="bi bi-arrow-clockwise"></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: {{ branding.header_text_color }};">
+                    <i class="bi bi-emoji-smile"></i>
+                </a>
+                <a href="javascript:void(0);"
+                   id="onboarding-button"
+                   class="ms-3 action-icon-style" title="Ver onboarding"
+                   style="color: {{ branding.header_text_color }};">
+                    <i class="bi bi-lightbulb"></i>
+                </a>
+                <a href="javascript:void(0);"
+                   id="logout-button"
+                   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>
+            </div>
+        </div>
     </div>
 
-</div>
-
 <div id="chat-container"
      class="chat-block mt-2 flex-grow-1"
      style="overflow-y: auto;">
-        <div id="chat-messages">
-        <!-- Mensaje de bienvenida estático -->
-        <div class="answer-section">
-            ¡Hola! en que te puedo ayudar hoy?
-        </div>
+    <!-- Mensaje de bienvenida estático -->
+    <div class="answer-section">
+                ¡Hola! en que te puedo ayudar hoy?
     </div>
 </div>
 
@@ -197,32 +198,20 @@
 </script>
 
 <!-- Carga de los scripts JS externos después de definir las variables globales -->
-<script src="{{ url_for('static', filename='js/chat_onboarding_button.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_filepond.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_history_button.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_feedback_button.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_reload_button.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_main.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_logout_button.js', _external=True) }}"></script>
-<script src="{{ url_for('static', filename='js/chat_main.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_onboarding_button.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_filepond.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_history_button.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_feedback_button.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_reload_button.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_main.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_logout_button.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_prompt_manager.js', _external=True) }}"></script>
+    <script src="{{ url_for('static', filename='js/chat_main.js', _external=True) }}"></script>
 
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css">
-<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
-<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
+    <script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
 
-<script>
-    document.addEventListener('DOMContentLoaded', function () {
-        const promptCollapse = document.getElementById('prompt-assistant-collapse');
-        if (promptCollapse) {
-            promptCollapse.addEventListener('shown.bs.collapse', function () {
-                // Desplazar la ventana al final de la página para mantener visible el área de entrada.
-                window.scrollTo({
-                    top: document.body.scrollHeight,
-                    behavior: 'smooth'
-                });
-            });
-        }
-    });
+    <script>
 
     document.addEventListener('DOMContentLoaded', function () {
         // Inicializar todos los tooltips de la página

iatoolkit/templates/error.html

@@ -1,15 +1,52 @@
 {% extends "base.html" %}
 
-{% block title %}Error - IAToolkit{% endblock %}
+{% block title %}Error - {{ company.name }}{% endblock %}
+
+{% block styles %}
+    {# Carga las variables de CSS y los estilos principales de la marca #}
+    <style>
+        {{ branding.css_variables | safe }}
+    </style>
+    <link rel="stylesheet" href="{{ url_for('static', filename='styles/chat_iatoolkit.css') }}">
+    {# Enlace a los iconos de Bootstrap para el icono de error #}
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
+{% endblock %}
 
 {% block content %}
-<div class="container vh-100 d-flex justify-content-center align-items-center">
-    <div class="text-center col-11 col-md-8 col-lg-6 border rounded p-4 shadow-sm bg-light">
-        <h1 class="text-danger fw-bold">¡Ups! Ha ocurrido un error</h1>
-        <p class="mt-3 text-muted">
-            {{ message }}
-        </p>
-        <a href="{{ url_for('index', company_short_name=company_short_name) }}" class="btn btn-primary mt-4">Volver al Inicio</a>
+
+{# 1. Incluimos el encabezado reutilizable de la empresa #}
+{% include '_company_header.html' %}
+
+{# 2. Contenedor principal para el mensaje de error #}
+<div class="container mt-5">
+    <div class="row justify-content-center">
+        <div class="col-md-8 col-lg-6">
+
+            {# Usamos una tarjeta para enmarcar el contenido del error #}
+            <div class="card shadow-sm text-center border-danger">
+                <div class="card-body p-4 p-md-5">
+
+                    {# Icono de error grande y visible #}
+                    <i class="bi bi-exclamation-triangle-fill text-danger" style="font-size: 4rem;"></i>
+
+                    <h2 class="card-title mt-4">Ha Ocurrido un Error</h2>
+
+                    {# El mensaje de error dinámico que se pasa desde la vista #}
+                    <p class="text-muted mt-3 mb-4">
+                        {{ message | default('Lo sentimos, algo salió mal. Por favor, inténtalo de nuevo más tarde.') }}
+                    </p>
+
+                    {# Botón para volver a la página de inicio de la empresa #}
+                    <a href="{{ url_for('home', company_short_name=company_short_name) }}"
+                       class="btn btn-branded-primary px-4">
+                        Volver al Inicio
+                    </a>
+
+                </div>
+            </div>
+
+        </div>
     </div>
 </div>
+
 {% endblock %}