@sinequa/assistant 3.1.1 → 3.2.1

package/fesm2020/sinequa-assistant-chat.mjs

@@ -1,12 +1,12 @@
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ContentChild } from '@angular/core';
-import { Subscription, filter, tap, switchMap, BehaviorSubject, Subject, forkJoin, map, catchError, throwError, shareReplay, fromEvent, merge, takeUntil, finalize } from 'rxjs';
+import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ContentChild, Inject } from '@angular/core';
+import { Subscription, filter, tap, switchMap, BehaviorSubject, Subject, forkJoin, map, catchError, throwError, shareReplay, fromEvent, merge, takeUntil, take, finalize } from 'rxjs';
 import * as i3 from '@sinequa/core/web-services';
 import { PrincipalWebService, UserSettingsWebService, AuditWebService, SignalRWebService, JsonMethodPluginService } from '@sinequa/core/web-services';
 import * as i1 from '@angular/common';
 import { CommonModule } from '@angular/common';
 import * as i2 from '@angular/forms';
-import { FormsModule } from '@angular/forms';
+import { FormsModule, Validators, UntypedFormControl, ReactiveFormsModule } from '@angular/forms';
 import { LoginService, AuthenticationService } from '@sinequa/core/login';
 import { Action } from '@sinequa/components/action';
 import { AbstractFacet } from '@sinequa/components/facet';
@@ -16,9 +16,12 @@ import { UserPreferences } from '@sinequa/components/user-settings';
 import { NotificationsService } from '@sinequa/core/notification';
 import { z } from 'zod';
 import { AppService } from '@sinequa/core/app-utils';
-import { IntlService } from '@sinequa/core/intl';
+import * as i6$1 from '@sinequa/core/intl';
+import { IntlService, IntlModule } from '@sinequa/core/intl';
 import get from 'lodash/get';
 import { Utils } from '@sinequa/core/base';
+import * as i1$2 from '@sinequa/core/modal';
+import { ModalService, ModalButton, ModalModule, MODAL_MODEL } from '@sinequa/core/modal';
 import { HttpTransportType, LogLevel } from '@microsoft/signalr';
 import { unified } from 'unified';
 import remarkParse from 'remark-parse';
@@ -31,8 +34,13 @@ import { CollapseModule } from '@sinequa/components/collapse';
 import * as i6 from 'ngx-remark';
 import { RemarkModule } from 'ngx-remark';
 import SafeColor from 'safecolor';
-import { ModalService, ModalButton, ModalModule } from '@sinequa/core/modal';
+import 'prismjs-components-importer/esm';
+import 'prismjs/plugins/autoloader/prism-autoloader';
 import { parseISO, isToday, isYesterday, isThisWeek, differenceInDays, endOfYesterday, isThisMonth, differenceInMonths, isThisQuarter, isThisYear, differenceInYears, format } from 'date-fns';
+import * as i4 from '@sinequa/components/modal';
+import { BsModalModule } from '@sinequa/components/modal';
+import * as i5$1 from '@sinequa/core/validation';
+import { ValidationModule } from '@sinequa/core/validation';
 
 /**
  * A service to create and manage instances of ChatService dynamically based on the provided component references and the implementation type (http or websocket)
@@ -83,6 +91,7 @@ class ChatSettingsV3Component {
         this._update = new EventEmitter();
         this._cancel = new EventEmitter();
         this.subscription = new Subscription();
+        this.functions = [];
         this.isAdmin = false;
         this.loginService = inject(LoginService);
         this.instanceManagerService = inject(InstanceManagerService);
@@ -93,8 +102,8 @@ class ChatSettingsV3Component {
             this.isAdmin = this.principalService.principal.isAdministrator;
             // Init config with a copy of the original chat config, so that it won't be modified by the user until he clicks on save
             this.config = JSON.parse(JSON.stringify(this.chatService.chatConfig$.value));
-            this.selectedModel = this.chatService.getModel(this.config.serviceSettings.service_id, this.config.serviceSettings.model_id);
-            this.updateFunctionsCheckboxes();
+            this.selectedModel = this.chatService.getModel(this.config.defaultValues.service_id, this.config.defaultValues.model_id);
+            this.initFunctionsList();
         }));
     }
     ngOnDestroy() {
@@ -102,14 +111,14 @@ class ChatSettingsV3Component {
     }
     get hasPrompts() {
         return this.isAdmin
-            || !!this.config.uiSettings.systemPrompt
-            || !!this.config.uiSettings.userPrompt;
+            || !!this.config.uiSettings.displaySystemPrompt
+            || !!this.config.uiSettings.displayUserPrompt;
     }
     get hasAdvancedParameters() {
         return this.isAdmin
             || !!this.config.uiSettings.temperature
             || !!this.config.uiSettings.top_p
-            || !!this.config.uiSettings.maxTokens;
+            || !!this.config.uiSettings.max_tokens;
     }
     get hasModel() {
         return this.isAdmin
@@ -118,49 +127,46 @@ class ChatSettingsV3Component {
             || !!this.config.uiSettings.debug
             || !!this.config.uiSettings.temperature
             || !!this.config.uiSettings.top_p
-            || !!this.config.uiSettings.maxTokens;
+            || !!this.config.uiSettings.max_tokens;
     }
     instantiateChatService() {
         this.chatService = this.instanceManagerService.getInstance(this.instanceId);
     }
     onChatModelChange(selectedModel) {
         // Update properties based on the selected model
-        this.config.serviceSettings.service_id = selectedModel.serviceId;
-        this.config.serviceSettings.model_id = selectedModel.modelId;
+        this.config.defaultValues.service_id = selectedModel.serviceId;
+        this.config.defaultValues.model_id = selectedModel.modelId;
+    }
+    getFunctionDescription(name) {
+        return this.chatService.functions?.find(fn => fn.functionName === name)?.description || "";
     }
     toggleFunctionsSelection(name) {
-        if (this.config.functions.includes(name)) {
-            this.config.functions = this.config.functions.filter(item => item !== name);
-        }
-        else {
-            this.config.functions.push(name);
-        }
+        // Update the enabled property of the function
+        const index = this.config.defaultValues.functions.findIndex(func => func.name === name);
+        this.config.defaultValues.functions[index].enabled = this.functions[index].enabled;
     }
-    updateFunctionsCheckboxes() {
-        // Update the checkboxes based on config.functions
-        (this.chatService.functions || []).forEach(item => {
-            item['selected'] = this.config.functions.includes(item.functionName);
-        });
+    initFunctionsList() {
+        this.functions = this.config.defaultValues.functions.filter(func => !!this.chatService.functions?.find(fn => fn.functionName === func.name));
     }
     /**
      * Save the new chat config in the chat service and the user preferences
      */
     save() {
         this.chatService.updateChatConfig(this.config);
-        this._update.emit();
+        this._update.emit(this.config);
     }
     /**
      * Cancel the current changes
      */
     cancel() {
-        this._cancel.emit();
+        this._cancel.emit(this.chatService.chatConfig$.value);
     }
 }
 ChatSettingsV3Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatSettingsV3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatSettingsV3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatSettingsV3Component, isStandalone: true, selector: "sq-chat-settings-v3", inputs: { instanceId: "instanceId" }, outputs: { _update: "update", _cancel: "cancel" }, ngImport: i0, template: "<div class=\"sq-chat-settings\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n  \n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of chatService.functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.functionName\" [(ngModel)]=\"func.selected\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.functionName)\">\n        <label class=\"form-check-label\" [for]=\"func.functionName\" [title]=\"func.description\">{{ func.functionName }}</label>\n      </div>\n    </div>\n  \n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n  \n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.serviceSettings.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.serviceSettings.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.serviceSettings.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.serviceSettings.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.maxTokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.serviceSettings.maxTokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.serviceSettings.maxTokens\">\n      </div>\n    </details>\n  \n    <hr>\n  \n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.systemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.uiSettings.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.userPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.uiSettings.userPrompt\"></textarea>\n    </div>\n  \n  </div>\n  \n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n  \n</div>", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+ChatSettingsV3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatSettingsV3Component, isStandalone: true, selector: "sq-chat-settings-v3", inputs: { instanceId: "instanceId" }, outputs: { _update: "update", _cancel: "cancel" }, ngImport: i0, template: "<div class=\"sq-chat-settings\" *ngIf=\"isAdmin || config.uiSettings.display\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n\n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.name\" [(ngModel)]=\"func.enabled\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.name)\">\n        <label class=\"form-check-label\" [for]=\"func.name\" [title]=\"getFunctionDescription(func.name)\">{{ func.name }}</label>\n      </div>\n    </div>\n\n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.defaultValues.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n\n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.defaultValues.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.defaultValues.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.defaultValues.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.defaultValues.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.max_tokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.defaultValues.max_tokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.defaultValues.max_tokens\">\n      </div>\n    </details>\n\n    <hr>\n\n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.displaySystemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.defaultValues.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.displayUserPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.defaultValues.userPrompt\"></textarea>\n    </div>\n\n  </div>\n\n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n\n</div>\n", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatSettingsV3Component, decorators: [{
             type: Component,
-            args: [{ selector: 'sq-chat-settings-v3', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"sq-chat-settings\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n  \n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of chatService.functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.functionName\" [(ngModel)]=\"func.selected\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.functionName)\">\n        <label class=\"form-check-label\" [for]=\"func.functionName\" [title]=\"func.description\">{{ func.functionName }}</label>\n      </div>\n    </div>\n  \n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n  \n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.serviceSettings.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.serviceSettings.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.serviceSettings.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.serviceSettings.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.maxTokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.serviceSettings.maxTokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.serviceSettings.maxTokens\">\n      </div>\n    </details>\n  \n    <hr>\n  \n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.systemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.uiSettings.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.userPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.uiSettings.userPrompt\"></textarea>\n    </div>\n  \n  </div>\n  \n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n  \n</div>", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"] }]
+            args: [{ selector: 'sq-chat-settings-v3', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"sq-chat-settings\" *ngIf=\"isAdmin || config.uiSettings.display\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n\n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.name\" [(ngModel)]=\"func.enabled\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.name)\">\n        <label class=\"form-check-label\" [for]=\"func.name\" [title]=\"getFunctionDescription(func.name)\">{{ func.name }}</label>\n      </div>\n    </div>\n\n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.defaultValues.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n\n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.defaultValues.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.defaultValues.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.defaultValues.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.defaultValues.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.max_tokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.defaultValues.max_tokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.defaultValues.max_tokens\">\n      </div>\n    </details>\n\n    <hr>\n\n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.displaySystemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.defaultValues.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.displayUserPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.defaultValues.userPrompt\"></textarea>\n    </div>\n\n  </div>\n\n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n\n</div>\n", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"] }]
         }], propDecorators: { instanceId: [{
                 type: Input
             }], _update: [{
@@ -171,8 +177,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 args: ["cancel"]
             }] } });
 
-// Define the Zod representation for the globalSettings object
-const globalSettingsSchema = z.object({
+// Define the Zod representation for the connectionSettings object
+const connectionSettingsSchema = z.object({
     restEndpoint: z.string().optional(),
     websocketEndpoint: z.string().optional(),
     signalRTransport: z.enum(["WebSockets", "ServerSentEvents", "LongPolling", "None"]),
@@ -186,50 +192,10 @@ const serviceSettingsSchema = z.object({
     model_id: z.string(),
     temperature: z.number(),
     top_p: z.number(),
-    maxTokens: z.number(),
-    results_per_prompt: z.number(),
-    presence_penalty: z.number(),
-    frequency_penalty: z.number(),
-});
-// Define the Zod representation for the TextChunksOptions interface
-const textChunksOptionsSchema = z.object({
-    extendMode: z.enum(['None', 'Sentence', 'Chars']).optional(),
-    extendScope: z.number().optional(),
-});
-// Define the Zod representation for the contextOptions object
-const contextOptionsSchema = z.object({
-    docColumns: z.array(z.string()),
-    textChunkFillGaps: z.number(),
-    html: z.boolean(),
-    topPassagesOptions: z.object({
-        topPassages: z.number(),
-        topPassagesMinScore: z.number(),
-        textChunkOptions: textChunksOptionsSchema,
-    }),
-    matchingPassagesOptions: z.object({
-        matchingPassagesPerDoc: z.number(),
-        fromTopDocuments: z.number(),
-        matchingPassagesMinScore: z.number(),
-        textChunkOptions: textChunksOptionsSchema,
-    }),
-    relevantExtractsOptions: z.object({
-        topRelevantExtractsPerDoc: z.number(),
-        fromTopDocuments: z.number(),
-        textChunkOptions: textChunksOptionsSchema,
-    }),
-    htmlOptions: z.object({
-        images: z.boolean(),
-        links: z.boolean(),
-        tables: z.boolean(),
-        extendTables: z.boolean(),
-    }),
-});
-// Define the Zod representation for the contextSettings object
-const contextSettingsSchema = z.object({
-    app: z.string().optional(),
-    query: z.object({}).optional(),
-    contextOptions: contextOptionsSchema,
+    max_tokens: z.number()
 });
+// Define the Zod representation for the additionalServiceSettings object
+const additionalServiceSettingsSchema = z.object({});
 // Define the Zod representation for the uiSettings object
 const uiSettingsSchema = z.object({
     display: z.boolean(),
@@ -237,22 +203,58 @@ const uiSettingsSchema = z.object({
     functions: z.boolean(),
     temperature: z.boolean(),
     top_p: z.boolean(),
-    maxTokens: z.boolean(),
+    max_tokens: z.boolean(),
     debug: z.boolean(),
     displaySystemPrompt: z.boolean(),
+    displayUserPrompt: z.boolean()
+});
+// Define the Zod representation for the defaultValues object
+const defaultValuesSchema = z.object({
+    service_id: z.string(),
+    model_id: z.string(),
+    functions: z.array(z.object({
+        name: z.string(),
+        enabled: z.boolean()
+    })),
+    temperature: z.number(),
+    top_p: z.number(),
+    max_tokens: z.number(),
+    debug: z.boolean(),
     systemPrompt: z.string(),
+    userPrompt: z.string()
+});
+// Define the Zod representation for the modeSettings object
+const initializationSchema = z.object({
+    event: z.enum(['Query', 'Prompt']),
+    forcedWorkflow: z.string().optional(),
+    displayUserQuery: z.boolean().optional(), // Optional for event 'Prompt'
+}).refine(data => ((data.event === "Query") ? (!!data.forcedWorkflow && data.displayUserQuery !== undefined && data.displayUserQuery !== null) : true), {
+    message: "The 'forcedWorkflow' and 'displayUserQuery' properties must be provided when the initialization's event is 'Query'.",
+});
+const modeSettingsSchema = z.object({
+    enabledUserInput: z.boolean(),
     displayUserPrompt: z.boolean(),
-    userPrompt: z.string(),
+    sendUserPrompt: z.boolean(),
+    initialization: initializationSchema
+});
+// Define the Zod representation for the savedChatSettings object
+const savedChatSettingsSchema = z.object({
+    enabled: z.boolean(),
+    display: z.boolean()
+});
+// Define the Zod representation for the globalSettings object
+const globalSettingsSchema = z.object({
+    disclaimer: z.string().optional(),
 });
 // Define the Zod representation for the entire ChatConfig object
 const chatConfigSchema = z.object({
-    globalSettings: globalSettingsSchema,
-    serviceSettings: serviceSettingsSchema,
-    contextSettings: contextSettingsSchema,
+    connectionSettings: connectionSettingsSchema,
+    defaultValues: defaultValuesSchema,
+    modeSettings: modeSettingsSchema,
     uiSettings: uiSettingsSchema,
-    functions: z.array(z.string()),
-    debug: z.boolean(),
-    saveChats: z.boolean()
+    additionalServiceSettings: additionalServiceSettingsSchema,
+    savedChatSettings: savedChatSettingsSchema,
+    globalSettings: globalSettingsSchema
 });
 
 class ChatService {
@@ -269,7 +271,6 @@ class ChatService {
         this.savedChats$ = new BehaviorSubject([]);
         /** Emit the saved chat to load */
         this.loadSavedChat$ = new BehaviorSubject(undefined);
-        this.searchService = inject(SearchService);
         this.userSettingsService = inject(UserSettingsWebService);
         this.notificationsService = inject(NotificationsService);
         this.auditService = inject(AuditWebService);
@@ -277,6 +278,7 @@ class ChatService {
         this.loginService = inject(LoginService);
         this.appService = inject(AppService);
         this.intlService = inject(IntlService);
+        this.modalService = inject(ModalService);
     }
     get assistants() {
         if (!this.userSettingsService.userSettings)
@@ -314,24 +316,68 @@ class ChatService {
         this._savedChatId = savedChatId;
     }
     /**
-     * Initialize the chat config by merging the default config with the user preferences and the app config
-     * override desc order: user preferences > app config > default config
+     * Initialize the chat config by managing ONLY sub-object **defaultValues** configs of the standard app config (defined in the customization json tab ) and the user preferences.
+     * To do so, a tracking mechanism is implemented to notify the user about the available updates in the defaultValues object of the standard app config.
+     * The rest of the config object coming from "standard app config" is used as it is without any override.
+     * Thus, the user preferences are used only for the defaultValues object.
+     * This provide a centralized way to manage the rest of the config object by admins and ensure a unique common behavior for all users.
      */
     initChatConfig() {
         const key = this.chatInstanceId;
         const userSettingsConfig = this.assistants[key] || {};
-        const defaultChatConfig = this.appService.app?.data?.assistants?.[key];
-        // Validate the object against the schema
+        const standardChatConfig = this.appService.app?.data?.assistants?.[key];
         try {
-            chatConfigSchema.parse(defaultChatConfig);
-            // Merge configs with override desc order: user preferences > app config > default config
-            const chatConfig = {
-                ...defaultChatConfig,
-                ...userSettingsConfig
-            };
-            // Update the chat config and store it in the user preferences
-            this.updateChatConfig(chatConfig, false);
-            this.initConfig$.next(true);
+            // Validate the whole config object against the schema
+            chatConfigSchema.parse(standardChatConfig);
+            // If the user preferences do not contain a config's defaultValues object, keep using the standard app config and nothing to store in the user preferences
+            if (!userSettingsConfig.defaultValues) {
+                this.chatConfig$.next({ ...standardChatConfig });
+                this.initConfig$.next(true);
+            }
+            else { // If the user has its own defaultValues in its userSettings, then we need to check for potential updates made by admins in the meantime and how he wants to manage them
+                // Retrieve already stored hashes in the user settings if exists
+                const appliedDefaultValuesHash = userSettingsConfig.hashes?.["applied-defaultValues-hash"];
+                const skippedDefaultValuesHash = userSettingsConfig.hashes?.["skipped-defaultValues-hash"];
+                // Create a hash of the current defaultValues of the standardChatConfig
+                const currentDefaultValuesHash = Utils.sha512(JSON.stringify(standardChatConfig.defaultValues));
+                // Implement the tracking mechanism to notify the user about the available updates in the defaultValues object of the standard app config
+                const condition = (currentDefaultValuesHash !== appliedDefaultValuesHash) && (currentDefaultValuesHash !== skippedDefaultValuesHash);
+                if (condition) {
+                    this.modalService
+                        .confirm({
+                        title: "Available updates !",
+                        message: "Changes have been made to the default configuration. Do you want to update your own version ?",
+                        buttons: [
+                            new ModalButton({ result: -4 /* ModalResult.No */, text: "See no more" }),
+                            new ModalButton({ result: -7 /* ModalResult.Ignore */, text: "Remind me later" }),
+                            new ModalButton({ result: -1 /* ModalResult.OK */, text: "Update", primary: true })
+                        ],
+                        confirmType: 2 /* ConfirmType.Warning */
+                    }).then(res => {
+                        if (res === -1 /* ModalResult.OK */) {
+                            const hashes = { "applied-defaultValues-hash": currentDefaultValuesHash, "skipped-defaultValues-hash": undefined };
+                            // Update the chat config and store its defaultValues in the user preferences
+                            this.updateChatConfig({ ...standardChatConfig }, hashes, true);
+                            this.initConfig$.next(true);
+                        }
+                        else if (res === -4 /* ModalResult.No */) {
+                            // Do not notify the user about changes while this skipped version is not updated
+                            const hashes = { ...userSettingsConfig.hashes, "skipped-defaultValues-hash": currentDefaultValuesHash };
+                            this.updateChatConfig({ ...standardChatConfig, defaultValues: userSettingsConfig.defaultValues }, hashes, false);
+                            this.initConfig$.next(true);
+                        }
+                        else {
+                            // Just pick the version in the user settings, nothing to be updated
+                            this.chatConfig$.next({ ...standardChatConfig, defaultValues: userSettingsConfig.defaultValues });
+                            this.initConfig$.next(true);
+                        }
+                    });
+                }
+                else { // No available updates Or updates has been already skipped, then just pick the version in the user settings
+                    this.chatConfig$.next({ ...standardChatConfig, defaultValues: userSettingsConfig.defaultValues });
+                    this.initConfig$.next(true);
+                }
+            }
         }
         catch (error) {
             this.notificationsService.error(`Missing valid configuration for the assistant instance '${key}'`);
@@ -339,25 +385,25 @@ class ChatService {
         }
     }
     /**
-     * Update the chat config and store it in the user preferences
+     * Update the chat config and store its defaultValues in the user preferences
      * @param config  The updated chat config
      * @param notify  Whether to notify the user about the update
      * @param successCallback  The callback to execute if the update is successful
      * @param errorCallback  The callback to execute if the update fails
      */
-    updateChatConfig(config, notify = true, successCallback, errorCallback) {
+    updateChatConfig(config, hashes, notify = true, successCallback, errorCallback) {
         this.chatConfig$.next(config);
         const assistants = Object.assign({}, this.assistants);
-        assistants[this.chatInstanceId] = config;
-        this.userSettingsService.patch({ assistants }).subscribe(next => {
-            if (notify) {
-                successCallback ? successCallback() : this.notificationsService.success(`The configuration of the assistant instance '${this.chatInstanceId}' has been successfully updated`);
-            }
-        }, error => {
+        assistants[this.chatInstanceId] = { ...assistants[this.chatInstanceId], defaultValues: config.defaultValues, hashes };
+        this.userSettingsService.patch({ assistants }).subscribe(next => { }, error => {
             if (notify) {
                 errorCallback ? errorCallback() : this.notificationsService.error(`The update of the assistant instance '${this.chatInstanceId}' configuration failed`);
             }
             console.error("Could not patch assistants!", error);
+        }, () => {
+            if (notify) {
+                successCallback ? successCallback() : this.notificationsService.success(`The assistant instance '${this.chatInstanceId}' configuration has been successfully updated`);
+            }
         });
     }
     /**
@@ -432,10 +478,11 @@ class WebSocketChatService extends ChatService {
         super();
         this.connectionBuilt$ = new Subject(); // Emit when the connection is built
         this.connectionStarted$ = new Subject(); // Emit when the connection is started
-        this.messageHandlers = new Map();
-        this.actionMap = new Map();
-        this.content = "";
-        this.attachments = [];
+        this._messageHandlers = new Map();
+        this._actionMap = new Map();
+        this._progress = undefined;
+        this._content = "";
+        this._attachments = [];
         this.signalRService = inject(SignalRWebService);
         this.authenticationService = inject(AuthenticationService);
     }
@@ -480,8 +527,8 @@ class WebSocketChatService extends ChatService {
      * It can be overridden by the app config
      */
     getRequestsUrl() {
-        if (this.chatConfig$.value.globalSettings.websocketEndpoint) {
-            this.REQUEST_URL = this.chatConfig$.value.globalSettings.websocketEndpoint;
+        if (this.chatConfig$.value.connectionSettings.websocketEndpoint) {
+            this.REQUEST_URL = this.chatConfig$.value.connectionSettings.websocketEndpoint;
         }
         else {
             throw new Error(`The property 'websocketEndpoint' must be provided when attempting to use 'WebSocket' in assistant instance`);
@@ -495,7 +542,7 @@ class WebSocketChatService extends ChatService {
             modelsSubject.complete();
         });
         // Send the request to get the list of models
-        this.connection.invoke('ListModels', { debug: this.chatConfig$.value.debug })
+        this.connection.invoke('ListModels', { debug: this.chatConfig$.value.defaultValues.debug })
             .catch(error => {
             console.error('Error invoking ListModels:', error);
             modelsSubject.complete();
@@ -506,12 +553,12 @@ class WebSocketChatService extends ChatService {
     listFunctions() {
         const functionsSubject = new Subject();
         this.connection.on('ListFunctions', (res) => {
-            this.functions = res.functions;
+            this.functions = res.functions?.filter(func => func.enabled);
             functionsSubject.next(this.functions);
             functionsSubject.complete();
         });
         // Send the request to get the list of functions
-        this.connection.invoke('ListFunctions', { debug: this.chatConfig$.value.debug })
+        this.connection.invoke('ListFunctions', { debug: this.chatConfig$.value.defaultValues.debug })
             .catch(error => {
             console.error('Error invoking ListFunctions:', error);
             functionsSubject.complete();
@@ -519,31 +566,37 @@ class WebSocketChatService extends ChatService {
         });
         return functionsSubject.asObservable();
     }
-    fetch(messages, query = this.searchService.query) {
+    fetch(messages, query) {
         // Start streaming by invoking the Chat method
         this.streaming$.next(true);
         // Prepare the payload to send to the Chat method
         const data = {
             history: messages,
-            functions: this.chatConfig$.value.functions,
-            debug: this.chatConfig$.value.debug,
-            serviceSettings: this.chatConfig$.value.serviceSettings,
-            contextSettings: {
-                ...this.chatConfig$.value.contextSettings,
+            functions: this.chatConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
+            debug: this.chatConfig$.value.defaultValues.debug,
+            serviceSettings: {
+                service_id: this.chatConfig$.value.defaultValues.service_id,
+                model_id: this.chatConfig$.value.defaultValues.model_id,
+                top_p: this.chatConfig$.value.defaultValues.top_p,
+                temperature: this.chatConfig$.value.defaultValues.temperature,
+                max_tokens: this.chatConfig$.value.defaultValues.max_tokens,
+                ...this.chatConfig$.value.additionalServiceSettings
+            },
+            appQuery: {
                 app: this.appService.appName,
                 query
             }
         };
-        if (this.chatConfig$.value.saveChats) {
+        if (this.chatConfig$.value.savedChatSettings.enabled) {
             data.instanceId = this.chatInstanceId;
             data.savedChatId = this.savedChatId;
         }
         let response = { role: "assistant", content: "", additionalProperties: { display: true } }; // here display: true is needed in order to be able to show the progress
         // Create a Subject to signal completion
         const completion$ = new Subject();
-        // Create observables for each non-global handler in the messageHandlers map (default and eventual custom ones) once it is triggered by the hub connection
+        // Create observables for each non-global handler in the _messageHandlers map (default and eventual custom ones) once it is triggered by the hub connection
         const observables = Array
-            .from(this.messageHandlers.entries())
+            .from(this._messageHandlers.entries())
             .filter(([eventName, eventHandler]) => !eventHandler.isGlobalHandler)
             .map(([eventName, eventHandler]) => {
             return fromEvent(this.connection, eventName).pipe(map((event) => eventHandler.handler(event)) // Execute the corresponding handler
@@ -554,25 +607,26 @@ class WebSocketChatService extends ChatService {
         );
         // Invoke the Chat method
         this.connection.invoke('Chat', data)
-            .then(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.serviceSettings.service_id)) // When the server indicates it has successfully finished invoking the method, notify the audit service with the recent chat history
+            .then(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.defaultValues.service_id)) // When the server indicates it has successfully finished invoking the method, notify the audit service with the recent chat history
             .catch(error => {
             console.error('Error invoking Chat:', error);
             return Promise.resolve(); // Return a resolved promise to handle the error and prevent unhandled promise rejection
         })
             .finally(() => {
             this.streaming$.next(false); // Complete streaming regardless of success or error
-            this.actionMap.clear(); // Clear the actionMap
-            this.content = ""; // Clear the content
-            this.attachments = []; // Clear the attachments
-            this.executionTime = ""; // Clear the executionTime
+            this._actionMap.clear(); // Clear the _actionMap
+            this._content = ""; // Clear the _content
+            this._progress = undefined; // Clear the _progress
+            this._attachments = []; // Clear the _attachments
+            this._executionTime = ""; // Clear the _executionTime
             completion$.next(); // Emit a signal to complete the observables
             completion$.complete(); // Complete the subject
         });
         // Return the merged observables
         return combined$.pipe(map(() => {
-            // Define $progress from the actionMap
-            const actions = Array.from(this.actionMap.values());
-            const $progress = actions.length > 0
+            // Define $progress from the _actionMap
+            const actions = Array.from(this._actionMap.values());
+            this._progress = actions.length > 0
                 ? actions.map((a) => ({
                     title: a.displayName ?? "",
                     content: a.displayValue ?? "",
@@ -580,20 +634,18 @@ class WebSocketChatService extends ChatService {
                     time: a.executionTime,
                 }))
                 : undefined;
-            // Define the attachment used in the context of the response message
-            const $attachment = this.attachments;
-            // As soon as the first content or $progress is defined, the assistant is considered as streaming
-            if (!!this.content || $progress || $attachment.length > 0) {
-                response = { ...response, content: this.content, additionalProperties: { ...response.additionalProperties, $progress, $attachment } };
+            // As soon as the first _content or $progress is defined, the assistant is considered as streaming
+            if (!!this._content || this._progress || this._attachments.length > 0) {
+                response = { ...response, content: this._content, additionalProperties: { ...response.additionalProperties, $progress: this._progress, $attachment: this._attachments } };
             }
             // Return the result
-            return { history: [...messages, response], executionTime: this.executionTime };
+            return { history: [...messages, response], executionTime: this._executionTime };
         }));
     }
     listSavedChat() {
         const data = {
             instanceId: this.chatInstanceId,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatList', (res) => {
             this.savedChats$.next(res.savedChats); // emits the result to the savedChats$ subject
@@ -610,7 +662,7 @@ class WebSocketChatService extends ChatService {
         const data = {
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatGet', (res) => {
             savedChatSubject.next(res.savedChat);
@@ -625,12 +677,58 @@ class WebSocketChatService extends ChatService {
         });
         return savedChatSubject.asObservable();
     }
+    addSavedChat(messages) {
+        const addSavedChatSubject = new Subject();
+        const data = {
+            instanceId: this.chatInstanceId,
+            savedChatId: ChatService.generateGUID(),
+            history: messages,
+            debug: this.chatConfig$.value.defaultValues.debug
+        };
+        this.connection.on('SavedChatAdd', (res) => {
+            this.setSavedChatId(res.savedChat.id); // Persist the savedChatId
+            addSavedChatSubject.next(res.savedChat);
+            addSavedChatSubject.complete();
+        });
+        // Invoke the method SavedChatAdd
+        this.connection.invoke('SavedChatAdd', data)
+            .catch(error => {
+            console.error('Error invoking SavedChatAdd:', error);
+            addSavedChatSubject.complete();
+            return Promise.resolve();
+        });
+        return addSavedChatSubject.asObservable();
+    }
+    updateSavedChat(id, name, messages) {
+        const updateSavedChatSubject = new Subject();
+        const data = {
+            instanceId: this.chatInstanceId,
+            savedChatId: id,
+            debug: this.chatConfig$.value.defaultValues.debug
+        };
+        if (name)
+            data["title"] = name;
+        if (messages)
+            data["history"] = messages;
+        this.connection.on('SavedChatUpdate', (res) => {
+            updateSavedChatSubject.next(res.savedChat);
+            updateSavedChatSubject.complete();
+        });
+        // Invoke the method SavedChatUpdate
+        this.connection.invoke('SavedChatUpdate', data)
+            .catch(error => {
+            console.error('Error invoking SavedChatUpdate:', error);
+            updateSavedChatSubject.complete();
+            return Promise.resolve();
+        });
+        return updateSavedChatSubject.asObservable();
+    }
     deleteSavedChat(ids) {
         const deleteSavedChatSubject = new Subject();
         const data = {
             instanceId: this.chatInstanceId,
             SavedChatIds: ids,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatDelete', (res) => {
             deleteSavedChatSubject.next(res.deleteCount);
@@ -652,28 +750,36 @@ class WebSocketChatService extends ChatService {
     initMessageHandlers() {
         this.addMessageHandler("Debug", { handler: (debug) => console.log(debug),
             isGlobalHandler: true });
-        this.addMessageHandler("ActionStart", { handler: (action) => this.actionMap.set(action.guid, action),
+        this.addMessageHandler("ActionStart", { handler: (action) => this._actionMap.set(action.guid, action),
             isGlobalHandler: false });
         this.addMessageHandler("ActionResult", {
-            handler: (action) => this.actionMap.set(action.guid, { ...this.actionMap.get(action.guid), ...action }),
+            handler: (action) => this._actionMap.set(action.guid, { ...this._actionMap.get(action.guid), ...action }),
             isGlobalHandler: false
         });
         this.addMessageHandler("ActionStop", {
-            handler: (action) => this.actionMap.set(action.guid, { ...this.actionMap.get(action.guid), ...action }),
+            handler: (action) => this._actionMap.set(action.guid, { ...this._actionMap.get(action.guid), ...action }),
             isGlobalHandler: false
         });
         this.addMessageHandler("ContextMessage", {
-            handler: (message) => this.attachments.push(message.metadata),
+            handler: (message) => this._attachments.push(message.metadata),
             isGlobalHandler: false
         });
         this.addMessageHandler("Message", {
-            handler: (message) => this.content += message ?? "",
+            handler: (message) => this._content += message ?? "",
             isGlobalHandler: false
         });
         this.addMessageHandler("History", {
             handler: (history) => {
                 this.chatHistory = history.history;
-                this.executionTime = history.executionTime;
+                // Re-attach the $progress and $attachment of the last response to the last assistant's response in the chat history
+                this.chatHistory.at(-1).additionalProperties.$progress = this._progress;
+                this.chatHistory.at(-1).additionalProperties.$attachment = this._attachments;
+                // Save/update the chat if savedChat enabled
+                if (this.chatConfig$.value.savedChatSettings.enabled && this.chatHistory.some((msg) => msg.additionalProperties?.isUserInput === true)) {
+                    const action = !this.savedChatId ? this.addSavedChat(this.chatHistory) : this.updateSavedChat(this.savedChatId, undefined, this.chatHistory);
+                    action.pipe(take(1)).subscribe();
+                }
+                this._executionTime = history.executionTime;
             },
             isGlobalHandler: false
         });
@@ -696,20 +802,20 @@ class WebSocketChatService extends ChatService {
         });
     }
     /**
-     * Override and register the entire messageHandlers map by merging the provided map with the default one
-     * @param messageHandlers
+     * Override and register the entire _messageHandlers map by merging the provided map with the default one
+     * @param _messageHandlers
      */
-    overrideMessageHandlers(messageHandlers) {
+    overrideMessageHandlers(_messageHandlers) {
         // Clear the already registered global chat handlers before merging the new ones
-        this.messageHandlers.forEach((eventHandler, eventName) => {
+        this._messageHandlers.forEach((eventHandler, eventName) => {
             if (eventHandler.isGlobalHandler) {
                 this.unsubscribeMessageHandler(eventName);
             }
         });
         // Merge the new event handlers with the existing ones
-        this.messageHandlers = new Map([...this.messageHandlers, ...messageHandlers]);
+        this._messageHandlers = new Map([...this._messageHandlers, ..._messageHandlers]);
         // Register the global chat handlers among the merged map
-        this.messageHandlers.forEach((eventHandler, eventName) => {
+        this._messageHandlers.forEach((eventHandler, eventName) => {
             if (eventHandler.isGlobalHandler) {
                 this.registerMessageHandler(eventName, eventHandler);
             }
@@ -723,7 +829,7 @@ class WebSocketChatService extends ChatService {
      * @param eventHandler The handler to be called when the event is received
      */
     addMessageHandler(eventName, eventHandler) {
-        this.messageHandlers.set(eventName, eventHandler);
+        this._messageHandlers.set(eventName, eventHandler);
         if (eventHandler.isGlobalHandler) {
             this.registerMessageHandler(eventName, eventHandler);
         }
@@ -744,17 +850,17 @@ class WebSocketChatService extends ChatService {
         });
     }
     /**
-     * Remove a listener for a specific event from the messageHandlers map and unsubscribe from receiving messages for this event from the SignalR hub.
+     * Remove a listener for a specific event from the _messageHandlers map and unsubscribe from receiving messages for this event from the SignalR hub.
      * @param eventName Name of the event to remove the listener for
      */
     removeMessageHandler(eventName) {
-        this.messageHandlers.delete(eventName);
+        this._messageHandlers.delete(eventName);
         this.unsubscribeMessageHandler(eventName);
     }
     /**
      * Unsubscribe from receiving messages for a specific event from the SignalR hub.
      * ALL its related listeners will be removed from hub connection
-     * This is needed to prevent accumulating old listeners when overriding the entire messageHandlers map
+     * This is needed to prevent accumulating old listeners when overriding the entire _messageHandlers map
      * @param eventName Name of the event
      */
     unsubscribeMessageHandler(eventName) {
@@ -773,7 +879,7 @@ class WebSocketChatService extends ChatService {
                 return;
             }
             const logLevel = this.getLogLevel();
-            this.connection = this.signalRService.buildConnection(this.REQUEST_URL, { ...this.defaultOptions, ...options }, logLevel);
+            this.connection = this.signalRService.buildConnection(this.REQUEST_URL, { ...this.defaultOptions, ...options }, logLevel, true);
             resolve();
         });
     }
@@ -792,7 +898,7 @@ class WebSocketChatService extends ChatService {
         return this.signalRService.stopConnection(this.connection);
     }
     getTransports() {
-        switch (this.chatConfig$.value?.globalSettings.signalRTransport) {
+        switch (this.chatConfig$.value?.connectionSettings.signalRTransport) {
             case "WebSockets":
                 return HttpTransportType.WebSockets;
             case "ServerSentEvents":
@@ -804,7 +910,7 @@ class WebSocketChatService extends ChatService {
         }
     }
     getLogLevel() {
-        switch (this.chatConfig$.value?.globalSettings.signalRLogLevel) {
+        switch (this.chatConfig$.value?.connectionSettings.signalRLogLevel) {
             case "Critical":
                 return LogLevel.Critical; // Log level for diagnostic messages that indicate a failure that will terminate the entire application.
             case "Debug":
@@ -1078,10 +1184,10 @@ class ChatReferenceComponent {
     }
 }
 ChatReferenceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatReferenceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatReferenceComponent, isStandalone: true, selector: "sq-chat-reference", inputs: { reference: "reference", attachment: "attachment", partId: "partId" }, outputs: { openDocument: "openDocument", openPreview: "openPreview" }, ngImport: i0, template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:#fff}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:#000}.reference-data i.active{color:#fff;background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:#000}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "component", type: FormatIconComponent, selector: "sq-format-icon", inputs: ["extension"] }] });
+ChatReferenceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatReferenceComponent, isStandalone: true, selector: "sq-chat-reference", inputs: { reference: "reference", attachment: "attachment", partId: "partId" }, outputs: { openDocument: "openDocument", openPreview: "openPreview" }, ngImport: i0, template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:var(--ast-reference-expanded-hover-bg, white)}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:var(--ast-reference-icon-color, black)}.reference-data i.active{color:var(--ast-reference-icon-active-color, white);background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:var(--ast-reference-passages-color, black)}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "component", type: FormatIconComponent, selector: "sq-format-icon", inputs: ["extension"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatReferenceComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sq-chat-reference', standalone: true, imports: [CommonModule, UtilsModule, FormatIconComponent], template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:#fff}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:#000}.reference-data i.active{color:#fff;background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:#000}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"] }]
+            args: [{ selector: 'sq-chat-reference', standalone: true, imports: [CommonModule, UtilsModule, FormatIconComponent], template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:var(--ast-reference-expanded-hover-bg, white)}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:var(--ast-reference-icon-color, black)}.reference-data i.active{color:var(--ast-reference-icon-active-color, white);background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:var(--ast-reference-passages-color, black)}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"] }]
         }], propDecorators: { reference: [{
                 type: Input
             }], attachment: [{
@@ -1211,6 +1317,26 @@ class ChatMessageComponent {
         }
         this.referenceClicked.emit(record);
     }
+    getLinkText(node) {
+        if (node.text) {
+            return node.text; // Return directly if text is provided in node.text ([Example link](https://example.com))
+        }
+        else if (node.children && node.children.length > 0) {
+            // Recursively search for text content in child nodes
+            for (const child of node.children) {
+                if (child.type === 'text' && child.value) {
+                    return child.value; // Return the value of the first text node found ([**Emphasized Link Text**](https://example.com))
+                }
+                else if (child.children && child.children.length > 0) {
+                    const textContent = this.getLinkText(child); // Recursively search child nodes ([![Example image](https://example.com/image.png)](https://example.com))
+                    if (textContent) {
+                        return textContent; // Return text content if found
+                    }
+                }
+            }
+        }
+        return 'link'; // Return empty string if no text content is found
+    }
     /**
      * Reformat [ids: 12.2, 42.5] to [12.2][42.5]
      */
@@ -1228,11 +1354,11 @@ class ChatMessageComponent {
     }
 }
 ChatMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatMessageComponent, deps: [{ token: i1$1.SearchService }, { token: i2$1.UIService }, { token: i3.PrincipalWebService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-ChatMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatMessageComponent, isStandalone: true, selector: "sq-chat-message", inputs: { message: "message", conversation: "conversation", assistantIcon: "assistantIcon", streaming: "streaming", canEdit: "canEdit", canRegenerate: "canRegenerate", canCopy: "canCopy" }, outputs: { referenceClicked: "referenceClicked", edit: "edit", regenerate: "regenerate", openPreview: "openPreview" }, usesOnChanges: true, ngImport: i0, template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\" [title]=\"step.time ?? ''\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n  \n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:var(--ast-size-2, .5rem);display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: i5.Collapse, selector: "sq-collapse", inputs: ["collapsed"] }, { kind: "ngmodule", type: RemarkModule }, { kind: "component", type: i6.RemarkComponent, selector: "remark", inputs: ["markdown", "processor", "debug"] }, { kind: "directive", type: i6.RemarkTemplateDirective, selector: "[remarkTemplate]", inputs: ["remarkTemplate"] }, { kind: "component", type: InitialsAvatarComponent, selector: "sq-initials-avatar", inputs: ["fullName", "size"] }, { kind: "component", type: ChatReferenceComponent, selector: "sq-chat-reference", inputs: ["reference", "attachment", "partId"], outputs: ["openDocument", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+ChatMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatMessageComponent, isStandalone: true, selector: "sq-chat-message", inputs: { message: "message", conversation: "conversation", assistantIcon: "assistantIcon", streaming: "streaming", canEdit: "canEdit", canRegenerate: "canRegenerate", canCopy: "canCopy" }, outputs: { referenceClicked: "referenceClicked", edit: "edit", regenerate: "regenerate", openPreview: "openPreview" }, usesOnChanges: true, ngImport: i0, template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"link\" let-node>\n        <a [href]=\"node.url\" target=\"_blank\" rel=\"noopener noreferrer\">{{getLinkText(node)}}</a>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n\n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid;border-color:var(--ast-message-table-border-color, #ccc);border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:var(--ast-message-table-tr-bg, #f8f8f8);border:1px solid;border-color:var(--ast-message-table-tr-border-color, #ddd);padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-content ::ng-deep .reference{color:var(--ast-message-reference-color, black)!important}.message-content ::ng-deep ul,.message-content ::ng-deep ol{display:flex;flex-direction:column;gap:.5rem;padding-right:2rem;margin-left:0;margin-right:0;padding-left:40px;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;list-style:disc}.message-content ::ng-deep p{margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.message-user .message-content p{white-space:pre-line}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:0;display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: i5.Collapse, selector: "sq-collapse", inputs: ["collapsed"] }, { kind: "ngmodule", type: RemarkModule }, { kind: "component", type: i6.RemarkComponent, selector: "remark", inputs: ["markdown", "processor", "debug"] }, { kind: "directive", type: i6.RemarkTemplateDirective, selector: "[remarkTemplate]", inputs: ["remarkTemplate"] }, { kind: "component", type: InitialsAvatarComponent, selector: "sq-initials-avatar", inputs: ["fullName", "size"] }, { kind: "component", type: ChatReferenceComponent, selector: "sq-chat-reference", inputs: ["reference", "attachment", "partId"], outputs: ["openDocument", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatMessageComponent, decorators: [{
             type: Component,
             args: [{ selector: "sq-chat-message", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, UtilsModule, CollapseModule, RemarkModule,
-                        InitialsAvatarComponent, ChatReferenceComponent], template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\" [title]=\"step.time ?? ''\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n  \n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:var(--ast-size-2, .5rem);display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"] }]
+                        InitialsAvatarComponent, ChatReferenceComponent], template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"link\" let-node>\n        <a [href]=\"node.url\" target=\"_blank\" rel=\"noopener noreferrer\">{{getLinkText(node)}}</a>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n\n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid;border-color:var(--ast-message-table-border-color, #ccc);border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:var(--ast-message-table-tr-bg, #f8f8f8);border:1px solid;border-color:var(--ast-message-table-tr-border-color, #ddd);padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-content ::ng-deep .reference{color:var(--ast-message-reference-color, black)!important}.message-content ::ng-deep ul,.message-content ::ng-deep ol{display:flex;flex-direction:column;gap:.5rem;padding-right:2rem;margin-left:0;margin-right:0;padding-left:40px;unicode-bidi:-webkit-isolate;unicode-bidi:isolate;list-style:disc}.message-content ::ng-deep p{margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.message-user .message-content p{white-space:pre-line}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:0;display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1$1.SearchService }, { type: i2$1.UIService }, { type: i3.PrincipalWebService }, { type: i0.ChangeDetectorRef }, { type: i0.ElementRef }]; }, propDecorators: { message: [{
                 type: Input
             }], conversation: [{
@@ -1275,7 +1401,10 @@ class RestChatService extends ChatService {
             this.listFunctions()
         ])), 
         // Map the results of parallel requests to a boolean indicating success
-        map(([models, functions]) => !!models && !!functions), 
+        map(([models, functions]) => {
+            this.initProcess$.next(true);
+            return !!models && !!functions;
+        }), 
         // Any errors during the process are caught, logged, and re-thrown to propagate the error further
         catchError((error) => {
             console.error('Error occurred:', error);
@@ -1289,8 +1418,8 @@ class RestChatService extends ChatService {
      * It can be overridden by the app config
      */
     getRequestsUrl() {
-        if (this.chatConfig$.value.globalSettings.restEndpoint) {
-            this.REQUEST_URL = this.chatConfig$.value.globalSettings.restEndpoint;
+        if (this.chatConfig$.value.connectionSettings.restEndpoint) {
+            this.REQUEST_URL = this.chatConfig$.value.connectionSettings.restEndpoint;
         }
         else {
             throw new Error(`The property 'restEndpoint' must be provided when attempting to use 'REST' in assistant instance`);
@@ -1299,7 +1428,7 @@ class RestChatService extends ChatService {
     listModels() {
         const data = {
             action: "listmodels",
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.models), tap(models => this.models = models?.filter(model => !!model.enable)), catchError((error) => {
             console.error('Error invoking listmodels:', error);
@@ -1309,30 +1438,36 @@ class RestChatService extends ChatService {
     listFunctions() {
         const data = {
             action: "listfunctions",
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
-        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.functions), tap(functions => this.functions = functions), catchError((error) => {
+        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.functions), tap((functions) => this.functions = functions?.filter(func => func.enabled && !!this.chatConfig$.value.defaultValues.functions.find(fn => fn.name === func.functionName))), catchError((error) => {
             console.error('Error invoking listfunctions:', error);
             return throwError(() => error);
         }));
     }
-    fetch(messages, query = this.searchService.query) {
+    fetch(messages, query) {
         // Start streaming by invoking the Chat method
         this.streaming$.next(true);
         // Prepare the payload to send to the Chat method
         const data = {
             action: "chat",
             history: messages,
-            functions: this.chatConfig$.value.functions,
-            debug: this.chatConfig$.value.debug,
-            serviceSettings: this.chatConfig$.value.serviceSettings,
-            contextSettings: {
-                ...this.chatConfig$.value.contextSettings,
+            functions: this.chatConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
+            debug: this.chatConfig$.value.defaultValues.debug,
+            serviceSettings: {
+                service_id: this.chatConfig$.value.defaultValues.service_id,
+                model_id: this.chatConfig$.value.defaultValues.model_id,
+                top_p: this.chatConfig$.value.defaultValues.top_p,
+                temperature: this.chatConfig$.value.defaultValues.temperature,
+                max_tokens: this.chatConfig$.value.defaultValues.max_tokens,
+                ...this.chatConfig$.value.additionalServiceSettings
+            },
+            appQuery: {
                 app: this.appService.appName,
                 query
             }
         };
-        if (this.chatConfig$.value.saveChats) {
+        if (this.chatConfig$.value.savedChatSettings.enabled) {
             data.instanceId = this.chatInstanceId;
             data.savedChatId = this.savedChatId;
         }
@@ -1366,33 +1501,71 @@ class RestChatService extends ChatService {
             if (res.context) {
                 response.additionalProperties.$attachment = res.context.map((ctx) => ctx.additionalProperties);
             }
-            // Update the chat history with the history property of the res
+            // Update the chat history with the incoming history property of the res AND the processed response message
             this.chatHistory = res.history;
+            this.chatHistory[this.chatHistory.length - 1] = response;
+            // Save/update the chat if savedChat enabled
+            if (this.chatConfig$.value.savedChatSettings.enabled && this.chatHistory.some((msg) => msg.additionalProperties?.isUserInput === true)) {
+                const action = !this.savedChatId ? this.addSavedChat(this.chatHistory) : this.updateSavedChat(this.savedChatId, undefined, this.chatHistory);
+                action.pipe(take(1)).subscribe();
+            }
             // Return the result
             return { history: [...messages, response], executionTime: res.executionTime };
-        }), tap(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.serviceSettings.service_id)), finalize(() => this.streaming$.next(false)));
+        }), tap(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.defaultValues.service_id)), finalize(() => this.streaming$.next(false)));
     }
     listSavedChat() {
         const data = {
             action: "SavedChatList",
             instanceId: this.chatInstanceId,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         this.jsonMethodWebService.get(this.REQUEST_URL, data).subscribe(res => this.savedChats$.next(res.savedChats), error => {
-            console.error('Error occurred while calling the SavedChatList API:', error);
-            this.notificationsService.error('Error occurred while calling the SavedChatList API');
+            console.error('Error occurred while calling the SavedChatList API:', error.error.errorMessage);
+            this.notificationsService.error('Error occurred while calling the SavedChatList API:', error.error.errorMessage);
         });
     }
+    addSavedChat(messages) {
+        const data = {
+            action: "SavedChatAdd",
+            instanceId: this.chatInstanceId,
+            savedChatId: ChatService.generateGUID(),
+            history: messages,
+            debug: this.chatConfig$.value.defaultValues.debug
+        };
+        return this.jsonMethodWebService.post(this.REQUEST_URL, data).pipe(map(res => res.savedChat), tap((savedChat) => this.setSavedChatId(savedChat.id)), // Persist the savedChatId
+        catchError((error) => {
+            console.error('Error occurred while calling the SavedChatAdd API:', error.error.errorMessage);
+            this.notificationsService.error('Error occurred while calling the SavedChatAdd API:', error.error.errorMessage);
+            return throwError(() => error);
+        }));
+    }
     getSavedChat(id) {
         const data = {
             action: "SavedChatGet",
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.savedChat), catchError((error) => {
-            console.error('Error occurred while calling the SavedChatGet API:', error);
-            this.notificationsService.error('Error occurred while calling the SavedChatGet API');
+            console.error('Error occurred while calling the SavedChatGet API:', error.error.errorMessage);
+            this.notificationsService.error('Error occurred while calling the SavedChatGet API:', error.error.errorMessage);
+            return throwError(() => error);
+        }));
+    }
+    updateSavedChat(id, name, messages) {
+        const data = {
+            action: "SavedChatUpdate",
+            instanceId: this.chatInstanceId,
+            savedChatId: id,
+            debug: this.chatConfig$.value.defaultValues.debug
+        };
+        if (name)
+            data["title"] = name;
+        if (messages)
+            data["history"] = messages;
+        return this.jsonMethodWebService.post(this.REQUEST_URL, data).pipe(map(res => res.savedChat), catchError((error) => {
+            console.error('Error occurred while calling the SavedChatUpdate API:', error.error.errorMessage);
+            this.notificationsService.error('Error occurred while calling the SavedChatUpdate API:', error.error.errorMessage);
             return throwError(() => error);
         }));
     }
@@ -1401,11 +1574,11 @@ class RestChatService extends ChatService {
             action: "SavedChatDelete",
             instanceId: this.chatInstanceId,
             savedChatIds: ids,
-            debug: this.chatConfig$.value.debug
+            debug: this.chatConfig$.value.defaultValues.debug
         };
         return this.jsonMethodWebService.post(this.REQUEST_URL, data).pipe(map(res => res.deletedCount), catchError((error) => {
-            console.error('Error occurred while calling the SavedChatDelete API:', error);
-            this.notificationsService.error('Error occurred while calling the SavedChatDelete API ');
+            console.error('Error occurred while calling the SavedChatDelete API:', error.error.errorMessage);
+            this.notificationsService.error('Error occurred while calling the SavedChatDelete API:', error.error.errorMessage);
             return throwError(() => error);
         }));
     }
@@ -1419,14 +1592,21 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
 class ChatComponent extends AbstractFacet {
     constructor() {
         super();
+        this.loginService = inject(LoginService);
+        this.websocketService = inject(WebSocketChatService);
+        this.restService = inject(RestChatService);
+        this.instanceManagerService = inject(InstanceManagerService);
+        this.searchService = inject(SearchService);
+        this.principalService = inject(PrincipalWebService);
+        this.cdr = inject(ChangeDetectorRef);
+        /** Define the query to use to fetch answers */
+        this.query = this.searchService.query;
         /** Define the protocol to be used for this chat instance*/
         this.protocol = "WEBSOCKET";
         /** Map of listeners overriding default registered ones*/
         this.messageHandlers = new Map();
         /** When the assistant answer a user question, automatically scroll down to the bottom of the discussion */
         this.automaticScrollToLastResponse = false;
-        this.enableChat = true;
-        this.showCredits = true;
         this.customAssistantIcon = '';
         this.data = new EventEmitter();
         this.referenceClicked = new EventEmitter();
@@ -1439,16 +1619,10 @@ class ChatComponent extends AbstractFacet {
         this._actions = [];
         this.sub = new Subscription();
         this.changes$ = new BehaviorSubject(undefined);
-        this.handleFirstChanges = false;
+        this.firstChangesHandled = false;
         this.isAtBottom = true;
         this.initializationError = false;
-        this.loginService = inject(LoginService);
-        this.websocketService = inject(WebSocketChatService);
-        this.restService = inject(RestChatService);
-        this.instanceManagerService = inject(InstanceManagerService);
-        this.searchService = inject(SearchService);
-        this.principalService = inject(PrincipalWebService);
-        this.cdr = inject(ChangeDetectorRef);
+        this.enabledUserInput = false;
         this._actions.push(new Action({
             icon: 'fas fa-sync',
             title: 'Reset chat',
@@ -1458,13 +1632,14 @@ class ChatComponent extends AbstractFacet {
     ngOnInit() {
         this.sub.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), map(_ => this.chatService.initChatConfig()), switchMap(() => this.chatService.initConfig$), filter(initConfig => !!initConfig), switchMap(_ => this.chatService.init()), filter(success => !!success), tap(_ => this.onLoadChat()), switchMap(_ => this.chatService.chatConfig$), tap(config => {
             this.config = config;
+            this.enabledUserInput = this.config.modeSettings.enabledUserInput;
             this._config.emit(config);
             try {
                 this.updateModelDescription();
-                if (!this.handleFirstChanges) {
+                if (!this.firstChangesHandled) {
                     this.handleChanges();
                     this.addScrollListener();
-                    this.handleFirstChanges = true;
+                    this.firstChangesHandled = true;
                 }
             }
             catch (error) {
@@ -1500,12 +1675,50 @@ class ChatComponent extends AbstractFacet {
     get actions() { return this._actions; }
     handleChanges() {
         const changes = this.changes$.value;
+        // If the chat service is a WebSocketChatService, handle the override of the message handlers if exists
         if (changes?.messageHandlers && this.messageHandlers && this.chatService instanceof WebSocketChatService) {
             this.chatService.overrideMessageHandlers(this.messageHandlers);
         }
-        if (!this.messages$.value || changes?.chat) {
-            // Load the chat
-            this.chat ? this.openChat(this.chat.messages) : this.loadDefaultChat();
+        /**
+         * Initialize the chat with the provided chat messages if exists, otherwise load the default chat
+         * Once the chat is initialized (firstChangesHandled is true), allow opening the chat with the new provided messages (if exists)
+         */
+        if (!this.firstChangesHandled || changes?.chat) {
+            const openChat = () => {
+                if (this.messages$.value && this.config.savedChatSettings.enabled) {
+                    this.chatService.listSavedChat(); // Refresh the list of saved chats
+                }
+                this.openChat(this.chat.messages);
+            };
+            this.chat ? openChat() : this.loadDefaultChat();
+        }
+        /**
+         * If the chat is initialized, the initialization event is "Query", the query changes and the queryChangeShouldTriggerReload function is provided,
+         * then the chat should be reloaded if the function returns true
+         * Otherwise, the chat should be reloaded by default
+         */
+        if (this.firstChangesHandled && changes?.query && this.config.modeSettings.initialization.event === 'Query') {
+            const previousQuery = changes.query.previousValue;
+            const currentQuery = changes.query.currentValue;
+            if (this.queryChangeShouldTriggerReload ? this.queryChangeShouldTriggerReload(previousQuery, currentQuery) : true) {
+                this.triggerReloadAfterQueryChange(currentQuery);
+            }
+        }
+    }
+    triggerReloadAfterQueryChange(query) {
+        const systemMsg = { role: 'system', content: this.config.defaultValues.systemPrompt, additionalProperties: { display: false } };
+        const userMsg = { role: 'user', content: ChatService.formatPrompt(this.config.defaultValues.userPrompt, { principal: this.principalService.principal }), additionalProperties: { display: this.config.modeSettings.displayUserPrompt } };
+        /**
+         * If the provided query text is not empty, then add the user query message to the chat history and invoke the assistant
+         * Otherwise, just start a new chat with a warning message inviting the user to perform a full text search to retrieve some results
+         */
+        if (!!this.query.text) {
+            const userQueryMsg = { role: 'user', content: this.query.text, additionalProperties: { display: this.config.modeSettings.initialization.displayUserQuery, query: this.query, forcedWorkflow: this.config.modeSettings.initialization.forcedWorkflow, isUserInput: true } };
+            this.openChat(this.config.modeSettings.sendUserPrompt ? [systemMsg, userMsg, userQueryMsg] : [systemMsg, userQueryMsg]);
+        }
+        else {
+            const warningMsg = { role: 'assistant', content: "You must perform a full text search to retrieve some results", additionalProperties: { display: true } };
+            this.openChat([warningMsg]);
         }
     }
     addScrollListener() {
@@ -1515,7 +1728,7 @@ class ChatComponent extends AbstractFacet {
         }));
     }
     updateModelDescription() {
-        this.modelDescription = this.chatService.getModel(this.config.serviceSettings.service_id, this.config.serviceSettings.model_id);
+        this.modelDescription = this.chatService.getModel(this.config.defaultValues.service_id, this.config.defaultValues.model_id);
         this.assistantIcon = !!this.customAssistantIcon ? this.customAssistantIcon : 'sq-sinequa';
         switch (this.modelDescription?.provider) {
             case 'Google':
@@ -1542,17 +1755,15 @@ class ChatComponent extends AbstractFacet {
                 this.chatService.chatHistory = this.chatService.chatHistory.slice(0, this.messageToEdit);
                 this.messageToEdit = undefined;
             }
-            // Re-attach the $progress and $attachment of the last response to the last assistant's response in the chat history
-            this.chatService.chatHistory.at(-1).additionalProperties.$progress = this.messages$.value.at(-1).additionalProperties.$progress;
-            this.chatService.chatHistory.at(-1).additionalProperties.$attachment = this.messages$.value.at(-1).additionalProperties.$attachment;
             // Fetch the answer
             this.fetchAnswer(this.question.trim(), this.chatService.chatHistory);
             // Clear the input value in the UI
             this.questionInput.nativeElement.value = '';
+            this.questionInput.nativeElement.style.height = `auto`;
         }
     }
     fetchAnswer(question, conversation) {
-        const userMsg = { role: 'user', content: question, additionalProperties: { display: true } };
+        const userMsg = { role: 'user', content: question, additionalProperties: { display: true, isUserInput: true } };
         const messages = [...conversation, userMsg];
         this.messages$.next(messages);
         this.fetch(messages);
@@ -1609,22 +1820,56 @@ class ChatComponent extends AbstractFacet {
             }
         }, 10);
     }
+    /**
+     * Start a new chat with the defaultValues settings
+     * The savedChatId in the chat service will be reset, so that the upcoming saved chat operations will be performed on the fresh new chat
+     * If the savedChat feature is enabled, the list of saved chats will be refreshed
+     */
     newChat() {
-        this.chatService.listSavedChat(); // Refresh the list of saved chats
+        this.chatService.setSavedChatId(undefined); // Reset the savedChatId
+        if (this.config.savedChatSettings.enabled) {
+            this.chatService.listSavedChat(); // Refresh the list of saved chats
+        }
         this.loadDefaultChat(); // Start a new chat
     }
+    /**
+     * Start the default chat with the defaultValues settings
+     * If the chat is meant to be initialized with event === "Query", the corresponding user query message will be added to the chat history
+     */
     loadDefaultChat() {
-        this.openChat([
-            { role: 'system', content: this.config.uiSettings.systemPrompt, additionalProperties: { display: false } },
-            { role: 'user', content: ChatService.formatPrompt(this.config.uiSettings.userPrompt, { principal: this.principalService.principal }), additionalProperties: { display: true } },
-        ]);
+        const systemMsg = { role: 'system', content: this.config.defaultValues.systemPrompt, additionalProperties: { display: false } };
+        const userMsg = { role: 'user', content: ChatService.formatPrompt(this.config.defaultValues.userPrompt, { principal: this.principalService.principal }), additionalProperties: { display: this.config.modeSettings.displayUserPrompt } };
+        if (this.config.modeSettings.initialization.event === 'Query') {
+            // If the provided query text is not empty, then add the user query message to the chat history and invoke the assistant
+            // Otherwise, just start a new chat with a warning message inviting the user to perform a full text search to retrieve some results
+            if (!!this.query.text) {
+                const userQueryMsg = { role: 'user', content: this.query.text, additionalProperties: { display: this.config.modeSettings.initialization.displayUserQuery, query: this.query, forcedWorkflow: this.config.modeSettings.initialization.forcedWorkflow, isUserInput: true } };
+                this.openChat(this.config.modeSettings.sendUserPrompt ? [systemMsg, userMsg, userQueryMsg] : [systemMsg, userQueryMsg]);
+            }
+            else {
+                const warningMsg = { role: 'assistant', content: "You must perform a full text search to retrieve some results", additionalProperties: { display: true } };
+                this.openChat([warningMsg]);
+            }
+        }
+        else {
+            this.openChat([systemMsg, userMsg]);
+        }
     }
+    /**
+     * Start/open a new chat with the provided messages and chatId
+     * If the last message is from the user, a request to the assistant is made to get an answer
+     * If the last message is from the assistant, the conversation is loaded right away
+     * @param messages The list of messages of the chat
+     * @param chatId  The id of the chat. If provided (ie. an existing discussion in the saved chat index), update the savedChatId in the chat service for the upcoming saved chat operations
+     */
     openChat(messages, chatId) {
         if (!messages || !Array.isArray(messages)) {
             console.error('Error occurs while trying to load the chat discussion. Invalid messages received :', messages);
             return;
         }
-        this.chatService.setSavedChatId(chatId || ChatService.generateGUID());
+        if (chatId) {
+            this.chatService.setSavedChatId(chatId);
+        }
         this.resetChat();
         this.messages$.next(messages);
         this.chatService.chatHistory = messages;
@@ -1637,6 +1882,11 @@ class ChatComponent extends AbstractFacet {
             this.terminateFetch();
         }
     }
+    /**
+     * Reset the chat by clearing the messages and the chat history
+     * The question input will be focused after the chat is reset
+     * The fetch subscription will be terminated
+     */
     resetChat() {
         if (this.messages$.value) {
             this.messages$.next(undefined); // Reset chat
@@ -1648,8 +1898,7 @@ class ChatComponent extends AbstractFacet {
     onLoadChat() {
         this.loading$.next(true);
         this.sub.add(this.chatService.loadSavedChat$
-            .pipe(filter(savedChat => !!savedChat), switchMap(savedChat => this.chatService.getSavedChat(savedChat.id)), filter(savedChatHistory => !!savedChatHistory), tap(savedChatHistory => this.openChat(savedChatHistory.History, savedChatHistory.id)), finalize(() => this.chatService.listSavedChat()) // Refresh the list of saved chats
-        ).subscribe());
+            .pipe(filter(savedChat => !!savedChat), switchMap(savedChat => this.chatService.getSavedChat(savedChat.id)), filter(savedChatHistory => !!savedChatHistory), tap(savedChatHistory => this.openChat(savedChatHistory.history, savedChatHistory.id))).subscribe());
     }
     terminateFetch() {
         this.dataSubscription?.unsubscribe();
@@ -1675,60 +1924,44 @@ class ChatComponent extends AbstractFacet {
     }
     onKeyUp(event) {
         switch (event.key) {
-            case 'ArrowUp':
-                this.navigateMessage(-1);
-                break;
-            case 'ArrowDown':
-                this.navigateMessage(1);
+            case 'Backspace':
+                this.calculateHeight();
                 break;
             case 'Enter':
-                this.submitQuestion();
+                if (!event.shiftKey)
+                    this.submitQuestion();
+                this.calculateHeight();
                 break;
             default:
                 break;
         }
-        // Handle Shift + Enter
-        if (event.shiftKey && event.key === 'Enter') {
-            this.submitQuestion();
-        }
     }
-    navigateMessage(direction) {
-        if (!this.chatService.chatHistory || this.chatService.chatHistory.length < 1) {
-            return;
-        }
-        const userMessages = this.chatService.chatHistory.filter(m => m.role === 'user');
-        if (userMessages.length < 1) {
-            return;
-        }
-        this.currentMessageIndex = (this.currentMessageIndex ?? userMessages.length) + direction;
-        if (this.currentMessageIndex < 0) {
-            // If the user presses up arrow on the first message, stay at the first message
-            this.currentMessageIndex = 0;
-        }
-        else if (this.currentMessageIndex >= userMessages.length) {
-            // If the user presses down arrow on the last previous message, clear the input
-            this.currentMessageIndex = undefined;
-            this.question = '';
-            return;
-        }
-        this.question = userMessages[this.currentMessageIndex].content;
+    calculateHeight() {
+        const maxHeight = 170;
+        const el = this.questionInput.nativeElement;
+        el.style.maxHeight = `${maxHeight}px`;
+        el.style.height = 'auto';
+        el.style.height = `${el.scrollHeight}px`;
+        el.style.overflowY = el.scrollHeight >= maxHeight ? 'scroll' : 'hidden';
     }
 }
 ChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatComponent, isStandalone: true, selector: "sq-chat-v3", inputs: { instanceId: "instanceId", query: "query", protocol: "protocol", messageHandlers: "messageHandlers", automaticScrollToLastResponse: "automaticScrollToLastResponse", chat: "chat", enableChat: "enableChat", showCredits: "showCredits", customAssistantIcon: "customAssistantIcon" }, outputs: { data: "data", referenceClicked: "referenceClicked", openPreview: "openPreview", loading$: "loading", error: "error", _config: "config" }, providers: [
+ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatComponent, isStandalone: true, selector: "sq-chat-v3", inputs: { instanceId: "instanceId", query: "query", queryChangeShouldTriggerReload: "queryChangeShouldTriggerReload", protocol: "protocol", messageHandlers: "messageHandlers", automaticScrollToLastResponse: "automaticScrollToLastResponse", chat: "chat", customAssistantIcon: "customAssistantIcon" }, outputs: { data: "data", referenceClicked: "referenceClicked", openPreview: "openPreview", loading$: "loading", error: "error", _config: "config" }, providers: [
         RestChatService,
         WebSocketChatService
-    ], queries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], viewQueries: [{ propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true }, { propertyName: "questionInput", first: true, predicate: ["questionInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pb-5\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enableChat\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"showCredits\">\n          powered by {{modelDescription?.displayName}} <ng-container *ngIf=\"privacyUrl\"> - <a [href]=\"privacyUrl\" target=\"_blank\">privacy notice</a></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-success d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <i class=\"fas fa-search\"></i>\n      <input #questionInput\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:center;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:#212529bf}.ast-input-container input{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem)}.ast-input-container input,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:not(:hover){color:#212529bf}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ChatMessageComponent, selector: "sq-chat-message", inputs: ["message", "conversation", "assistantIcon", "streaming", "canEdit", "canRegenerate", "canCopy"], outputs: ["referenceClicked", "edit", "regenerate", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], viewQueries: [{ propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true }, { propertyName: "questionInput", first: true, predicate: ["questionInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pe-2 pb-2\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enabledUserInput\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"!!config?.globalSettings?.disclaimer\">\n          {{ config?.globalSettings?.disclaimer }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-primary d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <button disabled class=\"btn btn-light\">\n        <i class=\"fas fa-search\"></i>\n      </button>\n      <textarea #questionInput rows=\"1\"\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        (keydown)=\"calculateHeight()\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:end;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:var(--ast-muted-color, rgba(33, 37, 41, .75))}.ast-input-container textarea{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem);resize:none}.ast-input-container textarea,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:hover{color:var(--ast-primary-color, #005DA7)}.ast-input-container button:not(:hover){color:var(--ast-muted-color, rgba(33, 37, 41, .75))}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ChatMessageComponent, selector: "sq-chat-message", inputs: ["message", "conversation", "assistantIcon", "streaming", "canEdit", "canRegenerate", "canCopy"], outputs: ["referenceClicked", "edit", "regenerate", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatComponent, decorators: [{
             type: Component,
             args: [{ selector: 'sq-chat-v3', providers: [
                         RestChatService,
                         WebSocketChatService
-                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, ChatMessageComponent], template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pb-5\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enableChat\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"showCredits\">\n          powered by {{modelDescription?.displayName}} <ng-container *ngIf=\"privacyUrl\"> - <a [href]=\"privacyUrl\" target=\"_blank\">privacy notice</a></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-success d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <i class=\"fas fa-search\"></i>\n      <input #questionInput\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:center;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:#212529bf}.ast-input-container input{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem)}.ast-input-container input,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:not(:hover){color:#212529bf}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, ChatMessageComponent], template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pe-2 pb-2\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enabledUserInput\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"!!config?.globalSettings?.disclaimer\">\n          {{ config?.globalSettings?.disclaimer }}\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-primary d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <button disabled class=\"btn btn-light\">\n        <i class=\"fas fa-search\"></i>\n      </button>\n      <textarea #questionInput rows=\"1\"\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        (keydown)=\"calculateHeight()\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:end;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:var(--ast-muted-color, rgba(33, 37, 41, .75))}.ast-input-container textarea{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem);resize:none}.ast-input-container textarea,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:hover{color:var(--ast-primary-color, #005DA7)}.ast-input-container button:not(:hover){color:var(--ast-muted-color, rgba(33, 37, 41, .75))}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { instanceId: [{
                 type: Input
             }], query: [{
                 type: Input
+            }], queryChangeShouldTriggerReload: [{
+                type: Input
             }], protocol: [{
                 type: Input
             }], messageHandlers: [{
@@ -1737,10 +1970,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Input
             }], chat: [{
                 type: Input
-            }], enableChat: [{
-                type: Input
-            }], showCredits: [{
-                type: Input
             }], customAssistantIcon: [{
                 type: Input
             }], data: [{
@@ -1793,12 +2022,41 @@ class SavedChatsComponent {
         this.chatService = this.instanceManagerService.getInstance(this.instanceId);
     }
     onListSavedChat() {
-        this.subscription.add(this.chatService.savedChats$.subscribe((savedChats) => this.groupedSavedChats$.next(this._groupSavedChatsByDate(savedChats))));
+        this.subscription.add(this.chatService.savedChats$.subscribe((savedChats) => {
+            this.groupedSavedChats$.next(this._groupSavedChatsByDate(savedChats));
+        }));
     }
     onLoad(savedChat) {
+        this.chatService.setSavedChatId(savedChat.id);
         this.chatService.loadSavedChat$.next(savedChat);
+        this.chatService.listSavedChat();
         this.load.emit(savedChat);
     }
+    onRename(savedChat) {
+        const model = {
+            title: 'Rename saved discussion',
+            message: `Please enter a new name for the discussion "${savedChat.title}".`,
+            buttons: [
+                new ModalButton({ result: -2 /* ModalResult.Cancel */ }),
+                new ModalButton({ result: -1 /* ModalResult.OK */, text: "Rename", primary: true })
+            ],
+            output: savedChat.title,
+            validators: [Validators.required]
+        };
+        this.modalService.prompt(model).then(res => {
+            if (res === -1 /* ModalResult.OK */) {
+                this.subscription.add(this.chatService.updateSavedChat(savedChat.id, model.output)
+                    .pipe(tap(() => {
+                    this.notificationsService.success(`The saved discussion "${savedChat.title}" has been successfully renamed to "${model.output}".`);
+                    this.chatService.listSavedChat();
+                }), catchError((error) => {
+                    console.error('Error occurred while updating the saved chat:', error);
+                    this.notificationsService.error(`Error occurred while updating the saved discussion "${savedChat.title}"`);
+                    return throwError(() => error);
+                })).subscribe());
+            }
+        });
+    }
     onDelete(savedChat) {
         this.modalService
             .confirm({
@@ -1875,10 +2133,10 @@ class SavedChatsComponent {
     }
 }
 SavedChatsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SavedChatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-SavedChatsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SavedChatsComponent, isStandalone: true, selector: "sq-saved-chats-v3", inputs: { instanceId: "instanceId" }, outputs: { load: "load", delete: "delete" }, ngImport: i0, template: "<div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\">\n      <span class=\"title me-1\" (click)=\"onLoad(savedChat)\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\" (click)=\"onDelete(savedChat)\"></i>\n    </div>\n</div>\n", styles: [".saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover{color:#ff732e;background-color:#fff8f1}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }] });
+SavedChatsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SavedChatsComponent, isStandalone: true, selector: "sq-saved-chats-v3", inputs: { instanceId: "instanceId" }, outputs: { load: "load", delete: "delete" }, ngImport: i0, template: "<ng-container *ngIf=\"(chatService.chatConfig$ | async)?.savedChatSettings.display\">\n  <div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\" [class.active]=\"chatService.savedChatId === savedChat.id\"\n      (click)=\"onLoad(savedChat)\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"$event.stopPropagation(); onRename(savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"$event.stopPropagation(); onDelete(savedChat)\"></i>\n    </div>\n  </div>\n</ng-container>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}.saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover,.saved-chats .saved-chat.active{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-saved-chat-hover-background, #FFF8F1)}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SavedChatsComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sq-saved-chats-v3', standalone: true, imports: [CommonModule, ModalModule, UtilsModule], template: "<div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\">\n      <span class=\"title me-1\" (click)=\"onLoad(savedChat)\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\" (click)=\"onDelete(savedChat)\"></i>\n    </div>\n</div>\n", styles: [".saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover{color:#ff732e;background-color:#fff8f1}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+            args: [{ selector: 'sq-saved-chats-v3', standalone: true, imports: [CommonModule, ModalModule, UtilsModule], template: "<ng-container *ngIf=\"(chatService.chatConfig$ | async)?.savedChatSettings.display\">\n  <div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\" [class.active]=\"chatService.savedChatId === savedChat.id\"\n      (click)=\"onLoad(savedChat)\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"$event.stopPropagation(); onRename(savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"$event.stopPropagation(); onDelete(savedChat)\"></i>\n    </div>\n  </div>\n</ng-container>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}.dark{--ast-primary-bg: #0d0701;--ast-primary-color: #008cd1;--ast-secondary-bg: #00070e;--ast-secondary-color: #ffa258;--ast-input-bg: #070707;--ast-input-color: rgba(222, 218, 218, .75);--ast-muted-color: rgba(222, 218, 218, .75);--ast-saved-chat-hover-background: #262421;--ast-message-table-border-color: #333333;--ast-message-table-tr-bg: #070707;--ast-message-table-tr-border-color: #222222;--ast-reference-icon-color: white;--ast-reference-icon-active-color: black;--ast-reference-passages-color: white;--ast-reference-expanded-hover-bg: #262421;--ast-message-reference-color: black}.saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover,.saved-chats .saved-chat.active{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-saved-chat-hover-background, #FFF8F1)}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { instanceId: [{
                 type: Input
             }], load: [{
@@ -1903,9 +2161,81 @@ const enAssistant = Utils.merge({}, _enAssistant);
 const frAssistant = Utils.merge({}, _frAssistant);
 const deAssistant = Utils.merge({}, _deAssistant);
 
+class ChatPrompt {
+    constructor(model, modalRef, formBuilder) {
+        this.model = model;
+        this.modalRef = modalRef;
+        this.formBuilder = formBuilder;
+        this.defaultButtons = [
+            new ModalButton({
+                result: -1 /* ModalResult.OK */,
+                primary: true,
+                validation: this.form
+            }),
+            new ModalButton({
+                result: -2 /* ModalResult.Cancel */
+            })
+        ];
+    }
+    ngOnInit() {
+        this.inputControl = new UntypedFormControl(this.model.output, this.model.validators || Validators.required);
+        this.form = this.formBuilder.group({
+            input: this.inputControl
+        });
+        this.formChanges = Utils.subscribe(this.form.valueChanges, (value) => {
+            this.model.output = this.inputControl.value;
+        });
+    }
+    ngOnDestroy() {
+        this.formChanges.unsubscribe();
+    }
+    get title() {
+        return this.model.title ? this.model.title : "msg#modal.prompt.title";
+    }
+    get buttons() {
+        return (this.model.buttons && this.model.buttons.length > 0) ? this.model.buttons : this.defaultButtons;
+    }
+}
+ChatPrompt.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatPrompt, deps: [{ token: MODAL_MODEL }, { token: i1$2.ModalRef }, { token: i2.UntypedFormBuilder }], target: i0.ɵɵFactoryTarget.Component });
+ChatPrompt.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatPrompt, isStandalone: true, selector: "sq-chat-prompt", ngImport: i0, template: `
+        <form name="prompt" novalidate [formGroup]="form">
+            <sq-modal [title]="title" [buttons]="buttons">
+                <div class="mb-3 sq-form-group">
+                    <label class="form-label" for="input">{{model.message | sqMessage:model.messageParams}}</label>
+                    <input [sqValidation]="form" type="text" class="form-control" id="input" formControlName="input" spellcheck="off" sqAutofocus *ngIf="!model.rowCount">
+                    <textarea [sqValidation]="form" type="text" class="form-control" id="input" formControlName="input" spellcheck="on" rows="{{model.rowCount}}" sqAutofocus *ngIf="!!model.rowCount">
+                    </textarea>
+                </div>
+            </sq-modal>
+        </form>
+    `, isInline: true, dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: BsModalModule }, { kind: "component", type: i4.BsModal, selector: "sq-modal", inputs: ["title", "buttons", "showHeader", "showFooter", "isProcessingState"] }, { kind: "ngmodule", type: ValidationModule }, { kind: "directive", type: i5$1.ValidationDirective, selector: "[sqValidation]", inputs: ["sqValidation"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i2.ɵNgNoValidate, selector: "form:not([ngNoForm]):not([ngNativeValidate])" }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgControlStatusGroup, selector: "[formGroupName],[formArrayName],[ngModelGroup],[formGroup],form:not([ngNoForm]),[ngForm]" }, { kind: "directive", type: i2.FormGroupDirective, selector: "[formGroup]", inputs: ["formGroup"], outputs: ["ngSubmit"], exportAs: ["ngForm"] }, { kind: "directive", type: i2.FormControlName, selector: "[formControlName]", inputs: ["formControlName", "disabled", "ngModel"], outputs: ["ngModelChange"] }, { kind: "ngmodule", type: IntlModule }, { kind: "pipe", type: i6$1.MessagePipe, name: "sqMessage" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatPrompt, decorators: [{
+            type: Component,
+            args: [{
+                    selector: "sq-chat-prompt",
+                    template: `
+        <form name="prompt" novalidate [formGroup]="form">
+            <sq-modal [title]="title" [buttons]="buttons">
+                <div class="mb-3 sq-form-group">
+                    <label class="form-label" for="input">{{model.message | sqMessage:model.messageParams}}</label>
+                    <input [sqValidation]="form" type="text" class="form-control" id="input" formControlName="input" spellcheck="off" sqAutofocus *ngIf="!model.rowCount">
+                    <textarea [sqValidation]="form" type="text" class="form-control" id="input" formControlName="input" spellcheck="on" rows="{{model.rowCount}}" sqAutofocus *ngIf="!!model.rowCount">
+                    </textarea>
+                </div>
+            </sq-modal>
+        </form>
+    `,
+                    standalone: true,
+                    imports: [CommonModule, BsModalModule, ValidationModule, ReactiveFormsModule, IntlModule],
+                }]
+        }], ctorParameters: function () { return [{ type: undefined, decorators: [{
+                    type: Inject,
+                    args: [MODAL_MODEL]
+                }] }, { type: i1$2.ModalRef }, { type: i2.UntypedFormBuilder }]; } });
+
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { ChatComponent, ChatService, ChatSettingsV3Component, FormatIconComponent, InitialsAvatarComponent, InstanceManagerService, RestChatService, SavedChatsComponent, WebSocketChatService, chatConfigSchema, deAssistant, enAssistant, frAssistant, globalSettingsSchema };
+export { ChatComponent, ChatPrompt, ChatService, ChatSettingsV3Component, FormatIconComponent, InitialsAvatarComponent, InstanceManagerService, RestChatService, SavedChatsComponent, WebSocketChatService, chatConfigSchema, connectionSettingsSchema, deAssistant, enAssistant, frAssistant };
 //# sourceMappingURL=sinequa-assistant-chat.mjs.map