@sinequa/assistant 3.7.0 → 3.7.2

package/fesm2020/sinequa-assistant-chat.mjs

@@ -1,6 +1,6 @@
 import * as i0 from '@angular/core';
 import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ContentChild, Inject } from '@angular/core';
-import { Subscription, filter, tap, switchMap, BehaviorSubject, forkJoin, map, catchError, throwError, shareReplay, Subject, fromEvent, mergeMap, of, merge, takeUntil, Observable, take, finalize, combineLatest } from 'rxjs';
+import { Subscription, filter, tap, switchMap, BehaviorSubject, defer, from, forkJoin, map, catchError, throwError, take, Subject, fromEvent, mergeMap, of, merge, takeUntil, Observable, shareReplay, finalize, combineLatest } 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';
@@ -66,7 +66,7 @@ class InstanceManagerService {
      */
     getInstance(key) {
         if (!this.checkInstance(key)) {
-            throw new Error(`No chat instance found for the given key : '${key}'`);
+            throw new Error(`No assistant instance found for the given key : '${key}'`);
         }
         return this._serviceInstances.get(key);
     }
@@ -104,7 +104,7 @@ class ChatSettingsV3Component {
         this.subscription.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), switchMap(() => this.chatService.initConfig$), filter(initConfig => !!initConfig)).subscribe(_ => {
             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.config = JSON.parse(JSON.stringify(this.chatService.assistantConfig$.value));
             this.selectedModel = this.chatService.getModel(this.config.defaultValues.service_id, this.config.defaultValues.model_id);
             this.initFunctionsList();
         }));
@@ -172,7 +172,7 @@ class ChatSettingsV3Component {
      * Cancel the current changes
      */
     cancel() {
-        this._cancel.emit(this.chatService.chatConfig$.value);
+        this._cancel.emit(this.chatService.assistantConfig$.value);
     }
 }
 ChatSettingsV3Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatSettingsV3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
@@ -225,10 +225,6 @@ const uiSettingsSchema = z.object({
     displaySystemPrompt: z.boolean(),
     displayUserPrompt: z.boolean()
 });
-// Define the Zod representation for the chatStarter object
-const chatStarterSchema = z.object({
-    text: z.string()
-});
 // Define the Zod representation for the defaultValues object
 const defaultValuesSchema = z.object({
     service_id: z.string(),
@@ -244,12 +240,16 @@ const defaultValuesSchema = z.object({
     systemPrompt: z.string(),
     userPrompt: z.string()
 });
+// Define the Zod representation for the action object
+const actionSchema = z.object({
+    forcedWorkflow: z.string(),
+    forcedWorkflowProperties: z.record(z.unknown()).optional() // forcedWorkflowProperties must be an object (Map equivalent)
+});
 // 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(),
-    chatStarters: z.array(chatStarterSchema).optional(), // Optional for event 'Prompt'
+    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'.",
 });
@@ -257,9 +257,8 @@ const modeSettingsSchema = z.object({
     enabledUserInput: z.boolean(),
     displayUserPrompt: z.boolean(),
     sendUserPrompt: z.boolean(),
-    initialization: initializationSchema
-}).refine(data => !(data.initialization.chatStarters?.length && (data.sendUserPrompt || data.displayUserPrompt || data.initialization.event === 'Query')), {
-    message: "Incompatible configuration for using chatStarters ('sendUserPrompt' and 'displayUserPrompt' must be false, 'initialization.event' must not be 'Query')",
+    initialization: initializationSchema,
+    actions: z.record(actionSchema).optional()
 });
 // Define the Zod representation for the savedChatSettings object
 const savedChatSettingsSchema = z.object({
@@ -293,14 +292,16 @@ const chatConfigSchema = z.object({
 
 class ChatService {
     constructor() {
-        /** Emit true once the initialization of the chat process is done. */
+        /** Emit true once the initialization of the assistant process is done. */
         this.initProcess$ = new BehaviorSubject(false);
-        /** Emit true once the initialization of the chat config is done. */
+        /** Emit true once the initialization of the assistant config is done. */
         this.initConfig$ = new BehaviorSubject(false);
-        /** Global configuration of the chat. */
-        this.chatConfig$ = new BehaviorSubject(undefined);
+        /** Emit the global configuration of the assistant. */
+        this.assistantConfig$ = new BehaviorSubject(undefined);
+        /** Emit true if the user has been overridden, false otherwise. */
+        this.userOverride$ = new BehaviorSubject(undefined);
         /**
-         * Emit true if the fetch of an assistant's response is ongoing (it includes Streaming status of the chat endpoint AND saving the discussion if save Chat is enabled).
+         * Emit true if the fetch of an assistant's response is ongoing (it includes Streaming status of the assistant endpoint AND saving the discussion if save Chat is enabled).
          * This is used to prevent multiple fetches at the same time.
          * Typically, there is no problem chaining fetches, but when forcing a reload after query changes cases, it can't be allowed because it breaks the whole business logic.
         */
@@ -395,7 +396,7 @@ class ChatService {
             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.assistantConfig$.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
@@ -433,13 +434,13 @@ class ChatService {
                         }
                         else {
                             // Just pick the version in the user settings, nothing to be updated
-                            this.chatConfig$.next({ ...standardChatConfig, defaultValues: userSettingsConfig.defaultValues });
+                            this.assistantConfig$.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.assistantConfig$.next({ ...standardChatConfig, defaultValues: userSettingsConfig.defaultValues });
                     this.initConfig$.next(true);
                 }
             }
@@ -458,7 +459,7 @@ class ChatService {
      * @param errorCallback  The callback to execute if the update fails
      */
     updateChatConfig(config, hashes, notify = true, successCallback, errorCallback) {
-        this.chatConfig$.next(config);
+        this.assistantConfig$.next(config);
         const assistants = Object.assign({}, this.assistants);
         assistants[this.chatInstanceId] = { ...assistants[this.chatInstanceId], defaultValues: config.defaultValues };
         if (hashes)
@@ -500,7 +501,7 @@ class ChatService {
      */
     updateChatUsageMetrics(chatUsageMetrics) {
         this.chatUsageMetrics$.next(chatUsageMetrics);
-        const currentModel = this.getModel(this.chatConfig$.value.defaultValues.service_id, this.chatConfig$.value.defaultValues.model_id);
+        const currentModel = this.getModel(this.assistantConfig$.value.defaultValues.service_id, this.assistantConfig$.value.defaultValues.model_id);
         const consumptionPercentage = Math.round((chatUsageMetrics.totalTokenCount * 100 / (currentModel.contextWindowSize - currentModel.maxGenerationSize)) * 100) / 100;
         this.chatTokenConsumption$.next({ percentage: consumptionPercentage });
     }
@@ -533,8 +534,8 @@ class ChatService {
             "user-id": this.principalService.principal?.userId,
             "instance-id": this.chatInstanceId,
             "chat-id": id || this.chatId,
-            "service-id": this.chatConfig$.value.defaultValues.service_id,
-            "model-id": this.chatConfig$.value.defaultValues.model_id,
+            "service-id": this.assistantConfig$.value.defaultValues.service_id,
+            "model-id": this.assistantConfig$.value.defaultValues.model_id,
         };
         const audit = {
             type,
@@ -620,50 +621,70 @@ class WebSocketChatService extends ChatService {
         this.authenticationService = inject(AuthenticationService);
     }
     /**
-     * Initialize the chat process after the login is complete.
+     * Initialize the assistant process.
      * It includes building and starting a connection, executing parallel requests for models and functions, and handling errors during the process.
+     * ⚠️ This method MUST be called ONLY if the user is loggedIn and once when the assistant is initialized.
      *
      * @returns An Observable<boolean> indicating the success of the initialization process.
      */
     init() {
-        return this.loginService.events.pipe(filter((e) => e.type === 'login-complete'), tap(() => this.getRequestsUrl()), 
-        // Build the connection
-        switchMap(() => this.buildConnection()), tap(() => this.initMessageHandlers()), 
-        // Start the connection
-        switchMap(() => this.startConnection()), 
-        // Execute parallel requests for models and functions
-        switchMap(() => {
-            return forkJoin([
+        // Ensure all logic is executed when subscribed to the observable
+        return defer(() => {
+            this.getRequestsUrl();
+            return from(
+            // Build the connection
+            this.buildConnection()).pipe(tap(() => this.initMessageHandlers()), 
+            // Start the connection
+            switchMap(() => this.startConnection()), 
+            // Execute parallel requests for models and functions
+            switchMap(() => forkJoin([
                 this.listModels(),
                 this.listFunctions()
-            ]);
-        }), 
-        // Map the results of parallel requests to a boolean indicating success
-        map(([models, functions]) => {
-            const result = !!models && !!functions;
-            this.initProcess$.next(result);
-            return result;
-        }), 
-        // Any errors during the process are caught, logged, and re-thrown to propagate the error further
-        catchError((error) => {
-            console.error('Error occurred:', error);
-            return throwError(() => error);
-        }), 
-        // Cache and replay the emitted value for subsequent subscribers
-        shareReplay(1));
+            ])), 
+            // Map the results of parallel requests to a boolean indicating success
+            map(([models, functions]) => {
+                const result = !!models && !!functions;
+                this.initProcess$.next(result);
+                return result;
+            }), 
+            // Any errors during the process are caught, logged, and re-thrown to propagate the error further
+            catchError((error) => {
+                console.error('Error occurred:', error);
+                return throwError(() => error);
+            }), take(1));
+        });
     }
     /**
      * Define the assistant endpoint to use for the websocket requests
      * It can be overridden by the app config
      */
     getRequestsUrl() {
-        if (this.chatConfig$.value.connectionSettings.websocketEndpoint) {
-            this.REQUEST_URL = this.chatConfig$.value.connectionSettings.websocketEndpoint;
+        if (this.assistantConfig$.value.connectionSettings.websocketEndpoint) {
+            this.REQUEST_URL = this.assistantConfig$.value.connectionSettings.websocketEndpoint;
         }
         else {
             throw new Error(`The property 'websocketEndpoint' must be provided when attempting to use 'WebSocket' in assistant instance`);
         }
     }
+    overrideUser() {
+        if (!(this.authenticationService.userOverrideActive && this.authenticationService.userOverride)) {
+            this.userOverride$.next(false);
+            return;
+        }
+        // Prepare the payload to send to the OverrideUser method
+        const data = {
+            instanceId: this.chatInstanceId,
+            user: this.authenticationService.userOverride.userName,
+            domain: this.authenticationService.userOverride.domain
+        };
+        // Invoke the OverrideUser method and handle errors
+        this.connection.invoke('OverrideUser', data)
+            .then((res) => this.userOverride$.next(!!res))
+            .catch(error => {
+            console.error('Error invoking OverrideUser:', error);
+            return Promise.resolve(); // Return a resolved promise to handle the error and prevent unhandled promise rejection when no further error handling exists downstream
+        });
+    }
     listModels() {
         const modelsSubject$ = new Subject();
         this.connection.on('ListModels', (res) => {
@@ -672,7 +693,7 @@ class WebSocketChatService extends ChatService {
             modelsSubject$.complete();
         });
         // Send the request to get the list of models
-        this.connection.invoke('ListModels', { debug: this.chatConfig$.value.defaultValues.debug })
+        this.connection.invoke('ListModels', { debug: this.assistantConfig$.value.defaultValues.debug })
             .catch(error => {
             console.error('Error invoking ListModels:', error);
             modelsSubject$.error(new Error(error));
@@ -688,7 +709,7 @@ class WebSocketChatService extends ChatService {
             functionsSubject$.complete();
         });
         // Send the request to get the list of functions
-        this.connection.invoke('ListFunctions', { debug: this.chatConfig$.value.defaultValues.debug })
+        this.connection.invoke('ListFunctions', { debug: this.assistantConfig$.value.defaultValues.debug })
             .catch(error => {
             console.error('Error invoking ListFunctions:', error);
             functionsSubject$.error(new Error(error));
@@ -702,23 +723,23 @@ class WebSocketChatService extends ChatService {
         // Prepare the payload to send to the Chat method
         const data = {
             history: messages,
-            functions: this.chatConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
-            debug: this.chatConfig$.value.defaultValues.debug,
+            functions: this.assistantConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
+            debug: this.assistantConfig$.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
+                service_id: this.assistantConfig$.value.defaultValues.service_id,
+                model_id: this.assistantConfig$.value.defaultValues.model_id,
+                top_p: this.assistantConfig$.value.defaultValues.top_p,
+                temperature: this.assistantConfig$.value.defaultValues.temperature,
+                max_tokens: this.assistantConfig$.value.defaultValues.max_tokens,
+                ...this.assistantConfig$.value.additionalServiceSettings
             },
             appQuery: {
                 app: this.appService.appName,
                 query
             },
-            genericChatErrorMessage: this.chatConfig$.value.globalSettings.genericChatErrorMessage
+            genericChatErrorMessage: this.assistantConfig$.value.globalSettings.genericChatErrorMessage
         };
-        if (this.chatConfig$.value.savedChatSettings.enabled) {
+        if (this.assistantConfig$.value.savedChatSettings.enabled) {
             data.instanceId = this.chatInstanceId;
             data.savedChatId = this.savedChatId;
         }
@@ -790,7 +811,7 @@ class WebSocketChatService extends ChatService {
                     this.chatHistory[index].additionalProperties.$debug = this._debugMessages;
                 }
                 // Save/update the chat if savedChat enabled
-                if (this.chatConfig$.value.savedChatSettings.enabled && this.chatHistory.some((msg) => msg.additionalProperties?.isUserInput === true)) {
+                if (this.assistantConfig$.value.savedChatSettings.enabled && this.chatHistory.some((msg) => msg.additionalProperties?.isUserInput === true)) {
                     const action = !this.savedChatId ? this.addSavedChat(this.chatHistory).pipe(tap(() => this.listSavedChat())) : this.updateSavedChat(this.savedChatId, undefined, this.chatHistory);
                     action.pipe(take(1)).subscribe({
                         next: () => { },
@@ -860,12 +881,12 @@ class WebSocketChatService extends ChatService {
         return stopGenerationSubject$.asObservable();
     }
     listSavedChat() {
-        if (!this.chatConfig$.value.savedChatSettings.enabled) {
+        if (!this.assistantConfig$.value.savedChatSettings.enabled) {
             return;
         }
         const data = {
             instanceId: this.chatInstanceId,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatList', (res) => {
             this.savedChats$.next(res.savedChats); // emits the result to the savedChats$ subject
@@ -882,7 +903,7 @@ class WebSocketChatService extends ChatService {
         const data = {
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatGet', (res) => {
             savedChatSubject$.next(res.savedChat);
@@ -903,7 +924,7 @@ class WebSocketChatService extends ChatService {
             instanceId: this.chatInstanceId,
             savedChatId: this.chatId,
             history: messages,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatAdd', (res) => {
             this.setSavedChatId(res.savedChat.id); // Persist the savedChatId
@@ -925,7 +946,7 @@ class WebSocketChatService extends ChatService {
         const data = {
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         if (name)
             data["title"] = name;
@@ -949,7 +970,7 @@ class WebSocketChatService extends ChatService {
         const data = {
             instanceId: this.chatInstanceId,
             SavedChatIds: ids,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         this.connection.on('SavedChatDelete', (res) => {
             deleteSavedChatSubject$.next(res.deleteCount);
@@ -1142,7 +1163,7 @@ class WebSocketChatService extends ChatService {
             }
             const logLevel = this._getLogLevel();
             this.connection = this.signalRService.buildConnection(this.REQUEST_URL, { ...this.defaultOptions, ...options }, logLevel, true);
-            const signalRServerTimeoutInMilliseconds = this.chatConfig$.value?.connectionSettings.signalRServerTimeoutInMilliseconds;
+            const signalRServerTimeoutInMilliseconds = this.assistantConfig$.value?.connectionSettings.signalRServerTimeoutInMilliseconds;
             if (signalRServerTimeoutInMilliseconds) {
                 this.connection.serverTimeoutInMilliseconds = signalRServerTimeoutInMilliseconds;
             }
@@ -1164,7 +1185,7 @@ class WebSocketChatService extends ChatService {
         return this.signalRService.stopConnection(this.connection);
     }
     _getTransports() {
-        switch (this.chatConfig$.value?.connectionSettings.signalRTransport) {
+        switch (this.assistantConfig$.value?.connectionSettings.signalRTransport) {
             case "WebSockets":
                 return HttpTransportType.WebSockets;
             case "ServerSentEvents":
@@ -1176,7 +1197,7 @@ class WebSocketChatService extends ChatService {
         }
     }
     _getLogLevel() {
-        switch (this.chatConfig$.value?.connectionSettings.signalRLogLevel) {
+        switch (this.assistantConfig$.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":
@@ -1450,10 +1471,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\" (click)=\"expandAttachment()\">\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\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"$event.stopPropagation(); 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)=\"$event.stopPropagation(); openDocument.emit(attachment)\" [sqTooltip]=\"!partId ? 'Open document' : ''\">\n        </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 class=\"w-100 pe-2\" [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}: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);cursor:pointer}.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{white-space:nowrap;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\" (click)=\"expandAttachment()\">\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\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"$event.stopPropagation(); 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)=\"$event.stopPropagation(); openDocument.emit(attachment)\" [sqTooltip]=\"!partId ? 'Open document' : ''\">\n        </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 class=\"w-100 pe-2\" [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}: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);cursor:pointer}.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{white-space:nowrap;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\" (click)=\"expandAttachment()\">\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\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"$event.stopPropagation(); 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)=\"$event.stopPropagation(); openDocument.emit(attachment)\" [sqTooltip]=\"!partId ? 'Open document' : ''\">\n        </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 class=\"w-100 pe-2\" [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}: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);cursor:pointer}.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{white-space:nowrap;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\" (click)=\"expandAttachment()\">\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\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"$event.stopPropagation(); 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)=\"$event.stopPropagation(); openDocument.emit(attachment)\" [sqTooltip]=\"!partId ? 'Open document' : ''\">\n        </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 class=\"w-100 pe-2\" [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}: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);cursor:pointer}.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{white-space:nowrap;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: [{
@@ -1518,7 +1539,6 @@ class ChatMessageComponent {
         this.openDocument = new EventEmitter();
         this.openPreview = new EventEmitter();
         this.suggestAction = new EventEmitter();
-        this.chatStarterClicked = new EventEmitter();
         this.edit = new EventEmitter();
         this.copy = new EventEmitter();
         this.regenerate = new EventEmitter();
@@ -1529,8 +1549,6 @@ class ChatMessageComponent {
         this.referenceMap = new Map();
         this.showReferences = true;
         this.iconSize = 24;
-        this.liked = false;
-        this.disliked = false;
         this.hiddenTooltip = false;
         /**
          * This Unified plugin looks a text nodes and replaces any reference in the
@@ -1694,19 +1712,17 @@ 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", suggestedActions: "suggestedActions", chatStarters: "chatStarters", assistantMessageIcon: "assistantMessageIcon", userMessageIcon: "userMessageIcon", connectionErrorMessageIcon: "connectionErrorMessageIcon", searchWarningMessageIcon: "searchWarningMessageIcon", streaming: "streaming", canEdit: "canEdit", canRegenerate: "canRegenerate", canCopy: "canCopy", canDebug: "canDebug", canLike: "canLike", canDislike: "canDislike" }, outputs: { openDocument: "openDocument", openPreview: "openPreview", suggestAction: "suggestAction", chatStarterClicked: "chatStarterClicked", edit: "edit", copy: "copy", regenerate: "regenerate", like: "like", dislike: "dislike", debug: "debug" }, usesOnChanges: true, ngImport: i0, template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message?.role\">\n  <i class=\"d-block\" [style.width.px]=\"iconSize\" *ngIf=\"!message\"></i>\n  <ng-container [ngSwitch]=\"message?.role\">\n    <!-- For 'assistant' -->\n    <i *ngSwitchCase=\"'assistant'\" [ngClass]=\"assistantMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n    <!-- For 'user' -->\n    <ng-container *ngSwitchCase=\"'user'\">\n      <i *ngIf=\"!!userMessageIcon; else initialsAvatar\" [ngClass]=\"userMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #initialsAvatar>\n        <sq-initials-avatar [fullName]=\"name\"></sq-initials-avatar>\n      </ng-template>\n    </ng-container>\n    <!-- For 'connection-error' -->\n    <ng-container *ngSwitchCase=\"'connection-error'\">\n      <i *ngIf=\"!!connectionErrorMessageIcon; else defaultErrorIcon\" [ngClass]=\"connectionErrorMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultErrorIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"connection-error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n          <path fill=\"currentColor\" d=\"M17.1 292c-12.9-22.3-12.9-49.7 0-72L105.4 67.1c12.9-22.3 36.6-36 62.4-36l176.6 0c25.7 0 49.5 13.7 62.4 36L494.9 220c12.9 22.3 12.9 49.7 0 72L406.6 444.9c-12.9 22.3-36.6 36-62.4 36l-176.6 0c-25.7 0-49.5-13.7-62.4-36L17.1 292zM256 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n    <!-- For 'search-warning' -->\n    <ng-container *ngSwitchCase=\"'search-warning'\">\n      <i *ngIf=\"!!searchWarningMessageIcon; else defaultWarningIcon\" [ngClass]=\"searchWarningMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultWarningIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"search-warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\">\n          <path fill=\"currentColor\" d=\"M272 384c9.6-31.9 29.5-59.1 49.2-86.2c0 0 0 0 0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4c0 0 0 0 0 0c19.8 27.1 39.7 54.4 49.2 86.2l160 0zM192 512c44.2 0 80-35.8 80-80l0-16-160 0 0 16c0 44.2 35.8 80 80 80zm0-448c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM160 288a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <!-- Progress steps -->\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-spinner fa-pulse step-ongoing\" *ngIf=\"!step.done && streaming\"></i>\n            <i class=\"fa-solid fa-ban step-error\" *ngIf=\"!step.done && !streaming\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\" [innerHTML]=\"': ' + step.content\"></span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <!-- Message content -->\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <div *ngIf=\"message?.role === 'assistant' && message.messageType === 'CHART'\">\n      <sq-assistant-chart [rawChartData]=\"message.content\"></sq-assistant-chart>\n    </div>\n\n    <!-- This section is responsible for customizing the template nodes used in the application.\n        Template nodes are predefined structures that serve as blueprints for creating/customizing dynamic content -->\n    <remark *ngIf=\"(message?.role === 'assistant' && message.messageType === 'MARKDOWN') || message?.role === 'connection-error' || message?.role === 'search-warning'\" [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          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}\n        </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)=\"copyCode(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\n                  [class.expanded]=\"attachment.$expanded\"\n                  [attachment]=\"attachment\"\n                  [reference]=\"reference\"\n                  (openPreview)=\"openAttachmentPreview($event)\"\n                  (openDocument)=\"openOriginalAttachment($event)\">\n                </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-actions\" *ngIf=\"message\">\n    <!-- Common action buttons for \"user\" & \"assistant\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy text\" (click)=\"copyMessage(message)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <!-- Action buttons for \"user\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\" (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <!-- Action buttons for \"assistant\" message -->\n    <button class=\"btn btn-sm\" [class.bounce]=\"liked\" *ngIf=\"canLike\" sqTooltip=\"Like the answer\" (click)=\"like.emit(message); liked = true;\">\n      <i class=\"far fa-thumbs-up\"></i>\n    </button>\n    <button class=\"btn btn-sm bounce\"  [class.bounce]=\"disliked\" *ngIf=\"canDislike\" sqTooltip=\"Report an issue\" (click)=\"dislike.emit(message); disliked = true;\">\n      <i class=\"far fa-thumbs-down\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\" (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canDebug\" sqTooltip=\"Show Log Information\" (click)=\"debug.emit(message);\">\n      <i class=\"far fa-list-alt\"></i>\n    </button>\n  </div>\n\n  <!-- List of suggested actions, if any -->\n  <div *ngIf=\"suggestedActions\" class=\"mt-2 message-suggestion\">\n    <div class=\"suggested-action\" *ngFor=\"let suggestedAction of suggestedActions\" (click)=\"suggestAction.emit(suggestedAction)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{suggestedAction.content}}</p>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference\n      *ngIf=\"!hiddenTooltip\"\n      class=\"expanded\"\n      [attachment]=\"ref\"\n      [reference]=\"ref.contextId\"\n      [partId]=\"ref.$partId\"\n      (openPreview)=\"openAttachmentPreview($event, ref.$partId)\"\n      (openDocument)=\"openOriginalAttachment($event, ref.$partId)\">\n    </sq-chat-reference>\n  </ng-template>\n\n</div>\n\n  <!-- List of chat starters, if any -->\n  <div *ngIf=\"chatStarters?.length\" class=\"mt-2 message-suggestion chat-starter\" [style.bottom.rem]=\"-(3.5*chatStarters!.length)\">\n    <div class=\"suggested-action\" *ngFor=\"let chatStarter of chatStarters\" (click)=\"chatStarterClicked.emit(chatStarter)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{chatStarter.text}}</p>\n      </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}:host{display:flex}:host:not(:hover):not(.last-message) .sq-chat-message-actions{visibility:hidden}.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%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.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:table;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:not(:first-child){margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-connection-error .message-content{background:var(--ast-error-bg, rgba(249, 58, 55, .2))}.message-search-warning .message-content{background:var(--ast-warning-bg, #fff1b8);color:var(--ast-message-reference-color, inherit)}.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}.message-suggestion .message-content{background:var(--ast-input-bg, #F8F8F8);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500));transition:background-color .5s ease,color .5s ease}.message-suggestion .message-content:hover{background:var(--ast-primary-bg, #f2f8fe);color:var(--ast-primary-color, #005DA7)}.message-suggestion .message-content p{white-space:pre-line}.message-suggestion .suggested-action{display:flex;cursor:pointer}.message-suggestion .suggested-action+.suggested-action{margin-top:var(--ast-size-2, .5rem)}.chat-starter{position:absolute}.sq-chat-message-actions{position:absolute;bottom:calc(0rem - var(--ast-size-3, .75rem));display:flex;z-index:999}.sq-chat-message-actions button{font-size:.75rem;color:var(--ast-action-buttons-color, #212529)}.sq-chat-message-actions button:hover{color:var(--ast-action-buttons-hover-color, var(--ast-primary-color, #005DA7))}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}.connection-error{height:var(--sq-size);width:var(--sq-size);color:var(--ast-error-color, rgba(249, 58, 55, .7))}.search-warning{height:var(--sq-size);width:var(--sq-size);color:var(--ast-warning-color, #fed86f)}.step-success{color:var(--ast-primary-color, #005DA7)}.step-ongoing{color:var(--ast-secondary-color, #FF732E)}.step-error{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.bounce{animation:bounce 2s ease}@keyframes bounce{10%{transform:translateY(0)}20%{transform:translateY(-15%)}30%{transform:translateY(0)}35%{transform:translateY(-7%)}37%{transform:translateY(0)}39%{transform:translateY(-3%)}40%{transform:translateY(0)}}\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: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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"] }, { kind: "component", type: ChartComponent, selector: "sq-assistant-chart", inputs: ["rawChartData"] }], 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", suggestedActions: "suggestedActions", assistantMessageIcon: "assistantMessageIcon", userMessageIcon: "userMessageIcon", connectionErrorMessageIcon: "connectionErrorMessageIcon", searchWarningMessageIcon: "searchWarningMessageIcon", streaming: "streaming", canEdit: "canEdit", canRegenerate: "canRegenerate", canCopy: "canCopy", canDebug: "canDebug", canLike: "canLike", canDislike: "canDislike" }, outputs: { openDocument: "openDocument", openPreview: "openPreview", suggestAction: "suggestAction", edit: "edit", copy: "copy", regenerate: "regenerate", like: "like", dislike: "dislike", debug: "debug" }, usesOnChanges: true, ngImport: i0, template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message?.role\">\n  <i class=\"d-block\" [style.width.px]=\"iconSize\" *ngIf=\"!message\"></i>\n  <ng-container [ngSwitch]=\"message?.role\">\n    <!-- For 'assistant' -->\n    <i *ngSwitchCase=\"'assistant'\" [ngClass]=\"assistantMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n    <!-- For 'user' -->\n    <ng-container *ngSwitchCase=\"'user'\">\n      <i *ngIf=\"!!userMessageIcon; else initialsAvatar\" [ngClass]=\"userMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #initialsAvatar>\n        <sq-initials-avatar [fullName]=\"name\"></sq-initials-avatar>\n      </ng-template>\n    </ng-container>\n    <!-- For 'connection-error' -->\n    <ng-container *ngSwitchCase=\"'connection-error'\">\n      <i *ngIf=\"!!connectionErrorMessageIcon; else defaultErrorIcon\" [ngClass]=\"connectionErrorMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultErrorIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"connection-error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n          <path fill=\"currentColor\" d=\"M17.1 292c-12.9-22.3-12.9-49.7 0-72L105.4 67.1c12.9-22.3 36.6-36 62.4-36l176.6 0c25.7 0 49.5 13.7 62.4 36L494.9 220c12.9 22.3 12.9 49.7 0 72L406.6 444.9c-12.9 22.3-36.6 36-62.4 36l-176.6 0c-25.7 0-49.5-13.7-62.4-36L17.1 292zM256 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n    <!-- For 'search-warning' -->\n    <ng-container *ngSwitchCase=\"'search-warning'\">\n      <i *ngIf=\"!!searchWarningMessageIcon; else defaultWarningIcon\" [ngClass]=\"searchWarningMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultWarningIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"search-warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\">\n          <path fill=\"currentColor\" d=\"M272 384c9.6-31.9 29.5-59.1 49.2-86.2c0 0 0 0 0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4c0 0 0 0 0 0c19.8 27.1 39.7 54.4 49.2 86.2l160 0zM192 512c44.2 0 80-35.8 80-80l0-16-160 0 0 16c0 44.2 35.8 80 80 80zm0-448c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM160 288a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <!-- Progress steps -->\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-spinner fa-pulse step-ongoing\" *ngIf=\"!step.done && streaming\"></i>\n            <i class=\"fa-solid fa-ban step-error\" *ngIf=\"!step.done && !streaming\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\" [innerHTML]=\"': ' + step.content\"></span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <!-- Message content -->\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <div *ngIf=\"message?.role === 'assistant' && message.messageType === 'CHART'\">\n      <sq-assistant-chart [rawChartData]=\"message.content\"></sq-assistant-chart>\n    </div>\n\n    <!-- This section is responsible for customizing the template nodes used in the application.\n        Template nodes are predefined structures that serve as blueprints for creating/customizing dynamic content -->\n    <remark *ngIf=\"(message?.role === 'assistant' && message.messageType === 'MARKDOWN') || message?.role === 'connection-error' || message?.role === 'search-warning'\" [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          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}\n        </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)=\"copyCode(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\n                  [class.expanded]=\"attachment.$expanded\"\n                  [attachment]=\"attachment\"\n                  [reference]=\"reference\"\n                  (openPreview)=\"openAttachmentPreview($event)\"\n                  (openDocument)=\"openOriginalAttachment($event)\">\n                </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-actions\" *ngIf=\"message\">\n    <!-- Common action buttons for \"user\" & \"assistant\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy text\" (click)=\"copyMessage(message)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <!-- Action buttons for \"user\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\" (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <!-- Action buttons for \"assistant\" message -->\n    <button class=\"btn btn-sm\" [class.bounce]=\"message.additionalProperties.$liked === true\" *ngIf=\"canLike\" sqTooltip=\"Like the answer\" (click)=\"like.emit()\">\n      <i class=\"fa-thumbs-up {{message.additionalProperties.$liked === true ? 'fas' : 'far'}}\"></i>\n    </button>\n    <button class=\"btn btn-sm bounce\"  [class.bounce]=\"message.additionalProperties.$disliked === true\" *ngIf=\"canDislike\" sqTooltip=\"Report an issue\" (click)=\"dislike.emit()\">\n      <i class=\"fa-thumbs-down {{message.additionalProperties.$disliked === true ? 'fas' : 'far'}}\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\" (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canDebug\" sqTooltip=\"Show Log Information\" (click)=\"debug.emit(message);\">\n      <i class=\"far fa-list-alt\"></i>\n    </button>\n  </div>\n\n  <!-- List of suggested actions, if any -->\n  <div *ngIf=\"suggestedActions\" class=\"mt-2 message-suggestion\">\n    <div class=\"suggested-action\" *ngFor=\"let suggestedAction of suggestedActions\" (click)=\"suggestAction.emit(suggestedAction)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{suggestedAction.content}}</p>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference\n      *ngIf=\"!hiddenTooltip\"\n      class=\"expanded\"\n      [attachment]=\"ref\"\n      [reference]=\"ref.contextId\"\n      [partId]=\"ref.$partId\"\n      (openPreview)=\"openAttachmentPreview($event, ref.$partId)\"\n      (openDocument)=\"openOriginalAttachment($event, ref.$partId)\">\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}:host{display:flex}:host:not(:hover):not(.last-message) .sq-chat-message-actions{visibility:hidden}.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%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.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:table;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:not(:first-child){margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-connection-error .message-content{background:var(--ast-error-bg, rgba(249, 58, 55, .2))}.message-search-warning .message-content{background:var(--ast-warning-bg, #fff1b8);color:var(--ast-message-reference-color, inherit)}.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}.message-suggestion .message-content{background:var(--ast-input-bg, #F8F8F8);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500));transition:background-color .5s ease,color .5s ease}.message-suggestion .message-content:hover{background:var(--ast-primary-bg, #f2f8fe);color:var(--ast-primary-color, #005DA7)}.message-suggestion .message-content p{white-space:pre-line}.message-suggestion .suggested-action{cursor:pointer}.message-suggestion .suggested-action+.suggested-action{margin-top:var(--ast-size-2, .5rem)}.sq-chat-message-actions{position:absolute;bottom:calc(0rem - var(--ast-size-3, .75rem));display:flex;z-index:999}.sq-chat-message-actions button{font-size:.75rem;color:var(--ast-action-buttons-color, #212529)}.sq-chat-message-actions button:hover{color:var(--ast-action-buttons-hover-color, var(--ast-primary-color, #005DA7))}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}.connection-error{height:var(--sq-size);width:var(--sq-size);color:var(--ast-error-color, rgba(249, 58, 55, .7))}.search-warning{height:var(--sq-size);width:var(--sq-size);color:var(--ast-warning-color, #fed86f)}.step-success{color:var(--ast-primary-color, #005DA7)}.step-ongoing{color:var(--ast-secondary-color, #FF732E)}.step-error{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.bounce{animation:bounce 2s ease}@keyframes bounce{10%{transform:translateY(0)}20%{transform:translateY(-15%)}30%{transform:translateY(0)}35%{transform:translateY(-7%)}37%{transform:translateY(0)}39%{transform:translateY(-3%)}40%{transform:translateY(0)}}\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: "directive", type: i1.NgSwitch, selector: "[ngSwitch]", inputs: ["ngSwitch"] }, { kind: "directive", type: i1.NgSwitchCase, selector: "[ngSwitchCase]", inputs: ["ngSwitchCase"] }, { 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"] }, { kind: "component", type: ChartComponent, selector: "sq-assistant-chart", inputs: ["rawChartData"] }], 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, ChartComponent], template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message?.role\">\n  <i class=\"d-block\" [style.width.px]=\"iconSize\" *ngIf=\"!message\"></i>\n  <ng-container [ngSwitch]=\"message?.role\">\n    <!-- For 'assistant' -->\n    <i *ngSwitchCase=\"'assistant'\" [ngClass]=\"assistantMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n    <!-- For 'user' -->\n    <ng-container *ngSwitchCase=\"'user'\">\n      <i *ngIf=\"!!userMessageIcon; else initialsAvatar\" [ngClass]=\"userMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #initialsAvatar>\n        <sq-initials-avatar [fullName]=\"name\"></sq-initials-avatar>\n      </ng-template>\n    </ng-container>\n    <!-- For 'connection-error' -->\n    <ng-container *ngSwitchCase=\"'connection-error'\">\n      <i *ngIf=\"!!connectionErrorMessageIcon; else defaultErrorIcon\" [ngClass]=\"connectionErrorMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultErrorIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"connection-error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n          <path fill=\"currentColor\" d=\"M17.1 292c-12.9-22.3-12.9-49.7 0-72L105.4 67.1c12.9-22.3 36.6-36 62.4-36l176.6 0c25.7 0 49.5 13.7 62.4 36L494.9 220c12.9 22.3 12.9 49.7 0 72L406.6 444.9c-12.9 22.3-36.6 36-62.4 36l-176.6 0c-25.7 0-49.5-13.7-62.4-36L17.1 292zM256 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n    <!-- For 'search-warning' -->\n    <ng-container *ngSwitchCase=\"'search-warning'\">\n      <i *ngIf=\"!!searchWarningMessageIcon; else defaultWarningIcon\" [ngClass]=\"searchWarningMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultWarningIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"search-warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\">\n          <path fill=\"currentColor\" d=\"M272 384c9.6-31.9 29.5-59.1 49.2-86.2c0 0 0 0 0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4c0 0 0 0 0 0c19.8 27.1 39.7 54.4 49.2 86.2l160 0zM192 512c44.2 0 80-35.8 80-80l0-16-160 0 0 16c0 44.2 35.8 80 80 80zm0-448c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM160 288a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <!-- Progress steps -->\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-spinner fa-pulse step-ongoing\" *ngIf=\"!step.done && streaming\"></i>\n            <i class=\"fa-solid fa-ban step-error\" *ngIf=\"!step.done && !streaming\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\" [innerHTML]=\"': ' + step.content\"></span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <!-- Message content -->\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <div *ngIf=\"message?.role === 'assistant' && message.messageType === 'CHART'\">\n      <sq-assistant-chart [rawChartData]=\"message.content\"></sq-assistant-chart>\n    </div>\n\n    <!-- This section is responsible for customizing the template nodes used in the application.\n        Template nodes are predefined structures that serve as blueprints for creating/customizing dynamic content -->\n    <remark *ngIf=\"(message?.role === 'assistant' && message.messageType === 'MARKDOWN') || message?.role === 'connection-error' || message?.role === 'search-warning'\" [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          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}\n        </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)=\"copyCode(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\n                  [class.expanded]=\"attachment.$expanded\"\n                  [attachment]=\"attachment\"\n                  [reference]=\"reference\"\n                  (openPreview)=\"openAttachmentPreview($event)\"\n                  (openDocument)=\"openOriginalAttachment($event)\">\n                </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-actions\" *ngIf=\"message\">\n    <!-- Common action buttons for \"user\" & \"assistant\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy text\" (click)=\"copyMessage(message)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <!-- Action buttons for \"user\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\" (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <!-- Action buttons for \"assistant\" message -->\n    <button class=\"btn btn-sm\" [class.bounce]=\"liked\" *ngIf=\"canLike\" sqTooltip=\"Like the answer\" (click)=\"like.emit(message); liked = true;\">\n      <i class=\"far fa-thumbs-up\"></i>\n    </button>\n    <button class=\"btn btn-sm bounce\"  [class.bounce]=\"disliked\" *ngIf=\"canDislike\" sqTooltip=\"Report an issue\" (click)=\"dislike.emit(message); disliked = true;\">\n      <i class=\"far fa-thumbs-down\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\" (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canDebug\" sqTooltip=\"Show Log Information\" (click)=\"debug.emit(message);\">\n      <i class=\"far fa-list-alt\"></i>\n    </button>\n  </div>\n\n  <!-- List of suggested actions, if any -->\n  <div *ngIf=\"suggestedActions\" class=\"mt-2 message-suggestion\">\n    <div class=\"suggested-action\" *ngFor=\"let suggestedAction of suggestedActions\" (click)=\"suggestAction.emit(suggestedAction)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{suggestedAction.content}}</p>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference\n      *ngIf=\"!hiddenTooltip\"\n      class=\"expanded\"\n      [attachment]=\"ref\"\n      [reference]=\"ref.contextId\"\n      [partId]=\"ref.$partId\"\n      (openPreview)=\"openAttachmentPreview($event, ref.$partId)\"\n      (openDocument)=\"openOriginalAttachment($event, ref.$partId)\">\n    </sq-chat-reference>\n  </ng-template>\n\n</div>\n\n  <!-- List of chat starters, if any -->\n  <div *ngIf=\"chatStarters?.length\" class=\"mt-2 message-suggestion chat-starter\" [style.bottom.rem]=\"-(3.5*chatStarters!.length)\">\n    <div class=\"suggested-action\" *ngFor=\"let chatStarter of chatStarters\" (click)=\"chatStarterClicked.emit(chatStarter)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{chatStarter.text}}</p>\n      </div>\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}:host{display:flex}:host:not(:hover):not(.last-message) .sq-chat-message-actions{visibility:hidden}.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%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.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:table;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:not(:first-child){margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-connection-error .message-content{background:var(--ast-error-bg, rgba(249, 58, 55, .2))}.message-search-warning .message-content{background:var(--ast-warning-bg, #fff1b8);color:var(--ast-message-reference-color, inherit)}.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}.message-suggestion .message-content{background:var(--ast-input-bg, #F8F8F8);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500));transition:background-color .5s ease,color .5s ease}.message-suggestion .message-content:hover{background:var(--ast-primary-bg, #f2f8fe);color:var(--ast-primary-color, #005DA7)}.message-suggestion .message-content p{white-space:pre-line}.message-suggestion .suggested-action{display:flex;cursor:pointer}.message-suggestion .suggested-action+.suggested-action{margin-top:var(--ast-size-2, .5rem)}.chat-starter{position:absolute}.sq-chat-message-actions{position:absolute;bottom:calc(0rem - var(--ast-size-3, .75rem));display:flex;z-index:999}.sq-chat-message-actions button{font-size:.75rem;color:var(--ast-action-buttons-color, #212529)}.sq-chat-message-actions button:hover{color:var(--ast-action-buttons-hover-color, var(--ast-primary-color, #005DA7))}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}.connection-error{height:var(--sq-size);width:var(--sq-size);color:var(--ast-error-color, rgba(249, 58, 55, .7))}.search-warning{height:var(--sq-size);width:var(--sq-size);color:var(--ast-warning-color, #fed86f)}.step-success{color:var(--ast-primary-color, #005DA7)}.step-ongoing{color:var(--ast-secondary-color, #FF732E)}.step-error{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.bounce{animation:bounce 2s ease}@keyframes bounce{10%{transform:translateY(0)}20%{transform:translateY(-15%)}30%{transform:translateY(0)}35%{transform:translateY(-7%)}37%{transform:translateY(0)}39%{transform:translateY(-3%)}40%{transform:translateY(0)}}\n"] }]
+                        InitialsAvatarComponent, ChatReferenceComponent, ChartComponent], template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message?.role\">\n  <i class=\"d-block\" [style.width.px]=\"iconSize\" *ngIf=\"!message\"></i>\n  <ng-container [ngSwitch]=\"message?.role\">\n    <!-- For 'assistant' -->\n    <i *ngSwitchCase=\"'assistant'\" [ngClass]=\"assistantMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n    <!-- For 'user' -->\n    <ng-container *ngSwitchCase=\"'user'\">\n      <i *ngIf=\"!!userMessageIcon; else initialsAvatar\" [ngClass]=\"userMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #initialsAvatar>\n        <sq-initials-avatar [fullName]=\"name\"></sq-initials-avatar>\n      </ng-template>\n    </ng-container>\n    <!-- For 'connection-error' -->\n    <ng-container *ngSwitchCase=\"'connection-error'\">\n      <i *ngIf=\"!!connectionErrorMessageIcon; else defaultErrorIcon\" [ngClass]=\"connectionErrorMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultErrorIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"connection-error\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 512 512\">\n          <path fill=\"currentColor\" d=\"M17.1 292c-12.9-22.3-12.9-49.7 0-72L105.4 67.1c12.9-22.3 36.6-36 62.4-36l176.6 0c25.7 0 49.5 13.7 62.4 36L494.9 220c12.9 22.3 12.9 49.7 0 72L406.6 444.9c-12.9 22.3-36.6 36-62.4 36l-176.6 0c-25.7 0-49.5-13.7-62.4-36L17.1 292zM256 128c-13.3 0-24 10.7-24 24l0 112c0 13.3 10.7 24 24 24s24-10.7 24-24l0-112c0-13.3-10.7-24-24-24zm32 224a32 32 0 1 0 -64 0 32 32 0 1 0 64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n    <!-- For 'search-warning' -->\n    <ng-container *ngSwitchCase=\"'search-warning'\">\n      <i *ngIf=\"!!searchWarningMessageIcon; else defaultWarningIcon\" [ngClass]=\"searchWarningMessageIcon\" [style.--sq-size.px]=\"iconSize\"></i>\n      <ng-template #defaultWarningIcon>\n        <svg [style.--sq-size.px]=\"iconSize\" class=\"search-warning\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 384 512\">\n          <path fill=\"currentColor\" d=\"M272 384c9.6-31.9 29.5-59.1 49.2-86.2c0 0 0 0 0 0c5.2-7.1 10.4-14.2 15.4-21.4c19.8-28.5 31.4-63 31.4-100.3C368 78.8 289.2 0 192 0S16 78.8 16 176c0 37.3 11.6 71.9 31.4 100.3c5 7.2 10.2 14.3 15.4 21.4c0 0 0 0 0 0c19.8 27.1 39.7 54.4 49.2 86.2l160 0zM192 512c44.2 0 80-35.8 80-80l0-16-160 0 0 16c0 44.2 35.8 80 80 80zm0-448c13.3 0 24 10.7 24 24l0 112c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-112c0-13.3 10.7-24 24-24zM160 288a32 32 0 1 1 64 0 32 32 0 1 1 -64 0z\"/>\n        </svg>\n      </ng-template>\n    </ng-container>\n  </ng-container>\n\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <!-- Progress steps -->\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-spinner fa-pulse step-ongoing\" *ngIf=\"!step.done && streaming\"></i>\n            <i class=\"fa-solid fa-ban step-error\" *ngIf=\"!step.done && !streaming\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\" [innerHTML]=\"': ' + step.content\"></span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <!-- Message content -->\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <div *ngIf=\"message?.role === 'assistant' && message.messageType === 'CHART'\">\n      <sq-assistant-chart [rawChartData]=\"message.content\"></sq-assistant-chart>\n    </div>\n\n    <!-- This section is responsible for customizing the template nodes used in the application.\n        Template nodes are predefined structures that serve as blueprints for creating/customizing dynamic content -->\n    <remark *ngIf=\"(message?.role === 'assistant' && message.messageType === 'MARKDOWN') || message?.role === 'connection-error' || message?.role === 'search-warning'\" [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          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}\n        </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)=\"copyCode(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\n                  [class.expanded]=\"attachment.$expanded\"\n                  [attachment]=\"attachment\"\n                  [reference]=\"reference\"\n                  (openPreview)=\"openAttachmentPreview($event)\"\n                  (openDocument)=\"openOriginalAttachment($event)\">\n                </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-actions\" *ngIf=\"message\">\n    <!-- Common action buttons for \"user\" & \"assistant\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy text\" (click)=\"copyMessage(message)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <!-- Action buttons for \"user\" message -->\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\" (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <!-- Action buttons for \"assistant\" message -->\n    <button class=\"btn btn-sm\" [class.bounce]=\"message.additionalProperties.$liked === true\" *ngIf=\"canLike\" sqTooltip=\"Like the answer\" (click)=\"like.emit()\">\n      <i class=\"fa-thumbs-up {{message.additionalProperties.$liked === true ? 'fas' : 'far'}}\"></i>\n    </button>\n    <button class=\"btn btn-sm bounce\"  [class.bounce]=\"message.additionalProperties.$disliked === true\" *ngIf=\"canDislike\" sqTooltip=\"Report an issue\" (click)=\"dislike.emit()\">\n      <i class=\"fa-thumbs-down {{message.additionalProperties.$disliked === true ? 'fas' : 'far'}}\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\" (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canDebug\" sqTooltip=\"Show Log Information\" (click)=\"debug.emit(message);\">\n      <i class=\"far fa-list-alt\"></i>\n    </button>\n  </div>\n\n  <!-- List of suggested actions, if any -->\n  <div *ngIf=\"suggestedActions\" class=\"mt-2 message-suggestion\">\n    <div class=\"suggested-action\" *ngFor=\"let suggestedAction of suggestedActions\" (click)=\"suggestAction.emit(suggestedAction)\">\n      <div class=\"message-icon\" [style.width.px]=\"iconSize\"></div>\n      <div class=\"message-content\">\n        <p><i class=\"fas fa-clipboard-question\"></i> {{suggestedAction.content}}</p>\n      </div>\n    </div>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference\n      *ngIf=\"!hiddenTooltip\"\n      class=\"expanded\"\n      [attachment]=\"ref\"\n      [reference]=\"ref.contextId\"\n      [partId]=\"ref.$partId\"\n      (openPreview)=\"openAttachmentPreview($event, ref.$partId)\"\n      (openDocument)=\"openOriginalAttachment($event, ref.$partId)\">\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}:host{display:flex}:host:not(:hover):not(.last-message) .sq-chat-message-actions{visibility:hidden}.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%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word}.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:table;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:not(:first-child){margin-top:.5rem}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-connection-error .message-content{background:var(--ast-error-bg, rgba(249, 58, 55, .2))}.message-search-warning .message-content{background:var(--ast-warning-bg, #fff1b8);color:var(--ast-message-reference-color, inherit)}.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}.message-suggestion .message-content{background:var(--ast-input-bg, #F8F8F8);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500));transition:background-color .5s ease,color .5s ease}.message-suggestion .message-content:hover{background:var(--ast-primary-bg, #f2f8fe);color:var(--ast-primary-color, #005DA7)}.message-suggestion .message-content p{white-space:pre-line}.message-suggestion .suggested-action{cursor:pointer}.message-suggestion .suggested-action+.suggested-action{margin-top:var(--ast-size-2, .5rem)}.sq-chat-message-actions{position:absolute;bottom:calc(0rem - var(--ast-size-3, .75rem));display:flex;z-index:999}.sq-chat-message-actions button{font-size:.75rem;color:var(--ast-action-buttons-color, #212529)}.sq-chat-message-actions button:hover{color:var(--ast-action-buttons-hover-color, var(--ast-primary-color, #005DA7))}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}.connection-error{height:var(--sq-size);width:var(--sq-size);color:var(--ast-error-color, rgba(249, 58, 55, .7))}.search-warning{height:var(--sq-size);width:var(--sq-size);color:var(--ast-warning-color, #fed86f)}.step-success{color:var(--ast-primary-color, #005DA7)}.step-ongoing{color:var(--ast-secondary-color, #FF732E)}.step-error{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.bounce{animation:bounce 2s ease}@keyframes bounce{10%{transform:translateY(0)}20%{transform:translateY(-15%)}30%{transform:translateY(0)}35%{transform:translateY(-7%)}37%{transform:translateY(0)}39%{transform:translateY(-3%)}40%{transform:translateY(0)}}\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: [{
                 type: Input
             }], suggestedActions: [{
                 type: Input
-            }], chatStarters: [{
-                type: Input
             }], assistantMessageIcon: [{
                 type: Input
             }], userMessageIcon: [{
@@ -1735,8 +1751,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Output
             }], suggestAction: [{
                 type: Output
-            }], chatStarterClicked: [{
-                type: Output
             }], edit: [{
                 type: Output
             }], copy: [{
@@ -1787,17 +1801,21 @@ class RestChatService extends ChatService {
      * It can be overridden by the app config
      */
     getRequestsUrl() {
-        if (this.chatConfig$.value.connectionSettings.restEndpoint) {
-            this.REQUEST_URL = this.chatConfig$.value.connectionSettings.restEndpoint;
+        if (this.assistantConfig$.value.connectionSettings.restEndpoint) {
+            this.REQUEST_URL = this.assistantConfig$.value.connectionSettings.restEndpoint;
         }
         else {
             throw new Error(`The property 'restEndpoint' must be provided when attempting to use 'REST' in assistant instance`);
         }
     }
+    overrideUser() {
+        const error = new Error('Override user is not supported in REST');
+        console.error(error);
+    }
     listModels() {
         const data = {
             action: "listmodels",
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.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);
@@ -1807,9 +1825,9 @@ class RestChatService extends ChatService {
     listFunctions() {
         const data = {
             action: "listfunctions",
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
-        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) => {
+        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.functions), tap((functions) => this.functions = functions?.filter(func => func.enabled && !!this.assistantConfig$.value.defaultValues.functions.find(fn => fn.name === func.functionName))), catchError((error) => {
             console.error('Error invoking listfunctions:', error);
             return throwError(() => error);
         }));
@@ -1821,23 +1839,23 @@ class RestChatService extends ChatService {
         const data = {
             action: "chat",
             history: messages,
-            functions: this.chatConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
-            debug: this.chatConfig$.value.defaultValues.debug,
+            functions: this.assistantConfig$.value.defaultValues.functions?.filter(func => func.enabled).map(func => func.name),
+            debug: this.assistantConfig$.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
+                service_id: this.assistantConfig$.value.defaultValues.service_id,
+                model_id: this.assistantConfig$.value.defaultValues.model_id,
+                top_p: this.assistantConfig$.value.defaultValues.top_p,
+                temperature: this.assistantConfig$.value.defaultValues.temperature,
+                max_tokens: this.assistantConfig$.value.defaultValues.max_tokens,
+                ...this.assistantConfig$.value.additionalServiceSettings
             },
             appQuery: {
                 app: this.appService.appName,
                 query
             },
-            genericChatErrorMessage: this.chatConfig$.value.globalSettings.genericChatErrorMessage
+            genericChatErrorMessage: this.assistantConfig$.value.globalSettings.genericChatErrorMessage
         };
-        if (this.chatConfig$.value.savedChatSettings.enabled) {
+        if (this.assistantConfig$.value.savedChatSettings.enabled) {
             data.instanceId = this.chatInstanceId;
             data.savedChatId = this.savedChatId;
         }
@@ -1873,7 +1891,7 @@ class RestChatService extends ChatService {
             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)) {
+            if (this.assistantConfig$.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();
             }
@@ -1903,13 +1921,13 @@ class RestChatService extends ChatService {
         return throwError(() => error);
     }
     listSavedChat() {
-        if (!this.chatConfig$.value.savedChatSettings.enabled) {
+        if (!this.assistantConfig$.value.savedChatSettings.enabled) {
             return;
         }
         const data = {
             action: "SavedChatList",
             instanceId: this.chatInstanceId,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.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.error.errorMessage);
@@ -1922,7 +1940,7 @@ class RestChatService extends ChatService {
             instanceId: this.chatInstanceId,
             savedChatId: this.chatId,
             history: messages,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.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
@@ -1938,7 +1956,7 @@ class RestChatService extends ChatService {
             action: "SavedChatGet",
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.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.error.errorMessage);
@@ -1951,7 +1969,7 @@ class RestChatService extends ChatService {
             action: "SavedChatUpdate",
             instanceId: this.chatInstanceId,
             savedChatId: id,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.value.defaultValues.debug
         };
         if (name)
             data["title"] = name;
@@ -1968,7 +1986,7 @@ class RestChatService extends ChatService {
             action: "SavedChatDelete",
             instanceId: this.chatInstanceId,
             savedChatIds: ids,
-            debug: this.chatConfig$.value.defaultValues.debug
+            debug: this.assistantConfig$.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.error.errorMessage);
@@ -1991,7 +2009,7 @@ class TokenProgressBarComponent {
     }
     ngOnInit() {
         this.subscription.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), switchMap(_ => this.chatService.initProcess$), filter(success => !!success), tap(_ => {
-            this.config = this.chatService.chatConfig$.value;
+            this.config = this.chatService.assistantConfig$.value;
             this.onUserTokensConsumption();
             this.onChatTokensConsumption();
         })).subscribe());
@@ -2020,10 +2038,10 @@ class TokenProgressBarComponent {
     }
 }
 TokenProgressBarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: TokenProgressBarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-TokenProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: TokenProgressBarComponent, isStandalone: true, selector: "sq-token-progress-bar", inputs: { instanceId: "instanceId" }, ngImport: i0, template: "<div class=\"bars-container d-flex flex-row gap-2 p-2 me-4\" *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined) || (config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\">\n    <div *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"userTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + userPercentage + '%, #0040BF 0)'\">\n    </div>\n    <div *ngIf=\"(config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"chatTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + chatPercentage + '%, #0040BF 0)'\">\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}.bars-container{background-color:var(--ast-primary-bg, #f2f8fe);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.token-progress-bar{width:1.5rem;height:1.5rem;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
+TokenProgressBarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: TokenProgressBarComponent, isStandalone: true, selector: "sq-token-progress-bar", inputs: { instanceId: "instanceId" }, ngImport: i0, template: "<div class=\"bars-container d-flex flex-row gap-2 p-2 me-4\" *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined) || (config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\">\n    <div *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"userTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + userPercentage + '%, #0040BF 0)'\">\n    </div>\n    <div *ngIf=\"(config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"chatTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + chatPercentage + '%, #0040BF 0)'\">\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}.bars-container{background-color:var(--ast-primary-bg, #f2f8fe);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.token-progress-bar{width:1.5rem;height:1.5rem;border-radius:50%}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { 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"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: TokenProgressBarComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'sq-token-progress-bar', standalone: true, imports: [CommonModule, UtilsModule], template: "<div class=\"bars-container d-flex flex-row gap-2 p-2 me-4\" *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined) || (config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\">\n    <div *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"userTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + userPercentage + '%, #0040BF 0)'\">\n    </div>\n    <div *ngIf=\"(config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"chatTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + chatPercentage + '%, #0040BF 0)'\">\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}.bars-container{background-color:var(--ast-primary-bg, #f2f8fe);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.token-progress-bar{width:1.5rem;height:1.5rem;border-radius:50%}\n"] }]
+            args: [{ selector: 'sq-token-progress-bar', standalone: true, imports: [CommonModule, UtilsModule], template: "<div class=\"bars-container d-flex flex-row gap-2 p-2 me-4\" *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined) || (config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\">\n    <div *ngIf=\"(config?.globalSettings?.displayUserQuotaConsumption && userPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"userTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + userPercentage + '%, #0040BF 0)'\">\n    </div>\n    <div *ngIf=\"(config?.globalSettings?.displayChatTokensConsumption && chatPercentage !== undefined)\" class=\"token-progress-bar\" [sqTooltip]=\"chatTitle\"\n        [style.background]=\"'radial-gradient(closest-side, var(--ast-primary-bg, #F8F8F8) 70%, transparent 75% 100%), conic-gradient(#FF854A ' + chatPercentage + '%, #0040BF 0)'\">\n    </div>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}.bars-container{background-color:var(--ast-primary-bg, #f2f8fe);border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.token-progress-bar{width:1.5rem;height:1.5rem;border-radius:50%}\n"] }]
         }], propDecorators: { instanceId: [{
                 type: Input
             }] } });
@@ -2075,6 +2093,7 @@ class ChatComponent extends AbstractFacet {
         this.principalService = inject(PrincipalWebService);
         this.cdr = inject(ChangeDetectorRef);
         this.appService = inject(AppService);
+        this.notificationsService = inject(NotificationsService);
         /** Define the query to use to fetch answers */
         this.query = this.searchService.query;
         /** Define the protocol to be used for this chat instance*/
@@ -2101,14 +2120,12 @@ class ChatComponent extends AbstractFacet {
         this.openPreview = new EventEmitter();
         /** Event emitter triggered when the user clicks on a suggested action */
         this.suggestAction = new EventEmitter();
-        /** Event emitter triggered when the user clicks on a chat starter */
-        this.chatStarter = new EventEmitter();
         this.messages$ = new BehaviorSubject(undefined);
         this.question = '';
         this._actions = [];
         this._resetChatAction = new Action({
             icon: 'fas fa-sync',
-            title: "Reset chat",
+            title: "Reset assistant",
             action: () => this.newChat()
         });
         this._sub = new Subscription();
@@ -2141,7 +2158,7 @@ class ChatComponent extends AbstractFacet {
                 this.connection.emit(this.chatService.connection);
             }
             this.onLoadChat();
-        }), switchMap(_ => this.chatService.chatConfig$), tap(config => {
+        }), tap(_ => this.chatService.overrideUser()), switchMap(_ => this.chatService.userOverride$), switchMap(_ => this.chatService.assistantConfig$), tap(config => {
             this.config = config;
             this.enabledUserInput = this.config.modeSettings.enabledUserInput;
             this.issueTypes = this.config.auditSettings?.issueTypes?.length ? this.config.auditSettings.issueTypes : undefined;
@@ -2177,13 +2194,13 @@ class ChatComponent extends AbstractFacet {
         this._sub.unsubscribe();
         this._dataSubscription?.unsubscribe();
         this._reloadSubscription?.unsubscribe();
+        if (this.chatService instanceof WebSocketChatService) {
+            this.chatService.stopConnection();
+        }
     }
     get isAdmin() {
         return this.principalService.principal?.isAdministrator || false;
     }
-    get visibleMessagesCount() {
-        return this.messages$.value?.filter(m => m.additionalProperties.display).length || 0;
-    }
     /**
      * Instantiate the chat service based on the provided @input protocol
      * This chat service instance will then be stored in the instanceManagerService with provided @input instanceId as a key
@@ -2203,6 +2220,17 @@ class ChatComponent extends AbstractFacet {
         this.instanceManagerService.storeInstance(this.instanceId, this.chatService);
     }
     get actions() { return this._actions; }
+    /**
+     * Handles the changes in the chat component.
+     * If the chat service is a WebSocketChatService, it handles the override of the message handlers if they exist.
+     * Initializes the chat with the provided chat messages if they exist, otherwise loads the default chat.
+     * 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.
+     * It takes into account the ongoing streaming process and the ongoing stopping process to trigger that conditionally define the logic
+     * of the reload :
+     * - If the chat is streaming, then stop the generation and wait for the fetch to complete before reloading the chat.
+     * - If the chat is stopping the generation, then wait for the fetch to complete before reloading the chat.
+     */
     _handleChanges() {
         const changes = this.changes$.value;
         // If the chat service is a WebSocketChatService, handle the override of the message handlers if exists
@@ -2222,11 +2250,11 @@ class ChatComponent extends AbstractFacet {
             };
             this.chatService.generateChatId();
             if (this.chat) {
-                this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.chatConfig$.value), 'chat-init': JSON.stringify(this.chat) });
+                this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.assistantConfig$.value), 'chat-init': JSON.stringify(this.chat) });
                 openChat();
             }
             else {
-                this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.chatConfig$.value) });
+                this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.assistantConfig$.value) });
                 this.loadDefaultChat();
             }
         }
@@ -2294,26 +2322,52 @@ class ChatComponent extends AbstractFacet {
             }
         }
     }
+    /**
+     * Triggers a reload after the query change.
+     * This method performs the necessary operations to reload the chat after a query change.
+     * It sets the system and user messages, resets the savedChatId, generates a new chatId,
+     * generates a new chat audit event, and handles the query mode.
+     */
     _triggerReloadAfterQueryChange() {
         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 } };
         this.chatService.setSavedChatId(undefined); // Reset the savedChatId
         this.chatService.generateChatId(); // Generate a new chatId
-        this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.chatConfig$.value) }); // Generate a new chat audit event
+        this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.assistantConfig$.value) }); // Generate a new chat audit event
         this._handleQueryMode(systemMsg, userMsg);
     }
+    /**
+     * Adds a scroll listener to the message list element.
+     * The listener is triggered when any of the following events occur:
+     * - Loading state changes
+     * - Messages change
+     * - Streaming state changes
+     * - Scroll event occurs on the message list element
+     *
+     * When the listener is triggered, it updates the `isAtBottom` property.
+     */
     _addScrollListener() {
         this._sub.add(merge(this.loading$, this.messages$, this.chatService.streaming$, fromEvent(this.messageList.nativeElement, 'scroll')).subscribe(() => {
             this.isAtBottom = this._toggleScrollButtonVisibility();
             this.cdr.detectChanges();
         }));
     }
+    /**
+     * Get the model description based on the defaultValues service_id and model_id
+     */
     updateModelDescription() {
         this.modelDescription = this.chatService.getModel(this.config.defaultValues.service_id, this.config.defaultValues.model_id);
         this.cdr.detectChanges();
     }
+    /**
+     * Submits a question from the user.
+     * If the user is editing a previous message, removes all subsequent messages from the chat history.
+     * Triggers the fetch of the answer for the submitted question by calling _fetchAnswer().
+     * Clears the input value in the UI.
+     * ⚠️ If the chat is streaming or stopping the generation, the operation is not allowed.
+     */
     submitQuestion() {
-        if (this.chatService.streaming$.value) {
+        if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
             return;
         }
         if (this.question.trim() && this.messages$.value && this.chatService.chatHistory) {
@@ -2337,6 +2391,13 @@ class ChatComponent extends AbstractFacet {
             this.questionInput.nativeElement.style.height = `auto`;
         }
     }
+    /**
+     * Triggers the fetch of the answer for the given question and updates the conversation.
+     * Generates an audit event for the user input.
+     *
+     * @param question - The question asked by the user.
+     * @param conversation - The current conversation messages.
+     */
     _fetchAnswer(question, conversation) {
         const userMsg = { role: 'user', content: question, additionalProperties: { display: true, isUserInput: true, additionalWorkflowProperties: this.config.additionalWorkflowProperties } };
         const messages = [...conversation, userMsg];
@@ -2348,9 +2409,13 @@ class ChatComponent extends AbstractFacet {
      * Depending on the connection's state :
      *  - If connected => given a list of messages, the chat endpoint is invoked for a continuation and updates the list of messages accordingly.
      *  - If any other state => a connection error message is displayed in the chat.
-     * @param messages
+     * ⚠️ If the assistant is streaming or stopping the generation, the operation is not allowed.
+     * @param messages The list of messages to invoke the chat endpoint with
      */
     fetch(messages) {
+        if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
+            return;
+        }
         this._updateConnectionStatus();
         this.cdr.detectChanges();
         if (this.isConnected) {
@@ -2371,9 +2436,7 @@ class ChatComponent extends AbstractFacet {
                     // Remove the last message if it's an empty message
                     // This is due to the manner in which the chat service handles consecutive messages
                     const lastMessage = this.messages$.value?.at(-1);
-                    if (lastMessage?.role === 'assistant' && lastMessage?.content === ""
-                        && !lastMessage?.additionalProperties?.$attachment && !lastMessage?.additionalProperties?.$progress
-                        && !lastMessage?.additionalProperties?.$debug && !lastMessage?.additionalProperties?.$suggestedAction) {
+                    if (this.isEmptyAssistantMessage(lastMessage)) {
                         this.messages$.next(this.messages$.value?.slice(0, -1));
                     }
                     this.terminateFetch();
@@ -2472,12 +2535,18 @@ class ChatComponent extends AbstractFacet {
             this.scrollDown();
         }
     }
+    /**
+     * @returns true if the chat discussion is scrolled down to the bottom, false otherwise
+     */
     _toggleScrollButtonVisibility() {
         if (this.messageList?.nativeElement) {
             return Math.round(this.messageList?.nativeElement.scrollHeight - this.messageList?.nativeElement.scrollTop - 1) <= this.messageList?.nativeElement.clientHeight;
         }
         return true;
     }
+    /**
+     * Scroll down to the bottom of the chat discussion
+     */
     scrollDown() {
         setTimeout(() => {
             if (this.messageList?.nativeElement) {
@@ -2487,9 +2556,10 @@ 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
+     * 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.
+     * ⚠️ If the assistant is streaming or stopping the generation, the operation is not allowed.
      */
     newChat() {
         if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
@@ -2498,9 +2568,33 @@ class ChatComponent extends AbstractFacet {
         this.chatService.setSavedChatId(undefined); // Reset the savedChatId
         this.chatService.generateChatId(); // Generate a new chatId
         this.chatService.listSavedChat(); // Refresh the list of saved chats
-        this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.chatConfig$.value) }); // Generate a new chat audit event
+        this.chatService.generateAuditEvent('new-chat', { 'configuration': JSON.stringify(this.chatService.assistantConfig$.value) }); // Generate a new chat audit event
         this.loadDefaultChat(); // Start a new chat
     }
+    /**
+     * Attaches the specified document IDs to the assistant.
+     * If no document IDs are provided, the operation is not allowed.
+     * If the action for attaching a document is not defined at the application customization level, an error is logged.
+     * ⚠️ If the assistant is streaming or stopping the generation, the operation is not allowed.
+     * @param ids - An array of document IDs to attach.
+     */
+    attachToChat(ids) {
+        if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
+            return;
+        }
+        if (!ids || ids?.length < 1) {
+            return;
+        }
+        const attachDocAction = this.config.modeSettings.actions?.["attachDocAction"];
+        if (!attachDocAction) {
+            console.error(`No action is defined for attaching a document to the assistant "${this.instanceId}"`);
+            return;
+        }
+        const userMsg = { role: 'user', content: '', additionalProperties: { display: false, isUserInput: false, type: "Action", forcedWorkflow: attachDocAction.forcedWorkflow, forcedWorkflowProperties: { ...(attachDocAction.forcedWorkflowProperties || {}), ids }, additionalWorkflowProperties: this.config.additionalWorkflowProperties } };
+        const messages = [...this.chatService.chatHistory, userMsg];
+        this.messages$.next(messages);
+        this.fetch(messages);
+    }
     /**
      * 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
@@ -2512,15 +2606,37 @@ class ChatComponent extends AbstractFacet {
         if (this.config.modeSettings.initialization.event === 'Query') {
             this._handleQueryMode(systemMsg, userMsg);
         }
-        else { // If the chat is meant to be initialized with event === "Prompt"
+        else {
+            this._handlePromptMode(systemMsg, userMsg);
+        }
+    }
+    /**
+     * Handles the prompt mode of the chat component.
+     * If `sendUserPrompt` is true, it opens the chat with both system and user messages,
+     * and generates audit events for both messages.
+     * If `sendUserPrompt` is false, it opens the chat with only the system message,
+     * and generates an audit event for the system message.
+     *
+     * @param systemMsg - The system message to be displayed in the chat.
+     * @param userMsg - The user message to be displayed in the chat (optional).
+     */
+    _handlePromptMode(systemMsg, userMsg) {
+        if (this.config.modeSettings.sendUserPrompt) {
             this.openChat([systemMsg, userMsg]);
             this.chatService.generateAuditEvent('message', this._defineMessageAuditDetails(systemMsg, 0));
             this.chatService.generateAuditEvent('message', this._defineMessageAuditDetails(userMsg, 1));
         }
+        else {
+            this.openChat([systemMsg]);
+            this.chatService.generateAuditEvent('message', this._defineMessageAuditDetails(systemMsg, 0));
+        }
     }
     /**
+     * Handles the query mode by displaying the system message, user message, and user query message.
      * 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
+     * @param systemMsg - The system message to be displayed.
+     * @param userMsg - The user message to be displayed.
      */
     _handleQueryMode(systemMsg, userMsg) {
         if (!!this.query.text) {
@@ -2560,7 +2676,7 @@ class ChatComponent extends AbstractFacet {
      */
     openChat(messages, savedChatId) {
         if (!messages || !Array.isArray(messages)) {
-            console.error('Error occurs while trying to load the chat discussion. Invalid messages received :', messages);
+            console.error('Error occurs while trying to load the discussion. Invalid messages received :', messages);
             return;
         }
         if (savedChatId) {
@@ -2593,14 +2709,26 @@ class ChatComponent extends AbstractFacet {
         this.question = '';
         this.terminateFetch();
     }
+    /**
+     * Fetch and Load the saved chat from the saved chat index.
+     * If the saved chat is found, the chat discussion will be loaded with the provided messages and chatId
+     */
     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))).subscribe());
     }
+    /**
+     * Stop the generation of the current assistant's answer.
+     * The fetch subscription will be terminated.
+     */
     stopGeneration() {
         this.chatService.stopGeneration().subscribe(() => this.terminateFetch());
     }
+    /**
+     * Terminate the fetch process by unsubscribing from the data subscription and updating the loading status to false.
+     * Additionally, focus on the chat input if the focusAfterResponse flag is set to true.
+     */
     terminateFetch() {
         this._dataSubscription?.unsubscribe();
         this._dataSubscription = undefined;
@@ -2617,9 +2745,13 @@ class ChatComponent extends AbstractFacet {
      * Thus, the user can edit and resubmit the message.
      * Once the edited message is submitted, all subsequent messages starting from @param index will be removed from the history and the UI will be updated accordingly.
      * The assistant will regenerate a new answer based on the updated chat history.
+     * ⚠️ If the assistant is streaming or stopping the generation, the operation is not allowed.
      * @param index The index of the user's message to edit
      */
     editMessage(index) {
+        if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
+            return;
+        }
         this.messageToEdit = index;
         this.remappedMessageToEdit = this._remapIndexInChatHistory(index);
         this.question = this.chatService.chatHistory[this._remapIndexInChatHistory(index)].content;
@@ -2637,9 +2769,13 @@ class ChatComponent extends AbstractFacet {
     /**
      * Starting from the provided index, remove all subsequent messages from the chat history and the UI accordingly.
      * The assistant will regenerate a new answer based on the updated chat history.
+     * ⚠️ If the assistant is streaming or stopping the generation, the operation is not allowed.
      * @param index The index of the assistant's message to regenerate
      */
     regenerateMessage(index) {
+        if (!!this.chatService.streaming$.value || !!this.chatService.stoppingGeneration$.value) {
+            return;
+        }
         // Update the messages in the UI by removing all subsequent 'assistant' messages starting from the provided index until the first previous 'user' message
         let i = index;
         while (i >= 0 && (this.messages$.value)[i].role !== 'user') {
@@ -2665,14 +2801,31 @@ class ChatComponent extends AbstractFacet {
      * @param index - The index to be remapped.
      */
     _remapIndexInChatHistory(index) {
-        // a copy of the chat history is created to avoid modifying the original chat history. Additionally, a rank is giving to each message.
-        const history = this.chatService.chatHistory.slice().map((message, idx) => {
-            return { ...message, additionalProperties: { ...message.additionalProperties, rank: idx } };
+        // a copy of the chat history is created to avoid modifying the original chat history.
+        // Additionally, a rank is giving to each message.
+        // All messages having role 'user' are updated with the display property set to true, this is mandatory to get the correct rank of the message in the chat history when the user message to remap is hidden
+        const history = this.chatService.chatHistory
+            .slice()
+            .map((message, idx) => ({ ...message, additionalProperties: { ...message.additionalProperties, rank: idx } }))
+            .map((message) => {
+            if (message.role === "user") {
+                return { ...message, additionalProperties: { ...message.additionalProperties, display: true } };
+            }
+            return message;
         });
-        // Count the number of hidden messages in messages$ before the provided index
+        // Count the number of hidden messages (of role different then "user") in messages$ before the provided index
+        // All messages having role 'user' are updated with the display property set to true, this is mandatory to get the correct rank of the message in the chat history when the user message to remap is hidden
         // This is mandatory to get the correct rank of the message in the chat history
         // Since some hidden messages (like 'system' messages) are not displayed in the UI but have been counted in the provided index
-        const numberOfHiddenMessagesInMessages$BeforeIndex = this.messages$.value.slice(0, index).filter(message => !message.additionalProperties.display).length;
+        const numberOfHiddenMessagesInMessages$BeforeIndex = this.messages$.value
+            .slice(0, index)
+            .map((message) => {
+            if (message.role === "user") {
+                return { ...message, additionalProperties: { ...message.additionalProperties, display: true } };
+            }
+            return message;
+        })
+            .filter(message => !message.additionalProperties.display).length;
         // remove all messages that have display set to false
         // this is mandatory since at the point of time when the assistant answers a question,
         // it might have some hidden messages (for example contextMessages) that are available in the chat history but don't figure in messages$ unless a new question is asked
@@ -2680,6 +2833,10 @@ class ChatComponent extends AbstractFacet {
         // return the index of the message in the filtered history
         return filteredHistory[index - numberOfHiddenMessagesInMessages$BeforeIndex].additionalProperties.rank;
     }
+    /**
+     * Handles the key up event for 'Backspace' and 'Enter' keys.
+     * @param event - The keyboard event.
+     */
     onKeyUp(event) {
         switch (event.key) {
             case 'Backspace':
@@ -2696,6 +2853,11 @@ class ChatComponent extends AbstractFacet {
                 break;
         }
     }
+    /**
+     * Calculates and adjusts the height of the question input element based on its content.
+     * If the Enter key is pressed without the Shift key, it prevents the default behavior.
+     * @param event The keyboard event
+     */
     calculateHeight(event) {
         if (event?.key === 'Enter' && !event.shiftKey) {
             event?.preventDefault();
@@ -2721,6 +2883,8 @@ class ChatComponent extends AbstractFacet {
         this.reportComment = undefined;
         this.reportRank = rank;
         this.showReport = true;
+        this.chatService.chatHistory[this._remapIndexInChatHistory(rank)].additionalProperties.$liked = true;
+        this._updateChatHistory();
     }
     /**
      * Send a "dislike" event on clicking on the thumb-down icon of an assistant's message.
@@ -2738,6 +2902,14 @@ class ChatComponent extends AbstractFacet {
         this.reportComment = undefined;
         this.reportRank = rank;
         this.showReport = true;
+        this.chatService.chatHistory[this._remapIndexInChatHistory(rank)].additionalProperties.$disliked = true;
+        this._updateChatHistory();
+    }
+    _updateChatHistory() {
+        this.messages$.next(this.chatService.chatHistory);
+        if (this.chatService.savedChatId) {
+            this.chatService.updateSavedChat(this.chatService.savedChatId, undefined, this.chatService.chatHistory).subscribe();
+        }
     }
     /**
      * Report an issue related to the assistant's message.
@@ -2755,6 +2927,7 @@ class ChatComponent extends AbstractFacet {
         else {
             this.chatService.generateAuditEvent('positive-report.send', details);
         }
+        this.notificationsService.success('Your report has been successfully sent');
         this.showReport = false;
     }
     /**
@@ -2806,13 +2979,6 @@ class ChatComponent extends AbstractFacet {
         this.suggestAction.emit(action);
         this.chatService.generateAuditEvent('suggestedAction.click', { 'text': action.content, 'suggestedAction-type': action.type });
     }
-    /**
-     * Handle the click on a chat starter.
-     * @param starter the chat starter.
-     */
-    chatStarterClick(starter) {
-        this.chatStarter.emit(starter);
-    }
     /**
      * It looks for the debug messages available in the current group of "assistant" messages.
      * By design, the debug messages are only available in the first visible message among the group "assistant" messages.
@@ -2857,18 +3023,38 @@ class ChatComponent extends AbstractFacet {
         }
         return true;
     }
+    /**
+     * Checks if the given message is an empty assistant message.
+     * An empty assistant message is defined as a message with the role 'assistant',
+     * an empty content, and no additional properties such as attachments, progress,
+     * debug information, or suggested actions.
+     *
+     * @param message - The message to check.
+     * @returns `true` if the message is an empty assistant message, `false` otherwise.
+     */
+    isEmptyAssistantMessage(message) {
+        if (message?.role === 'assistant'
+            && message?.content === ""
+            && !message?.additionalProperties?.$attachment
+            && !message?.additionalProperties?.$progress
+            && !message?.additionalProperties?.$debug
+            && !message?.additionalProperties?.$suggestedAction) {
+            return true;
+        }
+        return false;
+    }
 }
 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", queryChangeShouldTriggerReload: "queryChangeShouldTriggerReload", protocol: "protocol", messageHandlers: "messageHandlers", automaticScrollToLastResponse: "automaticScrollToLastResponse", focusAfterResponse: "focusAfterResponse", chat: "chat", assistantMessageIcon: "assistantMessageIcon", userMessageIcon: "userMessageIcon", connectionErrorMessageIcon: "connectionErrorMessageIcon", searchWarningMessageIcon: "searchWarningMessageIcon" }, outputs: { connection: "connection", loading$: "loading", _config: "config", data: "data", openDocument: "openDocument", openPreview: "openPreview", suggestAction: "suggestAction", chatStarter: "chatStarter" }, 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", focusAfterResponse: "focusAfterResponse", chat: "chat", assistantMessageIcon: "assistantMessageIcon", userMessageIcon: "userMessageIcon", connectionErrorMessageIcon: "connectionErrorMessageIcon", searchWarningMessageIcon: "searchWarningMessageIcon" }, outputs: { connection: "connection", loading$: "loading", _config: "config", data: "data", openDocument: "openDocument", openPreview: "openPreview", suggestAction: "suggestAction" }, providers: [
         RestChatService,
         WebSocketChatService
-    ], queries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }, { propertyName: "reportTpl", first: true, predicate: ["reportTpl"], descendants: true }, { propertyName: "tokenConsumptionTpl", first: true, predicate: ["tokenConsumptionTpl"], descendants: true }, { propertyName: "debugMessagesTpl", first: true, predicate: ["debugMessagesTpl"], 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: "<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n    <!-- Token consumption -->\n    <div class=\"ms-1\" *ngIf=\"config?.globalSettings?.displayUserQuotaConsumption || config?.globalSettings?.displayChatTokensConsumption\">\n      <ng-container *ngTemplateOutlet=\"tokenConsumptionTpl || defaultTokenConsumptionTpl; context: { $implicit: instanceId }\"></ng-container>\n    </div>\n\n    <!-- Chat Messages -->\n    <ul class=\"list-group list-group-flush overflow-auto flex-grow-1 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\"\n          *ngIf=\"message.additionalProperties.display\"\n          [style.--bs-list-group-item-padding-y.rem]=\"'0.6'\"\n          [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role === 'user'\"\n            [class.last-message]=\"last\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [suggestedActions]=\"last ? message.additionalProperties.$suggestedAction : undefined\"\n            [chatStarters]=\"visibleMessagesCount === 1 ? config.modeSettings.initialization.chatStarters : undefined\"\n            [assistantMessageIcon]=\"assistantMessageIcon\"\n            [userMessageIcon]=\"userMessageIcon\"\n            [connectionErrorMessageIcon]=\"connectionErrorMessageIcon\"\n            [searchWarningMessageIcon]=\"searchWarningMessageIcon\"\n            [streaming]=\"(chatService.streaming$ | async) && (last || isAssistantLastMessages(messages, index))\"\n            [canEdit]=\"(loading$ | async) === false && ((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role === 'user'\"\n            [canCopy]=\"((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role !== 'connection-error' && message.role !== 'search-warning'\"\n            [canLike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDislike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDebug]=\"(((chatService.streaming$ | async) === false && last) || (!last && messages[index+1].role !== 'assistant')) && message.role === 'assistant' && isAdmin && (getDebugMessages(index).length > 0) && config?.defaultValues.debug\"\n            [canRegenerate]=\"(loading$ | async) === false && (((chatService.streaming$ | async) === false  && last) || (!last && messages[index+1].role !== 'assistant'))  && message.role === 'assistant' && messageToEdit === undefined\"\n            (edit)=\"editMessage(index)\"\n            (copy)=\"copyMessage(index)\"\n            (regenerate)=\"regenerateMessage(index)\"\n            (openDocument)=\"openOriginalAttachment($event)\"\n            (openPreview)=\"openAttachmentPreview($event)\"\n            (suggestAction)=\"suggestActionClick($event, index)\"\n            (chatStarterClicked)=\"chatStarterClick($event)\"\n            (like)=\"onLike($event, index)\"\n            (dislike)=\"onDislike($event, index)\"\n            (debug)=\"showDebug(index)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n      <!-- Loading spinner -->\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <!-- Reporting a feedback form -->\n    <div class=\"issue-report bg-light pt-3 pb-2\" *ngIf=\"showReport\">\n      <ng-container *ngTemplateOutlet=\"reportTpl || reportTplDefault; context: { $implicit: messageToReport, rank: reportRank, type: reportType }\"></ng-container>\n    </div>\n\n    <!-- User text input -->\n    <div class=\"user-input mt-auto\" *ngIf=\"!showReport\">\n      <div class=\"py-2\">\n        <div [hidden]=\"!isConnected\">\n          <ng-container *ngIf=\"enabledUserInput\" [ngTemplateOutlet]=\"inputTpl\"></ng-container>\n        </div>\n        <!-- Retry button -->\n        <button [hidden]=\"isConnected\" class=\"btn mb-4 ast-error ast-btn sq-retry\" (click)=\"retryFetch()\">\n          <span>Try again</span>\n          <span *ngIf=\"retrialAttempts\" class=\"ms-2 attempts\">{{ retrialAttempts }}</span>\n        </button>\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\n    <!-- Floating scroll button -->\n    <div *ngIf=\"!isAtBottom && !showReport\" class=\"sq-floating-scroll\" [ngClass]=\"enabledUserInput ? 'sq-floating-scroll--when-user-input' : 'sq-floating-scroll--without-user-input'\">\n      <button class=\"btn shadow\" (click)=\"scrollDown()\">\n        <i class=\"fas fa-angle-double-down\"></i>\n      </button>\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($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <span *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Generating <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <span *ngIf=\"(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Stopping <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <button\n        *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Stop generating\"\n        (click)=\"stopGeneration()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #reportTplDefault let-message let-rank=\"rank\" let-type=\"type\">\n  <div class=\"px-3\">\n    <ng-container *ngIf=\"type === 'dislike'\">\n      <h5>Issue type</h5>\n      <select class=\"form-select mb-4\" [(ngModel)]=\"issueType\">\n        <option [value]=\"''\">Choose an issue type</option>\n        <option *ngFor=\"let type of (issueTypes ?? defaultIssueTypes)\">{{type}}</option>\n      </select>\n      <h5>What was unsatisfying about this response? (optional)</h5>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'like'\">\n      <h5>Why did you like this answer? (optional)</h5>\n    </ng-container>\n    <textarea class=\"form-control\" [(ngModel)]=\"reportComment\" placeholder=\"Write your comment\"></textarea>\n    <div class=\"d-flex flex-row-reverse mt-2\">\n      <button class=\"btn btn-primary\" [disabled]=\"type === 'dislike' && !issueType\" (click)=\"sendReport()\">Send</button>\n      <button class=\"btn btn-light\" (click)=\"ignoreReport()\">Cancel</button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #defaultTokenConsumptionTpl let-instanceId>\n  <sq-token-progress-bar\n    [instanceId]=\"instanceId\">\n  </sq-token-progress-bar>\n</ng-template>\n\n<div class=\"debug-messages\" [class.displayed]=\"showDebugMessages\">\n  <button *ngIf=\"showDebugMessages\" class=\"btn btn-light shadow back-btn\" (click)=\"showDebugMessages=false\">\n    <i class=\"fas fa-chevron-right\"></i>\n  </button>\n  <ng-container *ngTemplateOutlet=\"debugMessagesTpl || defaultDebugMessagesTpl; context: { $implicit: debugMessages }\">\n  </ng-container>\n</div>\n\n<ng-template #defaultDebugMessagesTpl let-debugMessages>\n  <sq-debug-message [data]=\"debugMessages\"></sq-debug-message>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}: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>.issue-report>div,: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%;text-align:center}.sq-floating-scroll--when-user-input{bottom:75px}.sq-floating-scroll--without-user-input{bottom:15px}.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: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))}.ast-input-container .processing{display:flex;align-items:center;color:var(--ast-secondary-color, #FF732E)}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}sq-token-progress-bar{z-index:10;position:absolute;top:0;right:0}.debug-messages{position:fixed;z-index:999999;right:-60%;top:0;width:60%;height:100%;transition:all .5s ease;background-color:var(--bs-body-bg);overflow:auto}.debug-messages .back-btn{position:fixed;right:0%;transition:all .5s ease}.debug-messages.displayed{right:0}.debug-messages.displayed .back-btn{right:60%}.debug-messages sq-debug-message:first-of-type{display:block;width:100%}.sq-retry{display:flex;margin:auto;font-weight:var(--font-weight-bold, 500)}.sq-retry .attempts{display:flex;border-radius:100%;background:white;height:20px;width:20px;place-content:center;align-items:center}\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: "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.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.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"] }, { kind: "component", type: ChatMessageComponent, selector: "sq-chat-message", inputs: ["message", "conversation", "suggestedActions", "chatStarters", "assistantMessageIcon", "userMessageIcon", "connectionErrorMessageIcon", "searchWarningMessageIcon", "streaming", "canEdit", "canRegenerate", "canCopy", "canDebug", "canLike", "canDislike"], outputs: ["openDocument", "openPreview", "suggestAction", "chatStarterClicked", "edit", "copy", "regenerate", "like", "dislike", "debug"] }, { kind: "component", type: TokenProgressBarComponent, selector: "sq-token-progress-bar", inputs: ["instanceId"] }, { kind: "component", type: DebugMessageComponent, selector: "sq-debug-message", inputs: ["data", "level", "parentColor"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+    ], queries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }, { propertyName: "reportTpl", first: true, predicate: ["reportTpl"], descendants: true }, { propertyName: "tokenConsumptionTpl", first: true, predicate: ["tokenConsumptionTpl"], descendants: true }, { propertyName: "debugMessagesTpl", first: true, predicate: ["debugMessagesTpl"], 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: "<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n    <!-- Token consumption -->\n    <div class=\"ms-1\" *ngIf=\"config?.globalSettings?.displayUserQuotaConsumption || config?.globalSettings?.displayChatTokensConsumption\">\n      <ng-container *ngTemplateOutlet=\"tokenConsumptionTpl || defaultTokenConsumptionTpl; context: { $implicit: instanceId }\"></ng-container>\n    </div>\n\n    <!-- Chat Messages -->\n    <ul class=\"list-group list-group-flush overflow-auto flex-grow-1 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\"\n          *ngIf=\"message.additionalProperties.display && !isEmptyAssistantMessage(message)\"\n          [style.--bs-list-group-item-padding-y.rem]=\"'0.6'\"\n          [class.opacity-50]=\"messageToEdit && (messageToEdit < (index + 1))\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role === 'user'\"\n            [class.last-message]=\"last\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [suggestedActions]=\"last ? message.additionalProperties.$suggestedAction : undefined\"\n            [assistantMessageIcon]=\"assistantMessageIcon\"\n            [userMessageIcon]=\"userMessageIcon\"\n            [connectionErrorMessageIcon]=\"connectionErrorMessageIcon\"\n            [searchWarningMessageIcon]=\"searchWarningMessageIcon\"\n            [streaming]=\"(chatService.streaming$ | async) && (last || isAssistantLastMessages(messages, index))\"\n            [canEdit]=\"(chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'user'\"\n            [canCopy]=\"((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role !== 'connection-error' && message.role !== 'search-warning'\"\n            [canLike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDislike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDebug]=\"(((chatService.streaming$ | async) === false && last) || (!last && messages[index+1].role !== 'assistant')) && message.role === 'assistant' && isAdmin && (getDebugMessages(index).length > 0) && config?.defaultValues.debug\"\n            [canRegenerate]=\"(chatService.streaming$ | async) === false  && (last || (!last && messages[index+1].role !== 'assistant'))  && message.role === 'assistant' && messageToEdit === undefined\"\n            (edit)=\"editMessage(index)\"\n            (copy)=\"copyMessage(index)\"\n            (regenerate)=\"regenerateMessage(index)\"\n            (openDocument)=\"openOriginalAttachment($event)\"\n            (openPreview)=\"openAttachmentPreview($event)\"\n            (suggestAction)=\"suggestActionClick($event, index)\"\n            (like)=\"onLike(message, index)\"\n            (dislike)=\"onDislike(message, index)\"\n            (debug)=\"showDebug(index)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n      <!-- Loading spinner -->\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <!-- Reporting a feedback form -->\n    <div class=\"issue-report pt-3 pb-2\" *ngIf=\"showReport\">\n      <ng-container *ngTemplateOutlet=\"reportTpl || reportTplDefault; context: { $implicit: messageToReport, rank: reportRank, type: reportType }\"></ng-container>\n    </div>\n\n    <!-- User text input -->\n    <div class=\"user-input mt-auto\" *ngIf=\"!showReport\">\n      <div class=\"py-2\">\n        <div [hidden]=\"!isConnected\">\n          <ng-container *ngIf=\"enabledUserInput\" [ngTemplateOutlet]=\"inputTpl\"></ng-container>\n        </div>\n        <!-- Retry button -->\n        <button [hidden]=\"isConnected\" class=\"btn mb-4 ast-error ast-btn sq-retry\" (click)=\"retryFetch()\">\n          <span>Try again</span>\n          <span *ngIf=\"retrialAttempts\" class=\"ms-2 attempts\">{{ retrialAttempts }}</span>\n        </button>\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\n    <!-- Floating scroll button -->\n    <div *ngIf=\"!isAtBottom && !showReport\" class=\"sq-floating-scroll\" [ngClass]=\"enabledUserInput ? 'sq-floating-scroll--when-user-input' : 'sq-floating-scroll--without-user-input'\">\n      <button class=\"btn shadow\" (click)=\"scrollDown()\">\n        <i class=\"fas fa-angle-double-down\"></i>\n      </button>\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($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <span *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Generating <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <span *ngIf=\"(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Stopping <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <button\n        *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Stop generating\"\n        (click)=\"stopGeneration()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #reportTplDefault let-message let-rank=\"rank\" let-type=\"type\">\n  <div class=\"px-3\">\n    <ng-container *ngIf=\"type === 'dislike'\">\n      <h5>Issue type</h5>\n      <select class=\"form-select mb-4\" [(ngModel)]=\"issueType\">\n        <option [value]=\"''\">Choose an issue type</option>\n        <option *ngFor=\"let type of (issueTypes ?? defaultIssueTypes)\">{{type}}</option>\n      </select>\n      <h5>What was unsatisfying about this response? (optional)</h5>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'like'\">\n      <h5>Why did you like this answer? (optional)</h5>\n    </ng-container>\n    <textarea class=\"form-control\" [(ngModel)]=\"reportComment\" placeholder=\"Write your comment\"></textarea>\n    <div class=\"d-flex flex-row-reverse gap-1 mt-2\">\n      <button class=\"btn btn-primary\" [disabled]=\"type === 'dislike' && !issueType\" (click)=\"sendReport()\">Send</button>\n      <button class=\"btn btn-light\" (click)=\"ignoreReport()\">Do not send report</button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #defaultTokenConsumptionTpl let-instanceId>\n  <sq-token-progress-bar\n    [instanceId]=\"instanceId\">\n  </sq-token-progress-bar>\n</ng-template>\n\n<div class=\"debug-messages\" [class.displayed]=\"showDebugMessages\">\n  <button *ngIf=\"showDebugMessages\" class=\"btn btn-light shadow back-btn\" (click)=\"showDebugMessages=false\">\n    <i class=\"fas fa-chevron-right\"></i>\n  </button>\n  <ng-container *ngTemplateOutlet=\"debugMessagesTpl || defaultDebugMessagesTpl; context: { $implicit: debugMessages }\">\n  </ng-container>\n</div>\n\n<ng-template #defaultDebugMessagesTpl let-debugMessages>\n  <sq-debug-message [data]=\"debugMessages\"></sq-debug-message>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}: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>.issue-report>div,: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%;text-align:center}.sq-floating-scroll--when-user-input{bottom:75px}.sq-floating-scroll--without-user-input{bottom:15px}.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: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))}.ast-input-container .processing{display:flex;align-items:center;color:var(--ast-secondary-color, #FF732E)}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}sq-token-progress-bar{z-index:10;position:absolute;top:0;right:0}.debug-messages{position:fixed;z-index:999999;right:-60%;top:0;width:60%;height:100%;transition:all .5s ease;background-color:var(--bs-body-bg);overflow:auto}.debug-messages .back-btn{position:fixed;right:0%;transition:all .5s ease}.debug-messages.displayed{right:0}.debug-messages.displayed .back-btn{right:60%}.debug-messages sq-debug-message:first-of-type{display:block;width:100%}.sq-retry{display:flex;margin:auto;font-weight:var(--font-weight-bold, 500)}.sq-retry .attempts{display:flex;border-radius:100%;background:white;height:20px;width:20px;place-content:center;align-items:center}.issue-report{background-color:var(--ast-report-bg, white)}\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: "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.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.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"] }, { kind: "component", type: ChatMessageComponent, selector: "sq-chat-message", inputs: ["message", "conversation", "suggestedActions", "assistantMessageIcon", "userMessageIcon", "connectionErrorMessageIcon", "searchWarningMessageIcon", "streaming", "canEdit", "canRegenerate", "canCopy", "canDebug", "canLike", "canDislike"], outputs: ["openDocument", "openPreview", "suggestAction", "edit", "copy", "regenerate", "like", "dislike", "debug"] }, { kind: "component", type: TokenProgressBarComponent, selector: "sq-token-progress-bar", inputs: ["instanceId"] }, { kind: "component", type: DebugMessageComponent, selector: "sq-debug-message", inputs: ["data", "level", "parentColor"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }], 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, TokenProgressBarComponent, DebugMessageComponent, UtilsModule], template: "<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n    <!-- Token consumption -->\n    <div class=\"ms-1\" *ngIf=\"config?.globalSettings?.displayUserQuotaConsumption || config?.globalSettings?.displayChatTokensConsumption\">\n      <ng-container *ngTemplateOutlet=\"tokenConsumptionTpl || defaultTokenConsumptionTpl; context: { $implicit: instanceId }\"></ng-container>\n    </div>\n\n    <!-- Chat Messages -->\n    <ul class=\"list-group list-group-flush overflow-auto flex-grow-1 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\"\n          *ngIf=\"message.additionalProperties.display\"\n          [style.--bs-list-group-item-padding-y.rem]=\"'0.6'\"\n          [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role === 'user'\"\n            [class.last-message]=\"last\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [suggestedActions]=\"last ? message.additionalProperties.$suggestedAction : undefined\"\n            [chatStarters]=\"visibleMessagesCount === 1 ? config.modeSettings.initialization.chatStarters : undefined\"\n            [assistantMessageIcon]=\"assistantMessageIcon\"\n            [userMessageIcon]=\"userMessageIcon\"\n            [connectionErrorMessageIcon]=\"connectionErrorMessageIcon\"\n            [searchWarningMessageIcon]=\"searchWarningMessageIcon\"\n            [streaming]=\"(chatService.streaming$ | async) && (last || isAssistantLastMessages(messages, index))\"\n            [canEdit]=\"(loading$ | async) === false && ((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role === 'user'\"\n            [canCopy]=\"((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role !== 'connection-error' && message.role !== 'search-warning'\"\n            [canLike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDislike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDebug]=\"(((chatService.streaming$ | async) === false && last) || (!last && messages[index+1].role !== 'assistant')) && message.role === 'assistant' && isAdmin && (getDebugMessages(index).length > 0) && config?.defaultValues.debug\"\n            [canRegenerate]=\"(loading$ | async) === false && (((chatService.streaming$ | async) === false  && last) || (!last && messages[index+1].role !== 'assistant'))  && message.role === 'assistant' && messageToEdit === undefined\"\n            (edit)=\"editMessage(index)\"\n            (copy)=\"copyMessage(index)\"\n            (regenerate)=\"regenerateMessage(index)\"\n            (openDocument)=\"openOriginalAttachment($event)\"\n            (openPreview)=\"openAttachmentPreview($event)\"\n            (suggestAction)=\"suggestActionClick($event, index)\"\n            (chatStarterClicked)=\"chatStarterClick($event)\"\n            (like)=\"onLike($event, index)\"\n            (dislike)=\"onDislike($event, index)\"\n            (debug)=\"showDebug(index)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n      <!-- Loading spinner -->\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <!-- Reporting a feedback form -->\n    <div class=\"issue-report bg-light pt-3 pb-2\" *ngIf=\"showReport\">\n      <ng-container *ngTemplateOutlet=\"reportTpl || reportTplDefault; context: { $implicit: messageToReport, rank: reportRank, type: reportType }\"></ng-container>\n    </div>\n\n    <!-- User text input -->\n    <div class=\"user-input mt-auto\" *ngIf=\"!showReport\">\n      <div class=\"py-2\">\n        <div [hidden]=\"!isConnected\">\n          <ng-container *ngIf=\"enabledUserInput\" [ngTemplateOutlet]=\"inputTpl\"></ng-container>\n        </div>\n        <!-- Retry button -->\n        <button [hidden]=\"isConnected\" class=\"btn mb-4 ast-error ast-btn sq-retry\" (click)=\"retryFetch()\">\n          <span>Try again</span>\n          <span *ngIf=\"retrialAttempts\" class=\"ms-2 attempts\">{{ retrialAttempts }}</span>\n        </button>\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\n    <!-- Floating scroll button -->\n    <div *ngIf=\"!isAtBottom && !showReport\" class=\"sq-floating-scroll\" [ngClass]=\"enabledUserInput ? 'sq-floating-scroll--when-user-input' : 'sq-floating-scroll--without-user-input'\">\n      <button class=\"btn shadow\" (click)=\"scrollDown()\">\n        <i class=\"fas fa-angle-double-down\"></i>\n      </button>\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($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <span *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Generating <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <span *ngIf=\"(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Stopping <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <button\n        *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Stop generating\"\n        (click)=\"stopGeneration()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #reportTplDefault let-message let-rank=\"rank\" let-type=\"type\">\n  <div class=\"px-3\">\n    <ng-container *ngIf=\"type === 'dislike'\">\n      <h5>Issue type</h5>\n      <select class=\"form-select mb-4\" [(ngModel)]=\"issueType\">\n        <option [value]=\"''\">Choose an issue type</option>\n        <option *ngFor=\"let type of (issueTypes ?? defaultIssueTypes)\">{{type}}</option>\n      </select>\n      <h5>What was unsatisfying about this response? (optional)</h5>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'like'\">\n      <h5>Why did you like this answer? (optional)</h5>\n    </ng-container>\n    <textarea class=\"form-control\" [(ngModel)]=\"reportComment\" placeholder=\"Write your comment\"></textarea>\n    <div class=\"d-flex flex-row-reverse mt-2\">\n      <button class=\"btn btn-primary\" [disabled]=\"type === 'dislike' && !issueType\" (click)=\"sendReport()\">Send</button>\n      <button class=\"btn btn-light\" (click)=\"ignoreReport()\">Cancel</button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #defaultTokenConsumptionTpl let-instanceId>\n  <sq-token-progress-bar\n    [instanceId]=\"instanceId\">\n  </sq-token-progress-bar>\n</ng-template>\n\n<div class=\"debug-messages\" [class.displayed]=\"showDebugMessages\">\n  <button *ngIf=\"showDebugMessages\" class=\"btn btn-light shadow back-btn\" (click)=\"showDebugMessages=false\">\n    <i class=\"fas fa-chevron-right\"></i>\n  </button>\n  <ng-container *ngTemplateOutlet=\"debugMessagesTpl || defaultDebugMessagesTpl; context: { $implicit: debugMessages }\">\n  </ng-container>\n</div>\n\n<ng-template #defaultDebugMessagesTpl let-debugMessages>\n  <sq-debug-message [data]=\"debugMessages\"></sq-debug-message>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}: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>.issue-report>div,: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%;text-align:center}.sq-floating-scroll--when-user-input{bottom:75px}.sq-floating-scroll--without-user-input{bottom:15px}.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: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))}.ast-input-container .processing{display:flex;align-items:center;color:var(--ast-secondary-color, #FF732E)}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}sq-token-progress-bar{z-index:10;position:absolute;top:0;right:0}.debug-messages{position:fixed;z-index:999999;right:-60%;top:0;width:60%;height:100%;transition:all .5s ease;background-color:var(--bs-body-bg);overflow:auto}.debug-messages .back-btn{position:fixed;right:0%;transition:all .5s ease}.debug-messages.displayed{right:0}.debug-messages.displayed .back-btn{right:60%}.debug-messages sq-debug-message:first-of-type{display:block;width:100%}.sq-retry{display:flex;margin:auto;font-weight:var(--font-weight-bold, 500)}.sq-retry .attempts{display:flex;border-radius:100%;background:white;height:20px;width:20px;place-content:center;align-items:center}\n"] }]
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, ChatMessageComponent, TokenProgressBarComponent, DebugMessageComponent, UtilsModule], template: "<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n    <!-- Token consumption -->\n    <div class=\"ms-1\" *ngIf=\"config?.globalSettings?.displayUserQuotaConsumption || config?.globalSettings?.displayChatTokensConsumption\">\n      <ng-container *ngTemplateOutlet=\"tokenConsumptionTpl || defaultTokenConsumptionTpl; context: { $implicit: instanceId }\"></ng-container>\n    </div>\n\n    <!-- Chat Messages -->\n    <ul class=\"list-group list-group-flush overflow-auto flex-grow-1 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\"\n          *ngIf=\"message.additionalProperties.display && !isEmptyAssistantMessage(message)\"\n          [style.--bs-list-group-item-padding-y.rem]=\"'0.6'\"\n          [class.opacity-50]=\"messageToEdit && (messageToEdit < (index + 1))\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role === 'user'\"\n            [class.last-message]=\"last\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [suggestedActions]=\"last ? message.additionalProperties.$suggestedAction : undefined\"\n            [assistantMessageIcon]=\"assistantMessageIcon\"\n            [userMessageIcon]=\"userMessageIcon\"\n            [connectionErrorMessageIcon]=\"connectionErrorMessageIcon\"\n            [searchWarningMessageIcon]=\"searchWarningMessageIcon\"\n            [streaming]=\"(chatService.streaming$ | async) && (last || isAssistantLastMessages(messages, index))\"\n            [canEdit]=\"(chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'user'\"\n            [canCopy]=\"((chatService.streaming$ | async) === false || !last) && messageToEdit === undefined && message.role !== 'connection-error' && message.role !== 'search-warning'\"\n            [canLike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDislike]=\"((chatService.streaming$ | async) === false || !last) && message.role === 'assistant'\"\n            [canDebug]=\"(((chatService.streaming$ | async) === false && last) || (!last && messages[index+1].role !== 'assistant')) && message.role === 'assistant' && isAdmin && (getDebugMessages(index).length > 0) && config?.defaultValues.debug\"\n            [canRegenerate]=\"(chatService.streaming$ | async) === false  && (last || (!last && messages[index+1].role !== 'assistant'))  && message.role === 'assistant' && messageToEdit === undefined\"\n            (edit)=\"editMessage(index)\"\n            (copy)=\"copyMessage(index)\"\n            (regenerate)=\"regenerateMessage(index)\"\n            (openDocument)=\"openOriginalAttachment($event)\"\n            (openPreview)=\"openAttachmentPreview($event)\"\n            (suggestAction)=\"suggestActionClick($event, index)\"\n            (like)=\"onLike(message, index)\"\n            (dislike)=\"onDislike(message, index)\"\n            (debug)=\"showDebug(index)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n      <!-- Loading spinner -->\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <!-- Reporting a feedback form -->\n    <div class=\"issue-report pt-3 pb-2\" *ngIf=\"showReport\">\n      <ng-container *ngTemplateOutlet=\"reportTpl || reportTplDefault; context: { $implicit: messageToReport, rank: reportRank, type: reportType }\"></ng-container>\n    </div>\n\n    <!-- User text input -->\n    <div class=\"user-input mt-auto\" *ngIf=\"!showReport\">\n      <div class=\"py-2\">\n        <div [hidden]=\"!isConnected\">\n          <ng-container *ngIf=\"enabledUserInput\" [ngTemplateOutlet]=\"inputTpl\"></ng-container>\n        </div>\n        <!-- Retry button -->\n        <button [hidden]=\"isConnected\" class=\"btn mb-4 ast-error ast-btn sq-retry\" (click)=\"retryFetch()\">\n          <span>Try again</span>\n          <span *ngIf=\"retrialAttempts\" class=\"ms-2 attempts\">{{ retrialAttempts }}</span>\n        </button>\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\n    <!-- Floating scroll button -->\n    <div *ngIf=\"!isAtBottom && !showReport\" class=\"sq-floating-scroll\" [ngClass]=\"enabledUserInput ? 'sq-floating-scroll--when-user-input' : 'sq-floating-scroll--without-user-input'\">\n      <button class=\"btn shadow\" (click)=\"scrollDown()\">\n        <i class=\"fas fa-angle-double-down\"></i>\n      </button>\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($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\">\n      </textarea>\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <span *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Generating <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <span *ngIf=\"(chatService.stoppingGeneration$ | async)\" class=\"processing ms-2\">\n        Stopping <i class=\"ms-1 fas fa-spinner fa-pulse\"></i>\n      </span>\n      <button\n        *ngIf=\"(chatService.streaming$ | async) && !(chatService.stoppingGeneration$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        sqTooltip=\"Stop generating\"\n        (click)=\"stopGeneration()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #reportTplDefault let-message let-rank=\"rank\" let-type=\"type\">\n  <div class=\"px-3\">\n    <ng-container *ngIf=\"type === 'dislike'\">\n      <h5>Issue type</h5>\n      <select class=\"form-select mb-4\" [(ngModel)]=\"issueType\">\n        <option [value]=\"''\">Choose an issue type</option>\n        <option *ngFor=\"let type of (issueTypes ?? defaultIssueTypes)\">{{type}}</option>\n      </select>\n      <h5>What was unsatisfying about this response? (optional)</h5>\n    </ng-container>\n    <ng-container *ngIf=\"type === 'like'\">\n      <h5>Why did you like this answer? (optional)</h5>\n    </ng-container>\n    <textarea class=\"form-control\" [(ngModel)]=\"reportComment\" placeholder=\"Write your comment\"></textarea>\n    <div class=\"d-flex flex-row-reverse gap-1 mt-2\">\n      <button class=\"btn btn-primary\" [disabled]=\"type === 'dislike' && !issueType\" (click)=\"sendReport()\">Send</button>\n      <button class=\"btn btn-light\" (click)=\"ignoreReport()\">Do not send report</button>\n    </div>\n  </div>\n</ng-template>\n\n<ng-template #defaultTokenConsumptionTpl let-instanceId>\n  <sq-token-progress-bar\n    [instanceId]=\"instanceId\">\n  </sq-token-progress-bar>\n</ng-template>\n\n<div class=\"debug-messages\" [class.displayed]=\"showDebugMessages\">\n  <button *ngIf=\"showDebugMessages\" class=\"btn btn-light shadow back-btn\" (click)=\"showDebugMessages=false\">\n    <i class=\"fas fa-chevron-right\"></i>\n  </button>\n  <ng-container *ngTemplateOutlet=\"debugMessagesTpl || defaultDebugMessagesTpl; context: { $implicit: debugMessages }\">\n  </ng-container>\n</div>\n\n<ng-template #defaultDebugMessagesTpl let-debugMessages>\n  <sq-debug-message [data]=\"debugMessages\"></sq-debug-message>\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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}: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>.issue-report>div,: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%;text-align:center}.sq-floating-scroll--when-user-input{bottom:75px}.sq-floating-scroll--without-user-input{bottom:15px}.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: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))}.ast-input-container .processing{display:flex;align-items:center;color:var(--ast-secondary-color, #FF732E)}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}sq-token-progress-bar{z-index:10;position:absolute;top:0;right:0}.debug-messages{position:fixed;z-index:999999;right:-60%;top:0;width:60%;height:100%;transition:all .5s ease;background-color:var(--bs-body-bg);overflow:auto}.debug-messages .back-btn{position:fixed;right:0%;transition:all .5s ease}.debug-messages.displayed{right:0}.debug-messages.displayed .back-btn{right:60%}.debug-messages sq-debug-message:first-of-type{display:block;width:100%}.sq-retry{display:flex;margin:auto;font-weight:var(--font-weight-bold, 500)}.sq-retry .attempts{display:flex;border-radius:100%;background:white;height:20px;width:20px;place-content:center;align-items:center}.issue-report{background-color:var(--ast-report-bg, white)}\n"] }]
         }], ctorParameters: function () { return []; }, propDecorators: { instanceId: [{
                 type: Input
             }], query: [{
@@ -2909,8 +3095,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImpor
                 type: Output
             }], suggestAction: [{
                 type: Output
-            }], chatStarter: [{
-                type: Output
             }], messageList: [{
                 type: ViewChild,
                 args: ['messageList']
@@ -2943,7 +3127,7 @@ class SavedChatsComponent {
         this.notificationsService = inject(NotificationsService);
     }
     ngOnInit() {
-        this.subscription.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), switchMap(_ => this.chatService.initProcess$), filter(success => !!success), tap(_ => {
+        this.subscription.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), switchMap(_ => this.chatService.userOverride$), tap(_ => {
             this.onListSavedChat();
             this.chatService.listSavedChat();
         })).subscribe());
@@ -3081,10 +3265,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: "<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\"\n      (click)=\"onLoad(savedChat)\"\n      class=\"saved-chat p-2\"\n      [class.forbidden]=\"(chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\"\n      [class.active]=\"chatService.savedChatId === savedChat.id\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"onRename($event, savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"onDelete($event, 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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}.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 .saved-chat.forbidden{cursor:not-allowed}.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"] }] });
+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.assistantConfig$ | 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\"\n      (click)=\"onLoad(savedChat)\"\n      class=\"saved-chat p-2\"\n      [class.forbidden]=\"(chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\"\n      [class.active]=\"chatService.savedChatId === savedChat.id\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"onRename($event, savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"onDelete($event, 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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}.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 .saved-chat.forbidden{cursor:not-allowed}.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: "<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\"\n      (click)=\"onLoad(savedChat)\"\n      class=\"saved-chat p-2\"\n      [class.forbidden]=\"(chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\"\n      [class.active]=\"chatService.savedChatId === savedChat.id\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"onRename($event, savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"onDelete($event, 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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6}.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 .saved-chat.forbidden{cursor:not-allowed}.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.assistantConfig$ | 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\"\n      (click)=\"onLoad(savedChat)\"\n      class=\"saved-chat p-2\"\n      [class.forbidden]=\"(chatService.streaming$ | async) || (chatService.stoppingGeneration$ | async)\"\n      [class.active]=\"chatService.savedChatId === savedChat.id\">\n      <span class=\"title me-1\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-pen mx-1\" [sqTooltip]=\"'Rename'\"\n        (click)=\"onRename($event, savedChat)\"></i>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\"\n        (click)=\"onDelete($event, 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-error{background-color:var(--ast-error-bg, rgba(249, 58, 55, .2));color:var(--ast-action-buttons-color, inherit)}.ast-error:hover{color:var(--ast-error-color, rgba(249, 58, 55, .7))}.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;--ast-action-buttons-color: white;--ast-action-buttons-hover-color: #6dbee6;--ast-report-bg: #070707}.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 .saved-chat.forbidden{cursor:not-allowed}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
         }], propDecorators: { instanceId: [{
                 type: Input
             }], load: [{