@sinequa/assistant 3.7.1 → 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';
@@ -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 });
@@ -240,10 +240,6 @@ const defaultValuesSchema = z.object({
     systemPrompt: z.string(),
     userPrompt: z.string()
 });
-// Define the Zod representation for the chatStarter object
-const chatStarterSchema = z.object({
-    text: z.string()
-});
 // Define the Zod representation for the action object
 const actionSchema = z.object({
     forcedWorkflow: z.string(),
@@ -253,8 +249,7 @@ const actionSchema = z.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'.",
 });
@@ -264,8 +259,6 @@ const modeSettingsSchema = z.object({
     sendUserPrompt: z.boolean(),
     initialization: initializationSchema,
     actions: z.record(actionSchema).optional()
-}).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')",
 });
 // Define the Zod representation for the savedChatSettings object
 const savedChatSettingsSchema = z.object({
@@ -299,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.
         */
@@ -401,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
@@ -439,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);
                 }
             }
@@ -464,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)
@@ -506,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 });
     }
@@ -539,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,
@@ -626,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) => {
@@ -678,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));
@@ -694,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));
@@ -708,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;
         }
@@ -796,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: () => { },
@@ -866,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
@@ -888,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);
@@ -909,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
@@ -931,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;
@@ -955,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);
@@ -1148,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;
             }
@@ -1170,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":
@@ -1182,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":
@@ -1456,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: [{
@@ -1524,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();
@@ -1535,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
@@ -1700,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: [{
@@ -1741,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: [{
@@ -1793,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);
@@ -1813,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);
         }));
@@ -1827,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;
         }
@@ -1879,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();
             }
@@ -1909,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);
@@ -1928,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
@@ -1944,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);
@@ -1957,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;
@@ -1974,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);
@@ -1997,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());
@@ -2026,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
             }] } });
@@ -2081,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*/
@@ -2107,8 +2120,6 @@ 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 = [];
@@ -2147,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;
@@ -2190,9 +2201,6 @@ class ChatComponent extends AbstractFacet {
     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
@@ -2242,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();
             }
         }
@@ -2325,7 +2333,7 @@ class ChatComponent extends AbstractFacet {
         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);
     }
     /**
@@ -2356,6 +2364,7 @@ class ChatComponent extends AbstractFacet {
      * 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 || !!this.chatService.stoppingGeneration$.value) {
@@ -2400,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.
+     * ⚠️ 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) {
@@ -2423,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();
@@ -2545,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) {
@@ -2556,14 +2568,14 @@ 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 the chat is streaming or stopping the generation, the operation is not allowed.
      * 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) {
@@ -2594,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) {
@@ -2711,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;
@@ -2731,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') {
@@ -2759,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
@@ -2824,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.
@@ -2841,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.
@@ -2858,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;
     }
     /**
@@ -2909,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.
@@ -2960,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: [{
@@ -3012,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']
@@ -3046,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());
@@ -3184,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: [{