@sinequa/assistant 3.1.1

package/fesm2015/sinequa-assistant-chat.mjs

@@ -0,0 +1,1925 @@
+import * as i0 from '@angular/core';
+import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, ChangeDetectorRef, ViewChild, ContentChild } from '@angular/core';
+import { Subscription, filter, tap, switchMap, BehaviorSubject, Subject, forkJoin, map, catchError, throwError, shareReplay, fromEvent, merge, takeUntil, finalize } from 'rxjs';
+import * as i3 from '@sinequa/core/web-services';
+import { PrincipalWebService, UserSettingsWebService, AuditWebService, SignalRWebService, JsonMethodPluginService } from '@sinequa/core/web-services';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import * as i2 from '@angular/forms';
+import { FormsModule } from '@angular/forms';
+import { LoginService, AuthenticationService } from '@sinequa/core/login';
+import { Action } from '@sinequa/components/action';
+import { AbstractFacet } from '@sinequa/components/facet';
+import * as i1$1 from '@sinequa/components/search';
+import { SearchService } from '@sinequa/components/search';
+import { UserPreferences } from '@sinequa/components/user-settings';
+import { NotificationsService } from '@sinequa/core/notification';
+import { z } from 'zod';
+import { AppService } from '@sinequa/core/app-utils';
+import { IntlService } from '@sinequa/core/intl';
+import get from 'lodash/get';
+import { Utils } from '@sinequa/core/base';
+import { HttpTransportType, LogLevel } from '@microsoft/signalr';
+import { unified } from 'unified';
+import remarkParse from 'remark-parse';
+import { visit, CONTINUE, EXIT } from 'unist-util-visit';
+import * as i2$1 from '@sinequa/components/utils';
+import { UtilsModule } from '@sinequa/components/utils';
+import remarkGfm from 'remark-gfm';
+import * as i5 from '@sinequa/components/collapse';
+import { CollapseModule } from '@sinequa/components/collapse';
+import * as i6 from 'ngx-remark';
+import { RemarkModule } from 'ngx-remark';
+import SafeColor from 'safecolor';
+import { ModalService, ModalButton, ModalModule } from '@sinequa/core/modal';
+import { parseISO, isToday, isYesterday, isThisWeek, differenceInDays, endOfYesterday, isThisMonth, differenceInMonths, isThisQuarter, isThisYear, differenceInYears, format } from 'date-fns';
+
+/**
+ * A service to create and manage instances of ChatService dynamically based on the provided component references and the implementation type (http or websocket)
+ * All chat-related components should share the same instance of this InstanceManagerService, which in turn provides the appropriate instance of ChatService
+ */
+class InstanceManagerService {
+    constructor() {
+        this._serviceInstances = new Map();
+    }
+    /**
+     * Store the instance of ChatService in the map
+     * @param key key differentiator between components used to store their corresponding ChatService instance
+     * @param service The ChatService instance
+     */
+    storeInstance(key, service) {
+        this._serviceInstances.set(key, service);
+    }
+    /**
+     * @param key key differentiator between components based on which the corresponding ChatService instance is fetched
+     * @returns The instance of the service corresponding to the instance of the component
+     */
+    getInstance(key) {
+        if (!this.checkInstance(key)) {
+            throw new Error(`No chat instance found for the given key : '${key}'`);
+        }
+        return this._serviceInstances.get(key);
+    }
+    /**
+     *
+     * @param key key differentiator between components based on which the check for an existent ChatService instance is performed
+     * @returns True if a ChatService instance has been already instantiated for the given key. Otherwise, false.
+     */
+    checkInstance(key) {
+        return this._serviceInstances.has(key);
+    }
+}
+InstanceManagerService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: InstanceManagerService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+InstanceManagerService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: InstanceManagerService, providedIn: 'root' });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: InstanceManagerService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+class ChatSettingsV3Component {
+    constructor() {
+        this._update = new EventEmitter();
+        this._cancel = new EventEmitter();
+        this.subscription = new Subscription();
+        this.isAdmin = false;
+        this.loginService = inject(LoginService);
+        this.instanceManagerService = inject(InstanceManagerService);
+        this.principalService = inject(PrincipalWebService);
+    }
+    ngOnInit() {
+        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.selectedModel = this.chatService.getModel(this.config.serviceSettings.service_id, this.config.serviceSettings.model_id);
+            this.updateFunctionsCheckboxes();
+        }));
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    get hasPrompts() {
+        return this.isAdmin
+            || !!this.config.uiSettings.systemPrompt
+            || !!this.config.uiSettings.userPrompt;
+    }
+    get hasAdvancedParameters() {
+        return this.isAdmin
+            || !!this.config.uiSettings.temperature
+            || !!this.config.uiSettings.top_p
+            || !!this.config.uiSettings.maxTokens;
+    }
+    get hasModel() {
+        return this.isAdmin
+            || !!this.config.uiSettings.servicesModels
+            || !!this.config.uiSettings.functions
+            || !!this.config.uiSettings.debug
+            || !!this.config.uiSettings.temperature
+            || !!this.config.uiSettings.top_p
+            || !!this.config.uiSettings.maxTokens;
+    }
+    instantiateChatService() {
+        this.chatService = this.instanceManagerService.getInstance(this.instanceId);
+    }
+    onChatModelChange(selectedModel) {
+        // Update properties based on the selected model
+        this.config.serviceSettings.service_id = selectedModel.serviceId;
+        this.config.serviceSettings.model_id = selectedModel.modelId;
+    }
+    toggleFunctionsSelection(name) {
+        if (this.config.functions.includes(name)) {
+            this.config.functions = this.config.functions.filter(item => item !== name);
+        }
+        else {
+            this.config.functions.push(name);
+        }
+    }
+    updateFunctionsCheckboxes() {
+        // Update the checkboxes based on config.functions
+        (this.chatService.functions || []).forEach(item => {
+            item['selected'] = this.config.functions.includes(item.functionName);
+        });
+    }
+    /**
+     * Save the new chat config in the chat service and the user preferences
+     */
+    save() {
+        this.chatService.updateChatConfig(this.config);
+        this._update.emit();
+    }
+    /**
+     * Cancel the current changes
+     */
+    cancel() {
+        this._cancel.emit();
+    }
+}
+ChatSettingsV3Component.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatSettingsV3Component, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatSettingsV3Component.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatSettingsV3Component, isStandalone: true, selector: "sq-chat-settings-v3", inputs: { instanceId: "instanceId" }, outputs: { _update: "update", _cancel: "cancel" }, ngImport: i0, template: "<div class=\"sq-chat-settings\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n  \n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of chatService.functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.functionName\" [(ngModel)]=\"func.selected\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.functionName)\">\n        <label class=\"form-check-label\" [for]=\"func.functionName\" [title]=\"func.description\">{{ func.functionName }}</label>\n      </div>\n    </div>\n  \n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n  \n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.serviceSettings.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.serviceSettings.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.serviceSettings.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.serviceSettings.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.maxTokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.serviceSettings.maxTokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.serviceSettings.maxTokens\">\n      </div>\n    </details>\n  \n    <hr>\n  \n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.systemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.uiSettings.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.userPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.uiSettings.userPrompt\"></textarea>\n    </div>\n  \n  </div>\n  \n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n  \n</div>", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i2.CheckboxControlValueAccessor, selector: "input[type=checkbox][formControlName],input[type=checkbox][formControl],input[type=checkbox][ngModel]" }, { kind: "directive", type: i2.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatSettingsV3Component, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-chat-settings-v3', standalone: true, imports: [CommonModule, FormsModule], template: "<div class=\"sq-chat-settings\">\n  <div class=\"settings-panel card-body small\" *ngIf=\"config\">\n\n    <h5 *ngIf=\"hasModel\">Model</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.servicesModels\">\n      <label for=\"gllmModel\" class=\"form-label\">Model</label>\n      <select class=\"form-select\" id=\"gllmModel\" [(ngModel)]=\"selectedModel\" (ngModelChange)=\"onChatModelChange($event)\">\n        <option *ngFor=\"let model of chatService.models\" [ngValue]=\"model\">{{model.displayName}}</option>\n      </select>\n    </div>\n  \n    <div class=\"mb-4\" *ngIf=\"isAdmin || config.uiSettings.functions\">\n      <label for=\"gllmFunctions\" class=\"form-label\">Functions</label>\n      <div id=\"gllmFunctions\" *ngFor=\"let func of chatService.functions\" class=\"multi-option form-check form-switch\">\n        <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" [id]=\"func.functionName\" [(ngModel)]=\"func.selected\"\n          (ngModelChange)=\"toggleFunctionsSelection(func.functionName)\">\n        <label class=\"form-check-label\" [for]=\"func.functionName\" [title]=\"func.description\">{{ func.functionName }}</label>\n      </div>\n    </div>\n  \n    <div class=\"form-check form-switch mb-2\" *ngIf=\"isAdmin || config.uiSettings.debug\">\n      <input class=\"form-check-input\" type=\"checkbox\" role=\"switch\" id=\"debug\" [(ngModel)]=\"config.debug\">\n      <label class=\"form-check-label\" for=\"debug\">Debug</label>\n    </div>\n  \n    <details *ngIf=\"hasAdvancedParameters\">\n      <summary>Advanced parameters</summary>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.temperature\">\n        <label for=\"temperature\" class=\"form-label\">Temperature: {{config.serviceSettings.temperature}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"2\" step=\"0.1\" id=\"temperature\"\n          [(ngModel)]=\"config.serviceSettings.temperature\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.top_p\">\n        <label for=\"top-p\" class=\"form-label\">Top P: {{config.serviceSettings.top_p}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"0\" max=\"1\" step=\"0.05\" id=\"top-p\"\n          [(ngModel)]=\"config.serviceSettings.top_p\">\n      </div>\n      <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.maxTokens\">\n        <label for=\"max-tokens\" class=\"form-label\">Max generated tokens per answer:\n          {{config.serviceSettings.maxTokens}}</label>\n        <input type=\"range\" class=\"form-range form-range-sm\" min=\"1\" max=\"2048\" step=\"1\" id=\"max-tokens\"\n          [(ngModel)]=\"config.serviceSettings.maxTokens\">\n      </div>\n    </details>\n  \n    <hr>\n  \n    <h5 *ngIf=\"hasPrompts\">Prompts</h5>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.systemPrompt\">\n      <label for=\"initialSystemPrompt\" class=\"form-label\">System prompt (hidden)</label>\n      <textarea class=\"form-control\" id=\"initialSystemPrompt\" [(ngModel)]=\"config.uiSettings.systemPrompt\"></textarea>\n    </div>\n    <div class=\"mb-2\" *ngIf=\"isAdmin || config.uiSettings.userPrompt\">\n      <label for=\"initialUserPrompt\" class=\"form-label\">Initial user prompt</label>\n      <textarea class=\"form-control\" id=\"initialUserPrompt\" [(ngModel)]=\"config.uiSettings.userPrompt\"></textarea>\n    </div>\n  \n  </div>\n  \n  <div class=\"buttons-panel d-flex justify-content-end\">\n    <button class=\"btn btn-light\" (click)=\"cancel()\">Cancel</button>\n    <button class=\"btn btn-primary\" *ngIf=\"config\" (click)=\"save()\">Save</button>\n  </div>\n  \n</div>", styles: [":host{display:block;width:var(--ast-chat-settings-width, 100%);max-width:100%;height:100%;margin-left:auto;margin-right:auto;padding-top:var(--ast-chat-settings-padding-top, 0);padding-bottom:var(--ast-chat-settings-padding-bottom, 0)}.sq-chat-settings{display:flex;flex-direction:column;height:100%}.sq-chat-settings .settings-panel{flex-grow:1;overflow:auto}.sq-chat-settings .buttons-panel{padding-top:.5rem}\n"] }]
+        }], propDecorators: { instanceId: [{
+                type: Input
+            }], _update: [{
+                type: Output,
+                args: ["update"]
+            }], _cancel: [{
+                type: Output,
+                args: ["cancel"]
+            }] } });
+
+// Define the Zod representation for the globalSettings object
+const globalSettingsSchema = z.object({
+    restEndpoint: z.string().optional(),
+    websocketEndpoint: z.string().optional(),
+    signalRTransport: z.enum(["WebSockets", "ServerSentEvents", "LongPolling", "None"]),
+    signalRLogLevel: z.enum(["Critical", "Debug", "Error", "Information", "None", "Trace", "Warning"])
+}).refine(data => (!!data.restEndpoint || !!data.websocketEndpoint), {
+    message: "Based on the provided input() protocol ('REST' or 'WEBSOCKET') to the Chat Component, either 'restEndpoint' or 'websocketEndpoint' property should be provided in the 'globalSettings' of the assistant instance.",
+});
+// Define the Zod representation for the serviceSettings object
+const serviceSettingsSchema = z.object({
+    service_id: z.string(),
+    model_id: z.string(),
+    temperature: z.number(),
+    top_p: z.number(),
+    maxTokens: z.number(),
+    results_per_prompt: z.number(),
+    presence_penalty: z.number(),
+    frequency_penalty: z.number(),
+});
+// Define the Zod representation for the TextChunksOptions interface
+const textChunksOptionsSchema = z.object({
+    extendMode: z.enum(['None', 'Sentence', 'Chars']).optional(),
+    extendScope: z.number().optional(),
+});
+// Define the Zod representation for the contextOptions object
+const contextOptionsSchema = z.object({
+    docColumns: z.array(z.string()),
+    textChunkFillGaps: z.number(),
+    html: z.boolean(),
+    topPassagesOptions: z.object({
+        topPassages: z.number(),
+        topPassagesMinScore: z.number(),
+        textChunkOptions: textChunksOptionsSchema,
+    }),
+    matchingPassagesOptions: z.object({
+        matchingPassagesPerDoc: z.number(),
+        fromTopDocuments: z.number(),
+        matchingPassagesMinScore: z.number(),
+        textChunkOptions: textChunksOptionsSchema,
+    }),
+    relevantExtractsOptions: z.object({
+        topRelevantExtractsPerDoc: z.number(),
+        fromTopDocuments: z.number(),
+        textChunkOptions: textChunksOptionsSchema,
+    }),
+    htmlOptions: z.object({
+        images: z.boolean(),
+        links: z.boolean(),
+        tables: z.boolean(),
+        extendTables: z.boolean(),
+    }),
+});
+// Define the Zod representation for the contextSettings object
+const contextSettingsSchema = z.object({
+    app: z.string().optional(),
+    query: z.object({}).optional(),
+    contextOptions: contextOptionsSchema,
+});
+// Define the Zod representation for the uiSettings object
+const uiSettingsSchema = z.object({
+    display: z.boolean(),
+    servicesModels: z.boolean(),
+    functions: z.boolean(),
+    temperature: z.boolean(),
+    top_p: z.boolean(),
+    maxTokens: z.boolean(),
+    debug: z.boolean(),
+    displaySystemPrompt: z.boolean(),
+    systemPrompt: z.string(),
+    displayUserPrompt: z.boolean(),
+    userPrompt: z.string(),
+});
+// Define the Zod representation for the entire ChatConfig object
+const chatConfigSchema = z.object({
+    globalSettings: globalSettingsSchema,
+    serviceSettings: serviceSettingsSchema,
+    contextSettings: contextSettingsSchema,
+    uiSettings: uiSettingsSchema,
+    functions: z.array(z.string()),
+    debug: z.boolean(),
+    saveChats: z.boolean()
+});
+
+class ChatService {
+    constructor() {
+        /** Emit true once the initialization of the chat process is done*/
+        this.initProcess$ = new BehaviorSubject(false);
+        /** Emit true once the initialization of the chat config is done*/
+        this.initConfig$ = new BehaviorSubject(false);
+        /** Global configuration of the chat */
+        this.chatConfig$ = new BehaviorSubject(undefined);
+        /** Streaming status of the chat endpoint */
+        this.streaming$ = new BehaviorSubject(false);
+        /** List of saved chats */
+        this.savedChats$ = new BehaviorSubject([]);
+        /** Emit the saved chat to load */
+        this.loadSavedChat$ = new BehaviorSubject(undefined);
+        this.searchService = inject(SearchService);
+        this.userSettingsService = inject(UserSettingsWebService);
+        this.notificationsService = inject(NotificationsService);
+        this.auditService = inject(AuditWebService);
+        this.prefs = inject(UserPreferences);
+        this.loginService = inject(LoginService);
+        this.appService = inject(AppService);
+        this.intlService = inject(IntlService);
+    }
+    get assistants() {
+        if (!this.userSettingsService.userSettings)
+            this.userSettingsService.userSettings = {};
+        if (!this.userSettingsService.userSettings["assistants"])
+            this.userSettingsService.userSettings["assistants"] = {};
+        return this.userSettingsService.userSettings["assistants"];
+    }
+    /**
+     * Get the instance ID of the chat service
+     * @returns The instance ID of the chat service
+     */
+    get chatInstanceId() {
+        return this._chatInstanceId;
+    }
+    /**
+     * Persist the instance ID of the chat service
+     * @param instanceId The instance ID of the chat service
+     */
+    setChatInstanceId(instanceId) {
+        this._chatInstanceId = instanceId;
+    }
+    /**
+     * Get the ID of the current chat discussion which is used to save/get/delete it
+     * @returns The ID of the current chat discussion
+     */
+    get savedChatId() {
+        return this._savedChatId;
+    }
+    /**
+     * Persist the ID of the current chat discussion which is used to save/get/delete it
+     * @param savedChatId The ID of the current chat discussion which is used to save/get/delete it
+     */
+    setSavedChatId(savedChatId) {
+        this._savedChatId = savedChatId;
+    }
+    /**
+     * Initialize the chat config by merging the default config with the user preferences and the app config
+     * override desc order: user preferences > app config > default config
+     */
+    initChatConfig() {
+        var _a, _b, _c;
+        const key = this.chatInstanceId;
+        const userSettingsConfig = this.assistants[key] || {};
+        const defaultChatConfig = (_c = (_b = (_a = this.appService.app) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.assistants) === null || _c === void 0 ? void 0 : _c[key];
+        // Validate the object against the schema
+        try {
+            chatConfigSchema.parse(defaultChatConfig);
+            // Merge configs with override desc order: user preferences > app config > default config
+            const chatConfig = Object.assign(Object.assign({}, defaultChatConfig), userSettingsConfig);
+            // Update the chat config and store it in the user preferences
+            this.updateChatConfig(chatConfig, false);
+            this.initConfig$.next(true);
+        }
+        catch (error) {
+            this.notificationsService.error(`Missing valid configuration for the assistant instance '${key}'`);
+            throw new Error(`Missing valid configuration for the assistant instance '${key}' . \n ${JSON.stringify(error.issues, null, 2)}`);
+        }
+    }
+    /**
+     * Update the chat config and store it in the user preferences
+     * @param config  The updated chat config
+     * @param notify  Whether to notify the user about the update
+     * @param successCallback  The callback to execute if the update is successful
+     * @param errorCallback  The callback to execute if the update fails
+     */
+    updateChatConfig(config, notify = true, successCallback, errorCallback) {
+        this.chatConfig$.next(config);
+        const assistants = Object.assign({}, this.assistants);
+        assistants[this.chatInstanceId] = config;
+        this.userSettingsService.patch({ assistants }).subscribe(next => {
+            if (notify) {
+                successCallback ? successCallback() : this.notificationsService.success(`The configuration of the assistant instance '${this.chatInstanceId}' has been successfully updated`);
+            }
+        }, error => {
+            if (notify) {
+                errorCallback ? errorCallback() : this.notificationsService.error(`The update of the assistant instance '${this.chatInstanceId}' configuration failed`);
+            }
+            console.error("Could not patch assistants!", error);
+        });
+    }
+    /**
+     * Get the model description for the given (serviceId + modelId)
+     * If a model is not found, an error message is returned
+     * @param serviceId The serviceId of the model
+     * @param modelId The modelId of the model
+     * @returns The model description
+     */
+    getModel(serviceId, modelId) {
+        var _a;
+        let model = (_a = this.models) === null || _a === void 0 ? void 0 : _a.find(m => m.serviceId === serviceId && m.modelId === modelId);
+        // Handle obsolete config
+        if (!model) {
+            this.notificationsService.error(`FATAL ERROR : The model (serviceId = '${serviceId}', modelId = '${modelId}') is no longer available. Please contact an admin for further information.`);
+            throw new Error(`FATAL ERROR : The model (serviceId = '${serviceId}', modelId = '${modelId}') is no longer available`);
+        }
+        return model;
+    }
+    // Todo: pending implementation
+    notifyAudit(messagesHistory, model) {
+        // let numberOfUserMessages = 0;
+        // let numberOfAttachments = 0;
+        // let numberOfAssistantMessages = 0;
+        // for(let m of messagesHistory) {
+        //   if(m.$attachment) numberOfAttachments++;
+        //   else if(m.role === 'user') numberOfUserMessages++;
+        //   else if (m.role === 'assistant') numberOfAssistantMessages++;
+        // }
+        // this.auditService.notify({
+        //   type: 'Chat_Messages',
+        //   detail: {
+        //     // message: messagesHistory.map(m => m.role.toUpperCase() + ': '+ (m.$attachment? `attachment ${m.$attachment?.$record.title}` : m.content)).join('\n\n'),
+        //     message: messagesHistory.map(m => m.role.toUpperCase() + ': '+  m.content).join('\n\n'),
+        //     // numberOfUserMessages,
+        //     // numberOfAttachments,
+        //     // numberOfAssistantMessages,
+        //     model
+        //   }
+        // });
+    }
+    /**
+     * Format a date string in UTC to a local date string
+     * @param value Date string in UTC to format
+     * @returns A formatted local date string
+     */
+    formatDateTime(value) {
+        return this.intlService["formatTime"](value, { day: "numeric", month: "short", year: "numeric" });
+    }
+    /**
+     * Takes a text prompt that may contain placeholders for variables
+     * and replaces these placeholders if it finds a match in the given
+     * context object.
+     */
+    static formatPrompt(prompt, context) {
+        return prompt.replace(/{{(.*?)}}/g, (match, expr) => { var _a; return (_a = get(context, expr)) !== null && _a !== void 0 ? _a : match; });
+    }
+    /**
+     * @returns A Globally Unique Identifier
+     */
+    static generateGUID() {
+        return Utils.guid();
+    }
+}
+ChatService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+ChatService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatService, decorators: [{
+            type: Injectable
+        }] });
+
+class WebSocketChatService extends ChatService {
+    constructor() {
+        super();
+        this.connectionBuilt$ = new Subject(); // Emit when the connection is built
+        this.connectionStarted$ = new Subject(); // Emit when the connection is started
+        this.messageHandlers = new Map();
+        this.actionMap = new Map();
+        this.content = "";
+        this.attachments = [];
+        this.signalRService = inject(SignalRWebService);
+        this.authenticationService = inject(AuthenticationService);
+    }
+    /**
+     * Initialize the chat process after the login is complete.
+     * It includes building and starting a connection, executing parallel requests for models and functions, and handling errors during the process.
+     *
+     * @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 and handle the completion with the connectionBuilt$ subject
+        switchMap(() => this.buildConnection()), tap(() => {
+            this.initMessageHandlers();
+            this.connectionBuilt$.next();
+        }), 
+        // Start the connection and handle the completion with the connectionStarted$ subject
+        switchMap(() => this.startConnection()), 
+        // Execute parallel requests for models and functions
+        switchMap(() => {
+            this.connectionStarted$.next();
+            return forkJoin([
+                this.listModels(),
+                this.listFunctions()
+            ]);
+        }), 
+        // Map the results of parallel requests to a boolean indicating success
+        map(([models, functions]) => {
+            this.initProcess$.next(true);
+            return !!models && !!functions;
+        }), 
+        // Any errors during the process are caught, logged, and re-thrown to propagate the error further
+        catchError((error) => {
+            console.error('Error occurred:', error);
+            return throwError(() => error);
+        }), 
+        // Cache and replay the emitted value for subsequent subscribers
+        shareReplay(1));
+    }
+    /**
+     * Define the assistant endpoint to use for the websocket requests
+     * It can be overridden by the app config
+     */
+    getRequestsUrl() {
+        if (this.chatConfig$.value.globalSettings.websocketEndpoint) {
+            this.REQUEST_URL = this.chatConfig$.value.globalSettings.websocketEndpoint;
+        }
+        else {
+            throw new Error(`The property 'websocketEndpoint' must be provided when attempting to use 'WebSocket' in assistant instance`);
+        }
+    }
+    listModels() {
+        const modelsSubject = new Subject();
+        this.connection.on('ListModels', (res) => {
+            var _a;
+            this.models = (_a = res.models) === null || _a === void 0 ? void 0 : _a.filter(model => !!model.enable);
+            modelsSubject.next(this.models);
+            modelsSubject.complete();
+        });
+        // Send the request to get the list of models
+        this.connection.invoke('ListModels', { debug: this.chatConfig$.value.debug })
+            .catch(error => {
+            console.error('Error invoking ListModels:', error);
+            modelsSubject.complete();
+            return Promise.resolve(); // Return a resolved promise to handle the error and prevent unhandled promise rejection
+        });
+        return modelsSubject.asObservable();
+    }
+    listFunctions() {
+        const functionsSubject = new Subject();
+        this.connection.on('ListFunctions', (res) => {
+            this.functions = res.functions;
+            functionsSubject.next(this.functions);
+            functionsSubject.complete();
+        });
+        // Send the request to get the list of functions
+        this.connection.invoke('ListFunctions', { debug: this.chatConfig$.value.debug })
+            .catch(error => {
+            console.error('Error invoking ListFunctions:', error);
+            functionsSubject.complete();
+            return Promise.resolve(); // Return a resolved promise to handle the error and prevent unhandled promise rejection
+        });
+        return functionsSubject.asObservable();
+    }
+    fetch(messages, query = this.searchService.query) {
+        // Start streaming by invoking the Chat method
+        this.streaming$.next(true);
+        // Prepare the payload to send to the Chat method
+        const data = {
+            history: messages,
+            functions: this.chatConfig$.value.functions,
+            debug: this.chatConfig$.value.debug,
+            serviceSettings: this.chatConfig$.value.serviceSettings,
+            contextSettings: Object.assign(Object.assign({}, this.chatConfig$.value.contextSettings), { app: this.appService.appName, query })
+        };
+        if (this.chatConfig$.value.saveChats) {
+            data.instanceId = this.chatInstanceId;
+            data.savedChatId = this.savedChatId;
+        }
+        let response = { role: "assistant", content: "", additionalProperties: { display: true } }; // here display: true is needed in order to be able to show the progress
+        // Create a Subject to signal completion
+        const completion$ = new Subject();
+        // Create observables for each non-global handler in the messageHandlers map (default and eventual custom ones) once it is triggered by the hub connection
+        const observables = Array
+            .from(this.messageHandlers.entries())
+            .filter(([eventName, eventHandler]) => !eventHandler.isGlobalHandler)
+            .map(([eventName, eventHandler]) => {
+            return fromEvent(this.connection, eventName).pipe(map((event) => eventHandler.handler(event)) // Execute the corresponding handler
+            );
+        });
+        // Then merge them into a single observable in order to simulate the streaming behavior
+        const combined$ = merge(...observables).pipe(takeUntil(completion$) // Complete the observable when completion$ emits
+        );
+        // Invoke the Chat method
+        this.connection.invoke('Chat', data)
+            .then(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.serviceSettings.service_id)) // When the server indicates it has successfully finished invoking the method, notify the audit service with the recent chat history
+            .catch(error => {
+            console.error('Error invoking Chat:', error);
+            return Promise.resolve(); // Return a resolved promise to handle the error and prevent unhandled promise rejection
+        })
+            .finally(() => {
+            this.streaming$.next(false); // Complete streaming regardless of success or error
+            this.actionMap.clear(); // Clear the actionMap
+            this.content = ""; // Clear the content
+            this.attachments = []; // Clear the attachments
+            this.executionTime = ""; // Clear the executionTime
+            completion$.next(); // Emit a signal to complete the observables
+            completion$.complete(); // Complete the subject
+        });
+        // Return the merged observables
+        return combined$.pipe(map(() => {
+            // Define $progress from the actionMap
+            const actions = Array.from(this.actionMap.values());
+            const $progress = actions.length > 0
+                ? actions.map((a) => {
+                    var _a, _b;
+                    return ({
+                        title: (_a = a.displayName) !== null && _a !== void 0 ? _a : "",
+                        content: (_b = a.displayValue) !== null && _b !== void 0 ? _b : "",
+                        done: a.executionTime !== undefined,
+                        time: a.executionTime,
+                    });
+                })
+                : undefined;
+            // Define the attachment used in the context of the response message
+            const $attachment = this.attachments;
+            // As soon as the first content or $progress is defined, the assistant is considered as streaming
+            if (!!this.content || $progress || $attachment.length > 0) {
+                response = Object.assign(Object.assign({}, response), { content: this.content, additionalProperties: Object.assign(Object.assign({}, response.additionalProperties), { $progress, $attachment }) });
+            }
+            // Return the result
+            return { history: [...messages, response], executionTime: this.executionTime };
+        }));
+    }
+    listSavedChat() {
+        const data = {
+            instanceId: this.chatInstanceId,
+            debug: this.chatConfig$.value.debug
+        };
+        this.connection.on('SavedChatList', (res) => {
+            this.savedChats$.next(res.savedChats); // emits the result to the savedChats$ subject
+        });
+        // Invoke the method SavedChatList
+        this.connection.invoke('SavedChatList', data)
+            .catch(error => {
+            console.error('Error invoking SavedChatList:', error);
+            return Promise.resolve();
+        });
+    }
+    getSavedChat(id) {
+        const savedChatSubject = new Subject();
+        const data = {
+            instanceId: this.chatInstanceId,
+            savedChatId: id,
+            debug: this.chatConfig$.value.debug
+        };
+        this.connection.on('SavedChatGet', (res) => {
+            savedChatSubject.next(res.savedChat);
+            savedChatSubject.complete();
+        });
+        // Invoke the method SavedChatGet
+        this.connection.invoke('SavedChatGet', data)
+            .catch(error => {
+            console.error('Error invoking SavedChatGet:', error);
+            savedChatSubject.complete();
+            return Promise.resolve();
+        });
+        return savedChatSubject.asObservable();
+    }
+    deleteSavedChat(ids) {
+        const deleteSavedChatSubject = new Subject();
+        const data = {
+            instanceId: this.chatInstanceId,
+            SavedChatIds: ids,
+            debug: this.chatConfig$.value.debug
+        };
+        this.connection.on('SavedChatDelete', (res) => {
+            deleteSavedChatSubject.next(res.deleteCount);
+            deleteSavedChatSubject.complete();
+        });
+        // Invoke the method SavedChatDelete
+        this.connection.invoke('SavedChatDelete', data)
+            .catch(error => {
+            console.error('Error invoking SavedChatDelete:', error);
+            deleteSavedChatSubject.complete();
+            return Promise.resolve();
+        });
+        return deleteSavedChatSubject.asObservable();
+    }
+    /**
+     * Initialize out-of-the-box handlers
+     * It is a placeholder for non-streaming scenarios, where you invoke a specific hub method, and the server responds with a single message or a result
+     */
+    initMessageHandlers() {
+        this.addMessageHandler("Debug", { handler: (debug) => console.log(debug),
+            isGlobalHandler: true });
+        this.addMessageHandler("ActionStart", { handler: (action) => this.actionMap.set(action.guid, action),
+            isGlobalHandler: false });
+        this.addMessageHandler("ActionResult", {
+            handler: (action) => this.actionMap.set(action.guid, Object.assign(Object.assign({}, this.actionMap.get(action.guid)), action)),
+            isGlobalHandler: false
+        });
+        this.addMessageHandler("ActionStop", {
+            handler: (action) => this.actionMap.set(action.guid, Object.assign(Object.assign({}, this.actionMap.get(action.guid)), action)),
+            isGlobalHandler: false
+        });
+        this.addMessageHandler("ContextMessage", {
+            handler: (message) => this.attachments.push(message.metadata),
+            isGlobalHandler: false
+        });
+        this.addMessageHandler("Message", {
+            handler: (message) => this.content += message !== null && message !== void 0 ? message : "",
+            isGlobalHandler: false
+        });
+        this.addMessageHandler("History", {
+            handler: (history) => {
+                this.chatHistory = history.history;
+                this.executionTime = history.executionTime;
+            },
+            isGlobalHandler: false
+        });
+        this.addMessageHandler("Error", {
+            handler: (error) => {
+                console.error(error);
+                this.notificationsService.error(error);
+            },
+            isGlobalHandler: true
+        });
+        this.addMessageHandler("Quota", {
+            handler: (message) => {
+                if (message.quota.maxQuotaReached) {
+                    const msg = `Sorry, you have exceeded the allowed quota. Please retry starting from ${this.formatDateTime(message.quota.nextResetUTC)}.`;
+                    console.error(msg);
+                    this.notificationsService.error(msg);
+                }
+            },
+            isGlobalHandler: true
+        });
+    }
+    /**
+     * Override and register the entire messageHandlers map by merging the provided map with the default one
+     * @param messageHandlers
+     */
+    overrideMessageHandlers(messageHandlers) {
+        // Clear the already registered global chat handlers before merging the new ones
+        this.messageHandlers.forEach((eventHandler, eventName) => {
+            if (eventHandler.isGlobalHandler) {
+                this.unsubscribeMessageHandler(eventName);
+            }
+        });
+        // Merge the new event handlers with the existing ones
+        this.messageHandlers = new Map([...this.messageHandlers, ...messageHandlers]);
+        // Register the global chat handlers among the merged map
+        this.messageHandlers.forEach((eventHandler, eventName) => {
+            if (eventHandler.isGlobalHandler) {
+                this.registerMessageHandler(eventName, eventHandler);
+            }
+        });
+    }
+    /**
+     * Add a listener for a specific event.
+     * If a listener for this same event already exists, it will be overridden.
+     * If the listener has "isChatGlobalHandler" set to true, it will be registered to the hub connection.
+     * @param eventName Name of the event to register a listener for
+     * @param eventHandler The handler to be called when the event is received
+     */
+    addMessageHandler(eventName, eventHandler) {
+        this.messageHandlers.set(eventName, eventHandler);
+        if (eventHandler.isGlobalHandler) {
+            this.registerMessageHandler(eventName, eventHandler);
+        }
+    }
+    /**
+     * Dynamically register a listener for a specific event.
+     * If a listener for this event already exists, it will be overridden.
+     * @param eventName Name of the event to register a listener for
+     * @param eventHandler The handler to be called when the event is received
+     */
+    registerMessageHandler(eventName, eventHandler) {
+        if (!this.connection) {
+            console.log("No connection found to register the listener" + eventName);
+            return;
+        }
+        this.connection.on(eventName, (data) => {
+            eventHandler.handler(data);
+        });
+    }
+    /**
+     * Remove a listener for a specific event from the messageHandlers map and unsubscribe from receiving messages for this event from the SignalR hub.
+     * @param eventName Name of the event to remove the listener for
+     */
+    removeMessageHandler(eventName) {
+        this.messageHandlers.delete(eventName);
+        this.unsubscribeMessageHandler(eventName);
+    }
+    /**
+     * Unsubscribe from receiving messages for a specific event from the SignalR hub.
+     * ALL its related listeners will be removed from hub connection
+     * This is needed to prevent accumulating old listeners when overriding the entire messageHandlers map
+     * @param eventName Name of the event
+     */
+    unsubscribeMessageHandler(eventName) {
+        this.connection.off(eventName);
+    }
+    /**
+     * Build a connection to the signalR websocket and register default listeners to the methods defined in the server hub class
+     * @param options The options for the connection. It overrides the default options
+     * @param logLevel Define the log level displayed in the console
+     * @returns Promise that resolves when the connection is built
+     */
+    buildConnection(options) {
+        return new Promise((resolve, reject) => {
+            if (!this.REQUEST_URL) {
+                reject(new Error("No endpoint provided to connect the websocket to"));
+                return;
+            }
+            const logLevel = this.getLogLevel();
+            this.connection = this.signalRService.buildConnection(this.REQUEST_URL, Object.assign(Object.assign({}, this.defaultOptions), options), logLevel);
+            resolve();
+        });
+    }
+    /**
+     * Start the connection
+     * @returns Promise that resolves when the connection is started
+     */
+    startConnection() {
+        return this.signalRService.startConnection(this.connection);
+    }
+    /**
+     * Stop the connection
+     * @returns Promise that resolves when the connection is stopped
+     */
+    stopConnection() {
+        return this.signalRService.stopConnection(this.connection);
+    }
+    getTransports() {
+        var _a;
+        switch ((_a = this.chatConfig$.value) === null || _a === void 0 ? void 0 : _a.globalSettings.signalRTransport) {
+            case "WebSockets":
+                return HttpTransportType.WebSockets;
+            case "ServerSentEvents":
+                return HttpTransportType.ServerSentEvents;
+            case "LongPolling":
+                return HttpTransportType.LongPolling;
+            default:
+                return HttpTransportType.None;
+        }
+    }
+    getLogLevel() {
+        var _a;
+        switch ((_a = this.chatConfig$.value) === null || _a === void 0 ? void 0 : _a.globalSettings.signalRLogLevel) {
+            case "Critical":
+                return LogLevel.Critical; // Log level for diagnostic messages that indicate a failure that will terminate the entire application.
+            case "Debug":
+                return LogLevel.Debug; // Log level for low severity diagnostic messages.
+            case "Error":
+                return LogLevel.Error; // Log level for diagnostic messages that indicate a failure in the current operation.
+            case "Information":
+                return LogLevel.Information; // Log level for informational diagnostic messages.
+            case "None":
+                return LogLevel.None; // The highest possible log level. Used when configuring logging to indicate that no log messages should be emitted.
+            case "Trace":
+                return LogLevel.Trace; // Log level for very low severity diagnostic messages.
+            case "Warning":
+                return LogLevel.Warning; // Log level for diagnostic messages that indicate a non-fatal problem.
+            default:
+                return LogLevel.None; // The highest possible log level. Used when configuring logging to indicate that no log messages should be emitted.
+        }
+    }
+    get defaultOptions() {
+        let headers = {
+            "sinequa-force-camel-case": "true",
+            "x-language": this.intlService.currentLocale.name,
+            "ui-language": this.intlService.currentLocale.name,
+        };
+        if (this.authenticationService.processedCredentials) {
+            headers = Object.assign(Object.assign({}, headers), { "sinequa-csrf-token": this.authenticationService.processedCredentials.data.csrfToken });
+        }
+        ;
+        // For the first GET request sent by signalR to start a WebSocket protocol,
+        // as far as we know, signalR only lets us tweak the request with this access token factory
+        // so we pass along the Sinequa CSRF token to pass the CSRF check..
+        return {
+            transport: this.getTransports(),
+            withCredentials: true,
+            headers,
+            accessTokenFactory: () => { var _a, _b; return ((_b = (_a = this.authenticationService.processedCredentials) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.csrfToken) || ""; }
+        };
+    }
+}
+WebSocketChatService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WebSocketChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+WebSocketChatService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WebSocketChatService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: WebSocketChatService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class InitialsAvatarComponent {
+    constructor() {
+        this.fullName = '';
+        this.size = 1.5; // in rem
+    }
+    /**
+       * Gives initials of a name and a safe color background to use,
+       * assuming text color will be white
+       * @param fullName full name to evaluate intials for
+       * @param split string to use has splitter for `fullName`
+       * @returns an `object` containing initials and color
+       */
+    getInitialsAndColorFromFullName(fullName, split = ' ') {
+        return { initials: this.getInitialsFromFullName(fullName, split), color: this.getColorFromName(fullName) };
+    }
+    /**
+     * Gives initials of a name, ie:
+     * ```
+     * getInitialForFullName('John Snow') => 'JS'
+     * getInitialForFullName('Geralt of Rivia', ' of ') => 'GR'
+     * ```
+     * @param fullName full name to evaluate intial for
+     * @param split string to use has splitter
+     * @returns string containg the first letter of splitted name
+     */
+    getInitialsFromFullName(fullName, split = ' ') {
+        var _a, _b;
+        if (!fullName)
+            return '';
+        const names = fullName.split(split);
+        return names[0][0] + ((_b = (_a = names[1]) === null || _a === void 0 ? void 0 : _a[0]) !== null && _b !== void 0 ? _b : '');
+    }
+    /**
+     * Gets a random color using text as seed
+     * @param text string to use for color generation
+     * @returns string formatted like `rgb(xxx, xxx, xxx)`
+     */
+    getColorFromName(text) {
+        const safeColor = new SafeColor({
+            color: [255, 255, 255],
+            contrast: 4.5
+        });
+        return safeColor.random(text);
+    }
+}
+InitialsAvatarComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: InitialsAvatarComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+InitialsAvatarComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: InitialsAvatarComponent, isStandalone: true, selector: "sq-initials-avatar", inputs: { fullName: "fullName", size: "size" }, ngImport: i0, template: "<span class=\"sq-initials-avatar\" *ngIf=\"getInitialsAndColorFromFullName(fullName) as meta\"\n    [ngStyle]=\"{ 'background-color': meta.color }\" [style.height.rem]=\"size\" [style.width.rem]=\"size\"\n    [style.line-height.rem]=\"size\" [style.font-size.rem]=\"size/2\">\n    {{ meta.initials | uppercase }}\n</span>", styles: [".sq-initials-avatar{display:block;border-radius:50%;text-align:center;color:#fff}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "pipe", type: i1.UpperCasePipe, name: "uppercase" }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: InitialsAvatarComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-initials-avatar', standalone: true, imports: [CommonModule], template: "<span class=\"sq-initials-avatar\" *ngIf=\"getInitialsAndColorFromFullName(fullName) as meta\"\n    [ngStyle]=\"{ 'background-color': meta.color }\" [style.height.rem]=\"size\" [style.width.rem]=\"size\"\n    [style.line-height.rem]=\"size\" [style.font-size.rem]=\"size/2\">\n    {{ meta.initials | uppercase }}\n</span>", styles: [".sq-initials-avatar{display:block;border-radius:50%;text-align:center;color:#fff}\n"] }]
+        }], propDecorators: { fullName: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }] } });
+
+const defaultFormatIcons = {
+    "extractslocations": { icon: "far fa-file-alt" },
+    "matchlocations": { icon: "far fa-flag" },
+    "geo": { icon: "fas fa-map-marker-alt" },
+    "person": { icon: "fas fa-user" },
+    "company": { icon: "fas fa-building" },
+    "title": { icon: "fas fa-tag" },
+    "modified": { icon: "far fa-calendar-alt" },
+    "size": { icon: "fas fa-weight-hanging" },
+    "treepath": { icon: "fas fa-folder-open" },
+    "filename": { icon: "far fa-file-alt" },
+    "authors": { icon: "fas fa-user-edit" },
+    "accesslists": { icon: "fas fa-lock" },
+    "doctype": { icon: "far fa-file" },
+    "documentlanguages": { icon: "fas fa-globe-americas" },
+    "globalrelevance": { icon: "far fa-star" },
+    "indexationtime": { icon: "fas fa-search" },
+    "concepts": { icon: "far fa-comment-dots" },
+    "keywords": { icon: "fas fa-tags" },
+    "matchingpartnames": { icon: "fas fa-align-left" },
+    "msgfrom": { icon: "fas fa-envelope" },
+    "msgto": { icon: "fas fa-envelope-open-text" },
+    "file": { icon: "far fa-file" },
+    "htm": { icon: "fas fa-globe-europe", color: '#4545bf' },
+    "html": { icon: "fas fa-globe-europe", color: '#4545bf' },
+    "xhtm": { icon: "fas fa-globe-europe", color: '#4545bf' },
+    "xhtml": { icon: "fas fa-globe-europe", color: '#4545bf' },
+    "mht": { icon: "fas fa-globe-europe", color: '#4545bf' },
+    "doc": { icon: "far fa-file-word", color: '#3f3fca' },
+    "docx": { icon: "far fa-file-word", color: '#3f3fca' },
+    "docm": { icon: "far fa-file-word", color: '#3f3fca' },
+    "dot": { icon: "far fa-file-word", color: '#3f3fca' },
+    "dotx": { icon: "far fa-file-word", color: '#3f3fca' },
+    "dotm": { icon: "far fa-file-word", color: '#3f3fca' },
+    "rtf": { icon: "far fa-file-word", color: '#3f3fca' },
+    "odt": { icon: "far fa-file-word", color: 'grey' },
+    "ott": { icon: "far fa-file-word", color: 'grey' },
+    "gdoc": { icon: "far fa-file-word", color: 'blue' },
+    "xls": { icon: "far fa-file-excel", color: 'green' },
+    "xlsx": { icon: "far fa-file-excel", color: 'green' },
+    "xlt": { icon: "far fa-file-excel", color: 'green' },
+    "xltx": { icon: "far fa-file-excel", color: 'green' },
+    "xlsm": { icon: "far fa-file-excel", color: 'green' },
+    "xltm": { icon: "far fa-file-excel", color: 'green' },
+    "gsheet": { icon: "far fa-file-excel", color: 'darkgreen' },
+    "ods": { icon: "far fa-file-excel", color: 'lightgreen' },
+    "ots": { icon: "far fa-file-excel", color: 'lightgreen' },
+    "ppt": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "pptx": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "pptm": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "pptm2": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "pps": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "ppsx": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "ppsm": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "pot": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "potx": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "potm": { icon: "far fa-file-powerpoint", color: '#e64b30' },
+    "odp": { icon: "far fa-file-powerpoint", color: 'red' },
+    "otp": { icon: "far fa-file-powerpoint", color: 'red' },
+    "gslides": { icon: "far fa-file-powerpoint", color: 'orange' },
+    "pdf": { icon: "far fa-file-pdf", color: '#ec2e2e' },
+    "jpg": { icon: "far fa-file-image", color: '#4545bf' },
+    "jpeg": { icon: "far fa-file-image", color: '#4545bf' },
+    "bmp": { icon: "far fa-file-image", color: '#4545bf' },
+    "tiff": { icon: "far fa-file-image", color: '#4545bf' },
+    "tif": { icon: "far fa-file-image", color: '#4545bf' },
+    "gif": { icon: "far fa-file-image", color: '#4545bf' },
+    "png": { icon: "far fa-file-image", color: '#4545bf' },
+    "mp4": { icon: "far fa-file-video", color: '#4545bf' },
+    "flv": { icon: "far fa-file-video", color: '#4545bf' },
+    "swf": { icon: "far fa-file-video", color: '#4545bf' },
+    "mts": { icon: "far fa-file-video", color: '#4545bf' },
+    "divx": { icon: "far fa-file-video", color: '#4545bf' },
+    "wmv": { icon: "far fa-file-video", color: '#4545bf' },
+    "avi": { icon: "far fa-file-video", color: '#4545bf' },
+    "mov": { icon: "far fa-file-video", color: '#4545bf' },
+    "mpg": { icon: "far fa-file-video", color: '#4545bf' },
+    "mpeg": { icon: "far fa-file-video", color: '#4545bf' },
+    "asf": { icon: "far fa-file-video", color: '#4545bf' },
+    "rm": { icon: "far fa-file-video", color: '#4545bf' },
+    "mp3": { icon: "far fa-file-audio", color: 'lightblue' },
+    "wav": { icon: "far fa-file-audio", color: 'lightblue' },
+    "ogg": { icon: "far fa-file-audio", color: 'lightblue' },
+    "wma": { icon: "far fa-file-audio", color: 'lightblue' },
+    "aac": { icon: "far fa-file-audio", color: 'lightblue' },
+    "m3u": { icon: "far fa-file-audio", color: 'lightblue' },
+    "txt": { icon: "far fa-file-alt", color: '#202020' },
+    "text": { icon: "far fa-file-alt", color: '#202020' },
+    "xml": { icon: "far fa-file-code", color: '#4545bf' },
+    "cs": { icon: "far fa-file-code", color: '#4545bf' },
+    "java": { icon: "far fa-file-code", color: '#4545bf' },
+    "cpp": { icon: "far fa-file-code", color: '#4545bf' },
+    "c": { icon: "far fa-file-code", color: '#4545bf' },
+    "h": { icon: "far fa-file-code", color: '#4545bf' },
+    "hpp": { icon: "far fa-file-code", color: '#4545bf' },
+    "js": { icon: "far fa-file-code", color: '#4545bf' },
+    "ts": { icon: "far fa-file-code", color: '#4545bf' },
+    "zip": { icon: "far fa-file-archive", color: 'yellow' },
+    "7zip": { icon: "far fa-file-archive", color: 'yellow' },
+    "7z": { icon: "far fa-file-archive", color: 'yellow' },
+    "rar": { icon: "far fa-file-archive", color: 'yellow' },
+    "gz": { icon: "far fa-file-archive", color: 'yellow' },
+    "notes": { icon: "fas fa-file-invoice", color: 'orange' },
+    "quickr": { icon: "fas fa-file-invoice", color: 'orange' },
+    "email": { icon: "far fa-envelope", color: 'black' },
+    "mail": { icon: "far fa-envelope", color: 'black' },
+    "msg": { icon: "far fa-envelope", color: 'black' },
+    "mdb": { icon: "far fa-database", color: 'purple' },
+    "odb": { icon: "far fa-database", color: 'darkred' },
+    "otb": { icon: "far fa-database", color: 'darkred' },
+    "xsn": { icon: "fas fa-file-excel", color: 'purple' },
+    "gform": { icon: "fas fa-file-excel", color: 'purple' },
+    "one": { icon: "far fa-book", color: 'purple' },
+    "odf": { icon: "fas fa-file-medical-alt", color: 'grey' },
+    "otf": { icon: "fas fa-file-medical-alt", color: 'grey' },
+    "vsdx": { icon: "far fa-object-group", color: 'purple' },
+    "vsx": { icon: "far fa-object-group", color: 'purple' },
+    "vtx": { icon: "far fa-object-group", color: 'purple' },
+    "vdx": { icon: "far fa-object-group", color: 'purple' },
+    "vssx": { icon: "far fa-object-group", color: 'purple' },
+    "vstx": { icon: "far fa-object-group", color: 'purple' },
+    "vsdm": { icon: "far fa-object-group", color: 'purple' },
+    "vssm": { icon: "far fa-object-group", color: 'purple' },
+    "vstm": { icon: "far fa-object-group", color: 'purple' },
+    "vdw": { icon: "far fa-object-group", color: 'purple' },
+    "vsd": { icon: "far fa-object-group", color: 'purple' },
+    "vss": { icon: "far fa-object-group", color: 'purple' },
+    "vst": { icon: "far fa-object-group", color: 'purple' },
+    "odg": { icon: "far fa-object-group", color: 'orange' },
+    "otg": { icon: "far fa-object-group", color: 'orange' },
+    "gdraw": { icon: "far fa-object-group", color: 'red' },
+    "pub": { icon: "far fa-object-group", color: 'darkgreen' },
+    "ldap": { icon: "far fa-users", color: 'brown' },
+    "ad": { icon: "far fa-users", color: 'brown' },
+    "mmp": { icon: "fas fa-file-medical", color: 'grey' },
+    "mppx": { icon: "fas fa-file-medical", color: 'grey' },
+};
+
+class FormatIconComponent {
+    constructor() {
+        this._formatIcons = defaultFormatIcons;
+    }
+    ngOnChanges() {
+        const icon = this.extension ? this._formatIcons[this.extension] : undefined;
+        this.icon = (icon === null || icon === void 0 ? void 0 : icon.icon) || this._formatIcons.file.icon;
+    }
+}
+FormatIconComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: FormatIconComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+FormatIconComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: FormatIconComponent, isStandalone: true, selector: "sq-format-icon", inputs: { extension: "extension" }, usesOnChanges: true, ngImport: i0, template: "<span *ngIf=\"icon\" class=\"{{icon}}\"></span>", dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], encapsulation: i0.ViewEncapsulation.None });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: FormatIconComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-format-icon', encapsulation: ViewEncapsulation.None, standalone: true, imports: [CommonModule], template: "<span *ngIf=\"icon\" class=\"{{icon}}\"></span>" }]
+        }], propDecorators: { extension: [{
+                type: Input
+            }] } });
+
+class ChatReferenceComponent {
+    constructor() {
+        this.openDocument = new EventEmitter();
+        this.openPreview = new EventEmitter();
+    }
+    get parts() {
+        if (!this.attachment)
+            return [];
+        return this.attachment.parts.filter(part => (!this.partId || part.partId === this.partId) && !!part.text);
+    }
+    expandAttachment() {
+        if (this.partId)
+            return;
+        this.attachment['$expanded'] = !this.attachment['$expanded'];
+    }
+}
+ChatReferenceComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatReferenceComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatReferenceComponent, isStandalone: true, selector: "sq-chat-reference", inputs: { reference: "reference", attachment: "attachment", partId: "partId" }, outputs: { openDocument: "openDocument", openPreview: "openPreview" }, ngImport: i0, template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:#fff}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:#000}.reference-data i.active{color:#fff;background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:#000}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "component", type: FormatIconComponent, selector: "sq-format-icon", inputs: ["extension"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatReferenceComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-chat-reference', standalone: true, imports: [CommonModule, UtilsModule, FormatIconComponent], template: "<div [class.reference-tooltip]=\"!!partId\">\n    <div class=\"reference-data\" [class.expanded]=\"attachment['$expanded'] || !!partId\">\n        <span class=\"reference me-1\">{{reference}}</span>\n        <sq-format-icon [extension]=\"attachment.record.fileext\"></sq-format-icon>\n        <a [id]=\"'attachment-'+attachment.recordId\" (click)=\"expandAttachment()\">\n            {{attachment.record.title}}\n        </a>\n        <i class=\"fas fa-eye\" (click)=\"openPreview.emit(attachment)\" [sqTooltip]=\"!partId ? 'Preview document' : ''\"></i>\n        <i class=\"fas fa-arrow-up-right-from-square\" *ngIf=\"attachment.record.url1 || attachment.record.originalUrl\"\n            (click)=\"openDocument.emit(attachment.record)\" [sqTooltip]=\"!partId ? 'Open document' : ''\"></i>\n    </div>\n    <div class=\"reference-passages\" *ngIf=\"!!partId || (attachment['$expanded']) && parts.length\">\n        <div class=\"reference-passage\" *ngFor=\"let part of parts\">\n            <span class=\"reference me-1\">{{reference}}.{{part.partId}}</span>\n            <span [innerHTML]=\"part.text\"></span>\n        </div>\n    </div>\n</div>", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{display:block}:host.expanded,:host:hover{background-color:#fff}.reference-data{display:flex;flex-direction:row;align-items:baseline;padding:var(--ast-size-1, .25rem)}.reference-data a{color:var(--ast-secondary-color, #FF732E);flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:var(--font-weight-bold, 500);cursor:pointer}.reference-data i{padding:var(--ast-size-1, .25rem);margin-left:var(--ast-size-1, .25rem);cursor:pointer;color:#000}.reference-data i.active{color:#fff;background-color:var(--ast-secondary-color, #FF732E)}.reference-data:not(.expanded) i{opacity:0}.reference-data:not(.expanded):hover i{opacity:1}.reference-passages{white-space:normal;font-style:italic;font-weight:400;padding:1rem 0;color:#000}.reference-passages .reference-passage{display:flex;align-items:baseline;padding-left:2.5rem;padding-right:1rem;word-wrap:break-word}.reference-passages .reference-passage+.reference-passage{padding-top:1rem}.reference-passages .reference-passage .reference{margin-right:var(--ast-size-2, .5rem)}sq-format-icon{margin-left:var(--ast-size-1, .25rem);margin-right:var(--ast-size-2, .5rem);color:var(--ast-secondary-color, #FF732E)}.reference-tooltip{max-width:600px!important;box-shadow:0 .5rem 1rem #00000026;padding:.5rem;font-size:.875rem}\n"] }]
+        }], propDecorators: { reference: [{
+                type: Input
+            }], attachment: [{
+                type: Input
+            }], partId: [{
+                type: Input
+            }], openDocument: [{
+                type: Output
+            }], openPreview: [{
+                type: Output
+            }] } });
+
+class ChatMessageComponent {
+    constructor(searchService, ui, principalService, cdr, el) {
+        this.searchService = searchService;
+        this.ui = ui;
+        this.principalService = principalService;
+        this.cdr = cdr;
+        this.el = el;
+        this.canEdit = false;
+        this.canRegenerate = false;
+        this.canCopy = false;
+        this.referenceClicked = new EventEmitter();
+        this.edit = new EventEmitter();
+        this.regenerate = new EventEmitter();
+        this.openPreview = new EventEmitter();
+        this.references = [];
+        this.referenceMap = new Map();
+        this.showReferences = true;
+        /**
+         * This Unified plugin looks a text nodes and replaces any reference in the
+         * form [1], [2.3], etc. with custom nodes of type "chat-reference".
+         */
+        this.referencePlugin = (tree) => {
+            const references = new Set();
+            // Visit all text nodes
+            visit(tree, "text", (node, index, parent) => {
+                var _a;
+                let text = node.value;
+                text = this.reformatReferences(text);
+                const matches = this.getReferenceMatches(text);
+                // Quit if no references were found
+                if (matches.length === 0) {
+                    return CONTINUE;
+                }
+                const nodes = [];
+                for (let match of matches) {
+                    const refId = match[1].trim();
+                    const [ref] = refId.split(".");
+                    // We find a valid reference in the text
+                    if (!isNaN(+ref)) {
+                        references.add(+ref); // Add it to the set of used references
+                        // If needed, insert a text node before the reference
+                        const current = (_a = nodes.at(-1)) !== null && _a !== void 0 ? _a : { end: 0 };
+                        if (match.index > current.end) {
+                            nodes.push({ type: "text", value: text.substring(current.end, match.index), end: match.index });
+                        }
+                        // Add a custom reference node
+                        nodes.push({ type: "chat-reference", refId, end: match.index + match[0].length });
+                    }
+                }
+                // Quit if no references were found
+                if (nodes.length === 0) {
+                    return CONTINUE;
+                }
+                if (nodes.at(-1).end < text.length) {
+                    nodes.push({ type: "text", value: text.substring(nodes.at(-1).end, text.length), end: text.length });
+                }
+                // Delete the current text node from the parent and replace it with the new nodes
+                parent.children.splice(index, 1, ...nodes);
+                return index + nodes.length; // Visit the next node after the inserted ones
+            });
+            if (references.size > 0) {
+                this.references = Array.from(references.values())
+                    .sort((a, b) => a - b)
+                    .map(r => '' + r);
+                this.cdr.detectChanges();
+            }
+            return tree;
+        };
+        this.placeholderPlugin = (tree) => {
+            visit(tree, "text", (node, index, parent) => {
+                parent.children.push({ type: "streaming-placeholder" });
+                return EXIT;
+            }, true);
+            return tree;
+        };
+    }
+    get name() {
+        return !this.principalService.principal ? ''
+            : this.principalService.principal['fullName'] || this.principalService.principal.name;
+    }
+    ngOnChanges(changes) {
+        var _a;
+        if (changes.streaming) {
+            this.collapseProgress = !this.streaming;
+        }
+        if (changes.message && this.message.role === "assistant") {
+            this.references = [];
+            this.referenceMap.clear();
+            for (let m of this.conversation) {
+                if (m.additionalProperties.$attachment) {
+                    for (const attachment of m.additionalProperties.$attachment) {
+                        this.referenceMap.set('' + attachment.contextId, Object.assign(Object.assign({}, attachment), { $partId: (_a = attachment.parts) === null || _a === void 0 ? void 0 : _a[0].partId }));
+                        for (let i = 0; i < attachment.parts.length; i++) {
+                            const refId = `${attachment.contextId}.${attachment.parts[i].partId}`;
+                            this.referenceMap.set(refId, Object.assign(Object.assign({}, attachment), { $partId: attachment.parts[i].partId }));
+                        }
+                    }
+                }
+            }
+            this.processor = unified()
+                .use(remarkParse)
+                .use(remarkGfm)
+                .use(() => this.referencePlugin);
+            if (this.streaming) {
+                this.processor = this.processor.use(() => this.placeholderPlugin);
+            }
+        }
+    }
+    ngAfterViewInit() {
+        var _a;
+        (_a = Prism === null || Prism === void 0 ? void 0 : Prism.highlightAllUnder) === null || _a === void 0 ? void 0 : _a.call(Prism, this.el.nativeElement);
+    }
+    openDocument(record) {
+        const url = record.url1 || record.originalUrl;
+        if (url) {
+            // Open the URL in a new tab
+            window.open(url, '_blank');
+        }
+        this.referenceClicked.emit(record);
+    }
+    /**
+     * Reformat [ids: 12.2, 42.5] to [12.2][42.5]
+     */
+    reformatReferences(content) {
+        return content.replace(/\[(?:ids?:?\s*)?(?:documents?:?\s*)?(\s*(?:,?\s*\d+(?:\.\d+)?(?:\.part)?\s*)+)\]/g, (str, match) => `[${match.replace(/\.part/g, "").split(',').join("] [")}]`);
+    }
+    /**
+     * Match all references in a given message
+     */
+    getReferenceMatches(content) {
+        return Array.from(content.matchAll(/\[(\s*\d+(?:\.\d+)?\s*)\]/g));
+    }
+    copyToClipboard(text) {
+        this.ui.copyToClipboard(text);
+    }
+}
+ChatMessageComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatMessageComponent, deps: [{ token: i1$1.SearchService }, { token: i2$1.UIService }, { token: i3.PrincipalWebService }, { token: i0.ChangeDetectorRef }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+ChatMessageComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatMessageComponent, isStandalone: true, selector: "sq-chat-message", inputs: { message: "message", conversation: "conversation", assistantIcon: "assistantIcon", streaming: "streaming", canEdit: "canEdit", canRegenerate: "canRegenerate", canCopy: "canCopy" }, outputs: { referenceClicked: "referenceClicked", edit: "edit", regenerate: "regenerate", openPreview: "openPreview" }, usesOnChanges: true, ngImport: i0, template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\" [title]=\"step.time ?? ''\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n  \n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:var(--ast-size-2, .5rem);display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }, { kind: "ngmodule", type: CollapseModule }, { kind: "component", type: i5.Collapse, selector: "sq-collapse", inputs: ["collapsed"] }, { kind: "ngmodule", type: RemarkModule }, { kind: "component", type: i6.RemarkComponent, selector: "remark", inputs: ["markdown", "processor", "debug"] }, { kind: "directive", type: i6.RemarkTemplateDirective, selector: "[remarkTemplate]", inputs: ["remarkTemplate"] }, { kind: "component", type: InitialsAvatarComponent, selector: "sq-initials-avatar", inputs: ["fullName", "size"] }, { kind: "component", type: ChatReferenceComponent, selector: "sq-chat-reference", inputs: ["reference", "attachment", "partId"], outputs: ["openDocument", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatMessageComponent, decorators: [{
+            type: Component,
+            args: [{ selector: "sq-chat-message", changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, UtilsModule, CollapseModule, RemarkModule,
+                        InitialsAvatarComponent, ChatReferenceComponent], template: "<!-- Message icon -->\n<span class=\"message-icon\" [title]=\"message.role\">\n  <i [ngClass]=\"assistantIcon\" [style.--sq-size.px]=\"24\" *ngIf=\"message.role === 'assistant'\"></i>\n  <sq-initials-avatar [fullName]=\"name\" *ngIf=\"message.role !== 'assistant'\"></sq-initials-avatar>\n</span>\n\n<!-- Message body -->\n<div class=\"flex-grow-1\" style=\"min-width: 0;\" [ngClass]=\"'message-'+message.role\">\n\n  <div *ngIf=\"message.additionalProperties.$progress as progress\" class=\"small ms-3 mb-2\">\n    <a href=\"#\" (click)=\"collapseProgress = !collapseProgress; false\" class=\"text-muted\">\n      View progress\n      <i class=\"fas fa-chevron-{{collapseProgress? 'right' : 'down'}}\"></i>\n    </a>\n    <sq-collapse [collapsed]=\"collapseProgress\">\n      <ng-template>\n        <ul class=\"list-unstyled\">\n          <li *ngFor=\"let step of progress\" [title]=\"step.time ?? ''\">\n            <i class=\"fas fa-fw fa-check text-success\" *ngIf=\"step.done\"></i>\n            <i class=\"fas fa-fw fa-spin fa-circle-notch\" *ngIf=\"!step.done\"></i>\n            <span class=\"ms-2 fw-bold\">{{step.title}}</span>\n            <span *ngIf=\"step.content\">: {{step.content}}</span>\n          </li>\n        </ul>\n      </ng-template>\n    </sq-collapse>\n  </div>\n\n  <div class=\"message-content\" *ngIf=\"message.content\">\n\n    <remark *ngIf=\"message.role === 'assistant'\" [markdown]=\"message.content\" [processor]=\"processor\">\n\n      <ng-template remarkTemplate=\"chat-reference\" let-ref>\n\n        <a *ngIf=\"referenceMap.get(ref.refId) as attachment; else staticRefTpl\"\n          (click)=\"openDocument(attachment.record)\"\n          class=\"reference\"\n          [sqTooltip]=\"attachment\"\n          [sqTooltipTemplate]=\"tooltipTpl\"\n          [hoverableTooltip]=\"true\"\n          >{{ref.refId}}</a>\n\n        <ng-template #staticRefTpl>\n          <span class=\"reference\">{{ref.refId}}</span>\n        </ng-template>\n\n      </ng-template>\n\n      <ng-template remarkTemplate=\"streaming-placeholder\">\n        <span class=\"placeholder-glow\" *ngIf=\"streaming\">\n          <span class=\"placeholder ms-1\"></span>\n        </span>\n      </ng-template>\n\n      <ng-template remarkTemplate=\"code\" let-node>\n        <div class=\"card mb-2\">\n          <div class=\"card-header d-flex justify-content-between align-items-center\">\n            <span>{{node.lang}}</span>\n            <button class=\"btn btn-light btn-sm\" (click)=\"copyToClipboard(node.value)\"><i class=\"far fa-fw fa-clipboard\"></i> Copy code</button>\n          </div>\n          <pre class=\"language-{{node.lang}} my-0 rounded-0 rounded-bottom\"><code class=\"language-{{node.lang}}\">{{node.value}}</code></pre>\n        </div>\n      </ng-template>\n\n    </remark>\n\n    <p *ngIf=\"message.role === 'user'\">{{message.content}}</p>\n\n    <!-- List of reference, if any -->\n    <div *ngIf=\"references?.length\" class=\"references\">\n      <span class=\"references-title\">References</span> <i class=\"fas references-collapse\" [class.fa-chevron-down]=\"showReferences\" [class.fa-chevron-right]=\"!showReferences\" (click)=\"showReferences=!showReferences\"></i>\n      <sq-collapse [collapsed]=\"!showReferences\">\n        <ng-template>\n          <ul>\n            <ng-container *ngFor=\"let reference of references\">\n              <li *ngIf=\"referenceMap.get(reference) as attachment\"  class=\"text-truncate\">\n                <sq-chat-reference [class.expanded]=\"attachment.$expanded\" [attachment]=\"attachment\" [reference]=\"reference\"\n                  (openPreview)=\"openPreview.emit($event)\" (openDocument)=\"openDocument($event)\"></sq-chat-reference>\n              </li>\n            </ng-container>\n          </ul>\n        </ng-template>\n      </sq-collapse>\n    </div>\n  \n  </div>\n\n    <!-- Edit / Regenerate floating actions -->\n  <div class=\"sq-chat-message-action\">\n    <button class=\"btn btn-sm\" *ngIf=\"canEdit\" sqTooltip=\"Edit message\"\n            (click)=\"edit.emit(message)\">\n      <i class=\"fas fa-edit\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canCopy\" sqTooltip=\"Copy to clipboard\"\n            (click)=\"copyToClipboard(message.content)\">\n      <i class=\"far fa-clipboard\"></i>\n    </button>\n    <button class=\"btn btn-sm\" *ngIf=\"canRegenerate\" sqTooltip=\"Regenerate message\"\n            (click)=\"regenerate.emit(message)\">\n      <i class=\"fas fa-sync-alt\"></i>\n    </button>\n  </div>\n\n  <ng-template #tooltipTpl let-ref>\n    <sq-chat-reference class=\"expanded\"\n                        [attachment]=\"ref\"\n                        [reference]=\"ref.contextId\"\n                        [partId]=\"ref.$partId\"\n                        (openPreview)=\"openPreview.emit($event)\"\n                        (openDocument)=\"openDocument($event)\">\n      </sq-chat-reference>\n  </ng-template>\n\n</div>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host{display:flex}:host:not(:hover) .sq-chat-message-action{display:none}.message-content{padding:var(--ast-message-padding, var(--ast-size-3, .75rem));border-radius:var(--ast-message-border-radius, var(--ast-size-4, 1rem));display:inline-block;max-width:100%}.message-content .references{margin-top:var(--ast-size-5, 1.25rem)}.message-content .references ul{border-left:.2rem solid var(--ast-secondary-color, #FF732E);padding-left:var(--ast-size-5, 1.25rem);margin-top:var(--ast-size-2, .5rem)}.message-content .references .references-title{font-weight:var(--font-weight-bold, 500)}.message-content .references .references-collapse{cursor:pointer;margin-left:var(--ast-size-2, .5rem)}.message-content ::ng-deep p:last-child{margin-bottom:0}.message-content ::ng-deep .placeholder-glow .placeholder{animation-duration:.4s;width:12px;height:var(--ast-size-4, 1rem);vertical-align:text-bottom}.message-content ::ng-deep img{max-width:100%}.message-content ::ng-deep table{display:block;border:1px solid #ccc;border-collapse:collapse;margin:0;padding:0;min-width:100%;overflow-x:auto;table-layout:fixed}.message-content ::ng-deep table tr{background-color:#f8f8f8;border:1px solid #ddd;padding:.35em}.message-content ::ng-deep table th,.message-content ::ng-deep table td{padding:.625em;text-align:center}.message-content ::ng-deep table th{font-size:.85em;letter-spacing:.1em;text-transform:uppercase}.message-assistant .message-content{background:var(--ast-secondary-bg, #FFF8F1)}.message-user .message-content{background:var(--ast-primary-bg, #f2f8fe);font-weight:var(--ast-user-font-weight, var(--font-weight-bold, 500))}.sq-chat-message-action{position:absolute;right:calc(0rem - var(--ast-size-2, .5rem));top:var(--ast-size-2, .5rem);display:flex;flex-direction:column}.message-icon{margin-top:var(--ast-size-3, .75rem);margin-right:var(--ast-size-4, 1rem)}\n"] }]
+        }], 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
+            }], assistantIcon: [{
+                type: Input
+            }], streaming: [{
+                type: Input
+            }], canEdit: [{
+                type: Input
+            }], canRegenerate: [{
+                type: Input
+            }], canCopy: [{
+                type: Input
+            }], referenceClicked: [{
+                type: Output
+            }], edit: [{
+                type: Output
+            }], regenerate: [{
+                type: Output
+            }], openPreview: [{
+                type: Output
+            }] } });
+
+class RestChatService extends ChatService {
+    constructor() {
+        super();
+        this.jsonMethodWebService = inject(JsonMethodPluginService);
+    }
+    /**
+     * Initialize the chat process after the login is complete.
+     * It listens for the 'login-complete' event, initializes necessary URL, and performs parallel requests for models, functions and quota data.
+     * @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()), 
+        // 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]) => !!models && !!functions), 
+        // Any errors during the process are caught, logged, and re-thrown to propagate the error further
+        catchError((error) => {
+            console.error('Error occurred:', error);
+            return throwError(() => error);
+        }), 
+        // cache and replay the emitted value for subsequent subscribers, ensuring the initialization logic is only executed once even if there are multiple subscribers
+        shareReplay(1));
+    }
+    /**
+     * Define the GLLM plugin to use for the http requests
+     * It can be overridden by the app config
+     */
+    getRequestsUrl() {
+        if (this.chatConfig$.value.globalSettings.restEndpoint) {
+            this.REQUEST_URL = this.chatConfig$.value.globalSettings.restEndpoint;
+        }
+        else {
+            throw new Error(`The property 'restEndpoint' must be provided when attempting to use 'REST' in assistant instance`);
+        }
+    }
+    listModels() {
+        const data = {
+            action: "listmodels",
+            debug: this.chatConfig$.value.debug
+        };
+        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.models), tap(models => this.models = models === null || models === void 0 ? void 0 : models.filter(model => !!model.enable)), catchError((error) => {
+            console.error('Error invoking listmodels:', error);
+            return throwError(() => error);
+        }));
+    }
+    listFunctions() {
+        const data = {
+            action: "listfunctions",
+            debug: this.chatConfig$.value.debug
+        };
+        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.functions), tap(functions => this.functions = functions), catchError((error) => {
+            console.error('Error invoking listfunctions:', error);
+            return throwError(() => error);
+        }));
+    }
+    fetch(messages, query = this.searchService.query) {
+        // Start streaming by invoking the Chat method
+        this.streaming$.next(true);
+        // Prepare the payload to send to the Chat method
+        const data = {
+            action: "chat",
+            history: messages,
+            functions: this.chatConfig$.value.functions,
+            debug: this.chatConfig$.value.debug,
+            serviceSettings: this.chatConfig$.value.serviceSettings,
+            contextSettings: Object.assign(Object.assign({}, this.chatConfig$.value.contextSettings), { app: this.appService.appName, query })
+        };
+        if (this.chatConfig$.value.saveChats) {
+            data.instanceId = this.chatInstanceId;
+            data.savedChatId = this.savedChatId;
+        }
+        // Request the Chat endpoint
+        return this.jsonMethodWebService.post(this.REQUEST_URL, data).pipe(tap((res) => {
+            if (res.quota.maxQuotaReached) {
+                const msg = `Sorry, you have exceeded the allowed quota. Please retry starting from ${this.formatDateTime(res.quota.nextResetUTC)}.`;
+                this.notificationsService.error(msg);
+                throw new Error(msg);
+            }
+        }), map((res) => {
+            var _a;
+            // Define $progress from the actions property of the response
+            let $progress;
+            if (((_a = res.actions) === null || _a === void 0 ? void 0 : _a.length) > 0) {
+                const actions = Object.values(res.actions.reduce((acc, item) => {
+                    acc[item.guid] = Object.assign(Object.assign({}, (acc[item.guid] || {})), item);
+                    return acc;
+                }, {}));
+                $progress = actions.map((a) => {
+                    var _a, _b;
+                    return ({
+                        title: (_a = a.displayName) !== null && _a !== void 0 ? _a : "",
+                        content: (_b = a.displayValue) !== null && _b !== void 0 ? _b : "",
+                        done: a.executionTime !== undefined,
+                        time: a.executionTime,
+                    });
+                });
+            }
+            // Define the response message
+            const response = Object.assign(Object.assign({}, res.history.at(-1)), { additionalProperties: { display: true } });
+            if ($progress) {
+                response.additionalProperties.$progress = $progress;
+            }
+            if (res.context) {
+                response.additionalProperties.$attachment = res.context.map((ctx) => ctx.additionalProperties);
+            }
+            // Update the chat history with the history property of the res
+            this.chatHistory = res.history;
+            // Return the result
+            return { history: [...messages, response], executionTime: res.executionTime };
+        }), tap(() => this.notifyAudit(this.chatHistory, this.chatConfig$.value.serviceSettings.service_id)), finalize(() => this.streaming$.next(false)));
+    }
+    listSavedChat() {
+        const data = {
+            action: "SavedChatList",
+            instanceId: this.chatInstanceId,
+            debug: this.chatConfig$.value.debug
+        };
+        this.jsonMethodWebService.get(this.REQUEST_URL, data).subscribe(res => this.savedChats$.next(res.savedChats), error => {
+            console.error('Error occurred while calling the SavedChatList API:', error);
+            this.notificationsService.error('Error occurred while calling the SavedChatList API');
+        });
+    }
+    getSavedChat(id) {
+        const data = {
+            action: "SavedChatGet",
+            instanceId: this.chatInstanceId,
+            savedChatId: id,
+            debug: this.chatConfig$.value.debug
+        };
+        return this.jsonMethodWebService.get(this.REQUEST_URL, data).pipe(map(res => res.savedChat), catchError((error) => {
+            console.error('Error occurred while calling the SavedChatGet API:', error);
+            this.notificationsService.error('Error occurred while calling the SavedChatGet API');
+            return throwError(() => error);
+        }));
+    }
+    deleteSavedChat(ids) {
+        const data = {
+            action: "SavedChatDelete",
+            instanceId: this.chatInstanceId,
+            savedChatIds: ids,
+            debug: this.chatConfig$.value.debug
+        };
+        return this.jsonMethodWebService.post(this.REQUEST_URL, data).pipe(map(res => res.deletedCount), catchError((error) => {
+            console.error('Error occurred while calling the SavedChatDelete API:', error);
+            this.notificationsService.error('Error occurred while calling the SavedChatDelete API ');
+            return throwError(() => error);
+        }));
+    }
+}
+RestChatService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: RestChatService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+RestChatService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: RestChatService });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: RestChatService, decorators: [{
+            type: Injectable
+        }], ctorParameters: function () { return []; } });
+
+class ChatComponent extends AbstractFacet {
+    constructor() {
+        super();
+        /** Define the protocol to be used for this chat instance*/
+        this.protocol = "WEBSOCKET";
+        /** Map of listeners overriding default registered ones*/
+        this.messageHandlers = new Map();
+        /** When the assistant answer a user question, automatically scroll down to the bottom of the discussion */
+        this.automaticScrollToLastResponse = false;
+        this.enableChat = true;
+        this.showCredits = true;
+        this.customAssistantIcon = '';
+        this.data = new EventEmitter();
+        this.referenceClicked = new EventEmitter();
+        this.openPreview = new EventEmitter();
+        this.loading$ = new EventEmitter(false);
+        this.error = new EventEmitter();
+        this._config = new EventEmitter();
+        this.messages$ = new BehaviorSubject(undefined);
+        this.question = '';
+        this._actions = [];
+        this.sub = new Subscription();
+        this.changes$ = new BehaviorSubject(undefined);
+        this.handleFirstChanges = false;
+        this.isAtBottom = true;
+        this.initializationError = false;
+        this.loginService = inject(LoginService);
+        this.websocketService = inject(WebSocketChatService);
+        this.restService = inject(RestChatService);
+        this.instanceManagerService = inject(InstanceManagerService);
+        this.searchService = inject(SearchService);
+        this.principalService = inject(PrincipalWebService);
+        this.cdr = inject(ChangeDetectorRef);
+        this._actions.push(new Action({
+            icon: 'fas fa-sync',
+            title: 'Reset chat',
+            action: () => this.loadDefaultChat()
+        }));
+    }
+    ngOnInit() {
+        this.sub.add(this.loginService.events.pipe(filter(e => e.type === 'login-complete'), tap(_ => this.instantiateChatService()), map(_ => this.chatService.initChatConfig()), switchMap(() => this.chatService.initConfig$), filter(initConfig => !!initConfig), switchMap(_ => this.chatService.init()), filter(success => !!success), tap(_ => this.onLoadChat()), switchMap(_ => this.chatService.chatConfig$), tap(config => {
+            this.config = config;
+            this._config.emit(config);
+            try {
+                this.updateModelDescription();
+                if (!this.handleFirstChanges) {
+                    this.handleChanges();
+                    this.addScrollListener();
+                    this.handleFirstChanges = true;
+                }
+            }
+            catch (error) {
+                this.initializationError = true;
+                throw error;
+            }
+        })).subscribe());
+    }
+    ngOnChanges(changes) {
+        this.changes$.next(changes);
+        if (this.config) {
+            this.handleChanges();
+        }
+    }
+    ngOnDestroy() {
+        var _a;
+        this.sub.unsubscribe();
+        (_a = this.dataSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+    }
+    instantiateChatService() {
+        switch (this.protocol) {
+            case 'REST':
+                this.chatService = this.restService;
+                break;
+            case 'WEBSOCKET':
+                this.chatService = this.websocketService;
+                break;
+            default:
+                throw new Error(`Could not found a ChatService implementation corresponding to the provided protocol: '${this.protocol}'`);
+        }
+        this.chatService.setChatInstanceId(this.instanceId);
+        this.instanceManagerService.storeInstance(this.instanceId, this.chatService);
+    }
+    get actions() { return this._actions; }
+    handleChanges() {
+        const changes = this.changes$.value;
+        if ((changes === null || changes === void 0 ? void 0 : changes.messageHandlers) && this.messageHandlers && this.chatService instanceof WebSocketChatService) {
+            this.chatService.overrideMessageHandlers(this.messageHandlers);
+        }
+        if (!this.messages$.value || (changes === null || changes === void 0 ? void 0 : changes.chat)) {
+            // Load the chat
+            this.chat ? this.openChat(this.chat.messages) : this.loadDefaultChat();
+        }
+    }
+    addScrollListener() {
+        this.sub.add(merge(this.loading$, this.messages$, this.chatService.streaming$, fromEvent(this.messageList.nativeElement, 'scroll')).subscribe(() => {
+            this.isAtBottom = this.toggleScrollButtonVisibility();
+            this.cdr.detectChanges();
+        }));
+    }
+    updateModelDescription() {
+        var _a;
+        this.modelDescription = this.chatService.getModel(this.config.serviceSettings.service_id, this.config.serviceSettings.model_id);
+        this.assistantIcon = !!this.customAssistantIcon ? this.customAssistantIcon : 'sq-sinequa';
+        switch ((_a = this.modelDescription) === null || _a === void 0 ? void 0 : _a.provider) {
+            case 'Google':
+                this.privacyUrl = '';
+                break;
+            case 'AzureOpenAI':
+                this.privacyUrl = 'https://learn.microsoft.com/en-us/legal/cognitive-services/openai/data-privacy';
+                break;
+            case 'OpenAI':
+                this.privacyUrl = 'https://openai.com/enterprise-privacy';
+                break;
+            case 'Cohere':
+                this.privacyUrl = 'https://cohere.com/security';
+                break;
+        }
+        this.cdr.detectChanges();
+    }
+    submitQuestion() {
+        if (this.question.trim() && this.messages$.value && this.chatService.chatHistory) {
+            if (this.messageToEdit !== undefined) {
+                // Update the messages in the UI
+                this.messages$.next(this.messages$.value.slice(0, this.messageToEdit));
+                // Update the raw messages in the chat history which is the clean version used to make the next request
+                this.chatService.chatHistory = this.chatService.chatHistory.slice(0, this.messageToEdit);
+                this.messageToEdit = undefined;
+            }
+            // Re-attach the $progress and $attachment of the last response to the last assistant's response in the chat history
+            this.chatService.chatHistory.at(-1).additionalProperties.$progress = this.messages$.value.at(-1).additionalProperties.$progress;
+            this.chatService.chatHistory.at(-1).additionalProperties.$attachment = this.messages$.value.at(-1).additionalProperties.$attachment;
+            // Fetch the answer
+            this.fetchAnswer(this.question.trim(), this.chatService.chatHistory);
+            // Clear the input value in the UI
+            this.questionInput.nativeElement.value = '';
+        }
+    }
+    fetchAnswer(question, conversation) {
+        const userMsg = { role: 'user', content: question, additionalProperties: { display: true } };
+        const messages = [...conversation, userMsg];
+        this.messages$.next(messages);
+        this.fetch(messages);
+    }
+    /**
+     * Given a list of messages, fetch the server for a continuation and updates
+     * the list of messages accordingly.
+     * @param messages
+     */
+    fetch(messages) {
+        var _a;
+        this.cdr.detectChanges();
+        this.loading$.next(true);
+        (_a = this.dataSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.dataSubscription = this.chatService.fetch(messages, this.query)
+            .subscribe({
+            next: res => this.updateData(res.history),
+            error: err => {
+                this.terminateFetch();
+                console.error(err);
+                this.error.emit(err);
+            },
+            complete: () => {
+                this.terminateFetch();
+            }
+        });
+        if (this.automaticScrollToLastResponse) {
+            this.scrollDown();
+        }
+    }
+    /**
+     * Update the UI with the new messages
+     * @param messages
+     */
+    updateData(messages) {
+        this.messages$.next(messages);
+        this.data.emit(messages);
+        this.loading$.next(false);
+        this.question = '';
+        if (this.automaticScrollToLastResponse) {
+            this.scrollDown();
+        }
+    }
+    toggleScrollButtonVisibility() {
+        var _a, _b, _c, _d;
+        if ((_a = this.messageList) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+            return Math.round(((_b = this.messageList) === null || _b === void 0 ? void 0 : _b.nativeElement.scrollHeight) - ((_c = this.messageList) === null || _c === void 0 ? void 0 : _c.nativeElement.scrollTop) - 1) <= ((_d = this.messageList) === null || _d === void 0 ? void 0 : _d.nativeElement.clientHeight);
+        }
+        return true;
+    }
+    scrollDown() {
+        setTimeout(() => {
+            var _a;
+            if ((_a = this.messageList) === null || _a === void 0 ? void 0 : _a.nativeElement) {
+                this.messageList.nativeElement.scrollTop = this.messageList.nativeElement.scrollHeight;
+                this.cdr.detectChanges();
+            }
+        }, 10);
+    }
+    newChat() {
+        this.chatService.listSavedChat(); // Refresh the list of saved chats
+        this.loadDefaultChat(); // Start a new chat
+    }
+    loadDefaultChat() {
+        this.openChat([
+            { role: 'system', content: this.config.uiSettings.systemPrompt, additionalProperties: { display: false } },
+            { role: 'user', content: ChatService.formatPrompt(this.config.uiSettings.userPrompt, { principal: this.principalService.principal }), additionalProperties: { display: true } },
+        ]);
+    }
+    openChat(messages, chatId) {
+        if (!messages || !Array.isArray(messages)) {
+            console.error('Error occurs while trying to load the chat discussion. Invalid messages received :', messages);
+            return;
+        }
+        this.chatService.setSavedChatId(chatId || ChatService.generateGUID());
+        this.resetChat();
+        this.messages$.next(messages);
+        this.chatService.chatHistory = messages;
+        const lastMessage = messages.at(-1);
+        if (lastMessage && lastMessage.role === 'user') {
+            this.fetch(messages); // If the last message if from a user, an answer from the assistant is expected
+        }
+        else {
+            this.updateData(messages); // If the last message if from the assistant, we can load the conversation right away
+            this.terminateFetch();
+        }
+    }
+    resetChat() {
+        if (this.messages$.value) {
+            this.messages$.next(undefined); // Reset chat
+        }
+        this.chatService.chatHistory = undefined; // Reset chat history
+        this.question = '';
+        this.terminateFetch();
+    }
+    onLoadChat() {
+        this.loading$.next(true);
+        this.sub.add(this.chatService.loadSavedChat$
+            .pipe(filter(savedChat => !!savedChat), switchMap(savedChat => this.chatService.getSavedChat(savedChat.id)), filter(savedChatHistory => !!savedChatHistory), tap(savedChatHistory => this.openChat(savedChatHistory.History, savedChatHistory.id)), finalize(() => this.chatService.listSavedChat()) // Refresh the list of saved chats
+        ).subscribe());
+    }
+    terminateFetch() {
+        var _a;
+        (_a = this.dataSubscription) === null || _a === void 0 ? void 0 : _a.unsubscribe();
+        this.dataSubscription = undefined;
+        this.loading$.next(false);
+        setTimeout(() => {
+            var _a;
+            (_a = this.questionInput) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+        });
+        this.cdr.detectChanges();
+    }
+    editMessage(index) {
+        var _a;
+        this.messageToEdit = index;
+        this.question = this.chatService.chatHistory[index].content;
+        (_a = this.questionInput) === null || _a === void 0 ? void 0 : _a.nativeElement.focus();
+    }
+    regenerateMessage(index) {
+        // Define the chat history based on which the assistant will generate a new answer
+        const slicedMessages = this.chatService.chatHistory.slice(0, index);
+        // Accordingly update the messages in the UI
+        this.messages$.next(slicedMessages);
+        // Fetch the answer
+        this.fetch(slicedMessages);
+    }
+    onKeyUp(event) {
+        switch (event.key) {
+            case 'ArrowUp':
+                this.navigateMessage(-1);
+                break;
+            case 'ArrowDown':
+                this.navigateMessage(1);
+                break;
+            case 'Enter':
+                this.submitQuestion();
+                break;
+            default:
+                break;
+        }
+        // Handle Shift + Enter
+        if (event.shiftKey && event.key === 'Enter') {
+            this.submitQuestion();
+        }
+    }
+    navigateMessage(direction) {
+        var _a;
+        if (!this.chatService.chatHistory || this.chatService.chatHistory.length < 1) {
+            return;
+        }
+        const userMessages = this.chatService.chatHistory.filter(m => m.role === 'user');
+        if (userMessages.length < 1) {
+            return;
+        }
+        this.currentMessageIndex = ((_a = this.currentMessageIndex) !== null && _a !== void 0 ? _a : userMessages.length) + direction;
+        if (this.currentMessageIndex < 0) {
+            // If the user presses up arrow on the first message, stay at the first message
+            this.currentMessageIndex = 0;
+        }
+        else if (this.currentMessageIndex >= userMessages.length) {
+            // If the user presses down arrow on the last previous message, clear the input
+            this.currentMessageIndex = undefined;
+            this.question = '';
+            return;
+        }
+        this.question = userMessages[this.currentMessageIndex].content;
+    }
+}
+ChatComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+ChatComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: ChatComponent, isStandalone: true, selector: "sq-chat-v3", inputs: { instanceId: "instanceId", query: "query", protocol: "protocol", messageHandlers: "messageHandlers", automaticScrollToLastResponse: "automaticScrollToLastResponse", chat: "chat", enableChat: "enableChat", showCredits: "showCredits", customAssistantIcon: "customAssistantIcon" }, outputs: { data: "data", referenceClicked: "referenceClicked", openPreview: "openPreview", loading$: "loading", error: "error", _config: "config" }, providers: [
+        RestChatService,
+        WebSocketChatService
+    ], queries: [{ propertyName: "loadingTpl", first: true, predicate: ["loadingTpl"], descendants: true }], viewQueries: [{ propertyName: "messageList", first: true, predicate: ["messageList"], descendants: true }, { propertyName: "questionInput", first: true, predicate: ["questionInput"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pb-5\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enableChat\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"showCredits\">\n          powered by {{modelDescription?.displayName}} <ng-container *ngIf=\"privacyUrl\"> - <a [href]=\"privacyUrl\" target=\"_blank\">privacy notice</a></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-success d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <i class=\"fas fa-search\"></i>\n      <input #questionInput\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:center;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:#212529bf}.ast-input-container input{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem)}.ast-input-container input,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:not(:hover){color:#212529bf}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: ChatMessageComponent, selector: "sq-chat-message", inputs: ["message", "conversation", "assistantIcon", "streaming", "canEdit", "canRegenerate", "canCopy"], outputs: ["referenceClicked", "edit", "regenerate", "openPreview"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: ChatComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-chat-v3', providers: [
+                        RestChatService,
+                        WebSocketChatService
+                    ], changeDetection: ChangeDetectionStrategy.OnPush, standalone: true, imports: [CommonModule, FormsModule, ChatMessageComponent], template: "\n<ng-container *ngIf=\"!initializationError\">\n  <div *ngIf=\"messages$ | async as messages; else loadingTpl || loadingTplDefault\" class=\"h-100 d-flex flex-column\">\n\n    <ul class=\"list-group list-group-flush overflow-auto pb-5\" #messageList>\n      <ng-container *ngFor=\"let message of messages; let index = index; let last = last\">\n        <!-- Regular messages -->\n        <li class=\"list-group-item\" *ngIf=\"message.additionalProperties.display\"\n            [class.opacity-50]=\"messageToEdit && messageToEdit < index + 1\">\n          <sq-chat-message\n            [class.sq-user-message]=\"message.role !== 'assistant'\"\n            [message]=\"message\"\n            [conversation]=\"messages\"\n            [assistantIcon]=\"customAssistantIcon || assistantIcon\"\n            [streaming]=\"last && (chatService.streaming$ | async)\"\n            [canEdit]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role !== 'assistant'\"\n            [canRegenerate]=\"(loading$ | async) === false && (chatService.streaming$ | async) === false && messageToEdit === undefined && message.role === 'assistant' && last\"\n            [canCopy]=\"!(last && (chatService.streaming$ | async)) && messageToEdit === undefined && message.role === 'assistant'\"\n            (edit)=\"editMessage(index)\" (regenerate)=\"regenerateMessage(index)\"\n            (referenceClicked)=\"referenceClicked.emit($event)\"\n            (openPreview)=\"openPreview.emit($event)\">\n          </sq-chat-message>\n        </li>\n      </ng-container>\n\n      <li class=\"list-group-item\" *ngIf=\"(loading$ | async) === true\">\n        <ng-container *ngTemplateOutlet=\"loadingTpl || loadingTplDefault\"></ng-container>\n      </li>\n    </ul>\n\n    <div class=\"user-input mt-auto\" *ngIf=\"enableChat\">\n      <div class=\"py-2\">\n        <ng-container *ngTemplateOutlet=\"inputTpl\"></ng-container>\n        <div class=\"text-end small text-muted px-3\" *ngIf=\"showCredits\">\n          powered by {{modelDescription?.displayName}} <ng-container *ngIf=\"privacyUrl\"> - <a [href]=\"privacyUrl\" target=\"_blank\">privacy notice</a></ng-container>\n        </div>\n      </div>\n    </div>\n  </div>\n</ng-container>\n\n<!-- NG TEMPLATES-->\n\n<ng-template #loadingTplDefault>\n  <div class=\"spinner-grow text-success d-block mx-auto my-5\" role=\"status\">\n    <span class=\"visually-hidden\">Loading...</span>\n  </div>\n</ng-template>\n\n<ng-template #inputTpl>\n  <div class=\"px-3 py-1\">\n    <div class=\"ast-input-container\">\n      <i class=\"fas fa-search\"></i>\n      <input #questionInput\n        type=\"text\" class=\"form-control\"\n        placeholder=\"Ask something\" autofocus\n        [(ngModel)]=\"question\"\n        (keyup)=\"onKeyUp($event)\"\n        [disabled]=\"(loading$ | async) || (chatService.streaming$ | async)\">\n      <button\n        *ngIf=\"!(chatService.streaming$ | async) && !(loading$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Send message\"\n        (click)=\"submitQuestion()\">\n        <i class=\"fas fa-paper-plane\"></i>\n      </button>\n      <!--<button\n        *ngIf=\"(chatService.streaming$ | async)\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Stop generating\"\n        (click)=\"terminateFetch()\">\n        <i class=\"fas fa-stop\"></i>\n      </button>-->\n      <button\n        *ngIf=\"messageToEdit\"\n        type=\"button\"\n        class=\"btn btn-light ms-2\"\n        title=\"Cancel edition\"\n        (click)=\"messageToEdit = undefined; question = ''\">\n        <i class=\"fas fa-undo-alt\"></i>\n      </button>\n      <div class=\"sq-floating-scroll\" *ngIf=\"!isAtBottom\">\n        <button class=\"btn shadow\" (click)=\"scrollDown()\">\n          <i class=\"fas fa-angle-double-down\"></i>\n        </button>\n      </div>\n    </div>\n  </div>\n</ng-template>\n", styles: [".ast-primary{color:var(--ast-primary-color, #005DA7);background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover{background-color:var(--ast-primary-bg, #f2f8fe)}.ast-primary-hover:hover{color:var(--ast-primary-color, #005DA7)}.ast-secondary{color:var(--ast-secondary-color, #FF732E);background-color:var(--ast-secondary-bg, #FFF8F1)}.ast-btn{border:0;text-align:left;padding-top:.5rem;padding-bottom:.5rem;display:flex;align-items:center}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference,:host ::ng-deep .attachment .reference{position:relative;bottom:var(--ast-reference-bottom, .3em);font-weight:var(--ast-reference-font-weight, bold);padding:var(--ast-reference-padding, 0 .2em);margin:var(--ast-reference-margin, 0 .1em);border-radius:var(--ast-reference-border-radius, .2em);background-color:var(--ast-reference-background-color, lightblue);color:var(--ast-reference-color, black)}:host ::ng-deep .reference,:host ::ng-deep .message-content .reference{font-size:var(--ast-reference-message-font-size, .7em)}:host ::ng-deep .attachment .reference{font-size:var(--ast-reference-attachment-font-size, 13px)}:host{font-size:.875rem}:host>div>.user-input>div:not(.progress),:host>div>ul>li{width:var(--ast-chat-container-width, 100%);max-width:100%;margin-left:auto;margin-right:auto}:host>div>ul{padding-top:var(--ast-chat-padding-top, 0);padding-bottom:var(--ast-chat-padding-bottom, 0)}li.attachment>p{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;-webkit-line-clamp:3}li.attachment.expanded>p{display:block}.progress{--bs-progress-height: 3px}.progress.disabled{--bs-progress-height: 20px;--bs-progress-bar-bg: var(--bs-danger)}.user-input{z-index:1}.user-input ul.list-group{max-height:30vh}.form-control:disabled{background-color:#ededed}a.disabled{cursor:default;opacity:.5}.no-max-height{max-height:initial!important}.sq-floating-scroll{position:absolute;right:50%;bottom:75px;text-align:center}.sq-floating-scroll .btn{background-color:#fff}.sq-floating-scroll .btn:hover{background-color:#fff;opacity:.9}.ast-input-container{display:flex;align-items:center;background-color:var(--ast-input-bg, #F8F8F8);border-radius:var(--ast-size-3, .75rem)}.ast-input-container>i{padding-left:var(--ast-size-3, .75rem);color:#212529bf}.ast-input-container input{padding-left:var(--ast-size-3, .75rem);padding-right:var(--ast-size-3, .75rem)}.ast-input-container input,.ast-input-container button,.ast-input-container button:hover{background-color:transparent;border:0}.ast-input-container button:not(:hover){color:#212529bf}sq-chat-message.sq-user-message{float:var(--ast-user-message-float, none)}\n"] }]
+        }], ctorParameters: function () { return []; }, propDecorators: { instanceId: [{
+                type: Input
+            }], query: [{
+                type: Input
+            }], protocol: [{
+                type: Input
+            }], messageHandlers: [{
+                type: Input
+            }], automaticScrollToLastResponse: [{
+                type: Input
+            }], chat: [{
+                type: Input
+            }], enableChat: [{
+                type: Input
+            }], showCredits: [{
+                type: Input
+            }], customAssistantIcon: [{
+                type: Input
+            }], data: [{
+                type: Output
+            }], referenceClicked: [{
+                type: Output
+            }], openPreview: [{
+                type: Output
+            }], loading$: [{
+                type: Output,
+                args: ["loading"]
+            }], error: [{
+                type: Output
+            }], _config: [{
+                type: Output,
+                args: ["config"]
+            }], messageList: [{
+                type: ViewChild,
+                args: ['messageList']
+            }], questionInput: [{
+                type: ViewChild,
+                args: ['questionInput']
+            }], loadingTpl: [{
+                type: ContentChild,
+                args: ['loadingTpl']
+            }] } });
+
+class SavedChatsComponent {
+    constructor() {
+        this.load = new EventEmitter();
+        this.delete = new EventEmitter();
+        this.subscription = new Subscription();
+        this.groupedSavedChats$ = new BehaviorSubject([]);
+        this.loginService = inject(LoginService);
+        this.instanceManagerService = inject(InstanceManagerService);
+        this.auditService = inject(AuditWebService);
+        this.modalService = inject(ModalService);
+        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.onListSavedChat();
+            this.chatService.listSavedChat();
+        })).subscribe());
+    }
+    ngOnDestroy() {
+        this.subscription.unsubscribe();
+    }
+    instantiateChatService() {
+        this.chatService = this.instanceManagerService.getInstance(this.instanceId);
+    }
+    onListSavedChat() {
+        this.subscription.add(this.chatService.savedChats$.subscribe((savedChats) => this.groupedSavedChats$.next(this._groupSavedChatsByDate(savedChats))));
+    }
+    onLoad(savedChat) {
+        this.chatService.loadSavedChat$.next(savedChat);
+        this.load.emit(savedChat);
+    }
+    onDelete(savedChat) {
+        this.modalService
+            .confirm({
+            title: "Delete saved discussion",
+            message: `You are about to delete the discussion "${savedChat.title}". Do you want to continue?`,
+            buttons: [
+                new ModalButton({ result: -2 /* ModalResult.Cancel */ }),
+                new ModalButton({ result: -1 /* ModalResult.OK */, text: "Confirm", primary: true })
+            ],
+            confirmType: 2 /* ConfirmType.Warning */
+        }).then(res => {
+            if (res === -1 /* ModalResult.OK */) {
+                this.subscription.add(this.chatService.deleteSavedChat([savedChat.id])
+                    .pipe(tap(() => {
+                    this.notificationsService.success(`The saved discussion "${savedChat.title}" has been successfully deleted.`);
+                    this.delete.emit(savedChat);
+                    this.chatService.listSavedChat();
+                }), catchError((error) => {
+                    console.error('Error occurred while deleting the saved chat:', error);
+                    this.notificationsService.error(`Error occurred while deleting the saved discussion "${savedChat.title}"`);
+                    return throwError(() => error);
+                })).subscribe());
+            }
+        });
+    }
+    _groupSavedChatsByDate(savedChats) {
+        const groupedSavedChats = new Map();
+        savedChats
+            .sort((a, b) => parseISO(b.modifiedUTC).getTime() - parseISO(a.modifiedUTC).getTime())
+            .forEach(savedChat => {
+            const groupKey = this._getTimeKey(parseISO(savedChat.modifiedUTC));
+            if (!groupedSavedChats.has(groupKey)) {
+                groupedSavedChats.set(groupKey, []);
+            }
+            groupedSavedChats.get(groupKey).push(savedChat);
+        });
+        return Array.from(groupedSavedChats, ([key, value]) => ({ key, value }));
+        ;
+    }
+    _getTimeKey(date) {
+        if (isToday(date)) {
+            return 'Today';
+        }
+        else if (isYesterday(date)) {
+            return 'Yesterday';
+        }
+        else if (isThisWeek(date)) {
+            return 'This week';
+        }
+        else if (differenceInDays(endOfYesterday(), date) <= 7) {
+            return 'Last week';
+        }
+        else if (isThisMonth(date)) {
+            return 'This month';
+        }
+        else if (differenceInMonths(endOfYesterday(), date) <= 1) {
+            return 'Last month';
+        }
+        else if (isThisQuarter(date)) {
+            return 'This quarter';
+        }
+        else if (differenceInMonths(endOfYesterday(), date) <= 3) {
+            return 'Last quarter';
+        }
+        else if (isThisYear(date)) {
+            return 'This year';
+        }
+        else if (differenceInYears(endOfYesterday(), date) === 1) {
+            return 'Last year';
+        }
+        else {
+            return format(date, 'yyyy');
+        }
+    }
+}
+SavedChatsComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SavedChatsComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+SavedChatsComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.0.6", type: SavedChatsComponent, isStandalone: true, selector: "sq-saved-chats-v3", inputs: { instanceId: "instanceId" }, outputs: { load: "load", delete: "delete" }, ngImport: i0, template: "<div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\">\n      <span class=\"title me-1\" (click)=\"onLoad(savedChat)\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\" (click)=\"onDelete(savedChat)\"></i>\n    </div>\n</div>\n", styles: [".saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover{color:#ff732e;background-color:#fff8f1}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "ngmodule", type: ModalModule }, { kind: "ngmodule", type: UtilsModule }, { kind: "directive", type: i2$1.TooltipDirective, selector: "[sqTooltip]", inputs: ["sqTooltip", "sqTooltipData", "sqTooltipTemplate", "placement", "fallbackPlacements", "delay", "hoverableTooltip", "tooltipClass"] }] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.0.6", ngImport: i0, type: SavedChatsComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'sq-saved-chats-v3', standalone: true, imports: [CommonModule, ModalModule, UtilsModule], template: "<div *ngFor=\"let group of (groupedSavedChats$ | async)\" class=\"saved-chats\">\n    <div class=\"saved-chat-date\">{{group.key}}</div>\n    <div *ngFor=\"let savedChat of group.value\" class=\"saved-chat p-2\">\n      <span class=\"title me-1\" (click)=\"onLoad(savedChat)\">{{savedChat.title}}</span>\n      <i class=\"saved-chat-actions fas fa-trash ms-1\" [sqTooltip]=\"'Delete'\" (click)=\"onDelete(savedChat)\"></i>\n    </div>\n</div>\n", styles: [".saved-chats .saved-chat-date{font-weight:500;color:#a9a9a9;margin-top:.5rem}.saved-chats .saved-chat{display:flex;align-items:center;cursor:pointer;margin-left:.25rem}.saved-chats .saved-chat span{flex-grow:1;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.saved-chats .saved-chat .saved-chat-actions{display:none}.saved-chats .saved-chat:hover{color:#ff732e;background-color:#fff8f1}.saved-chats .saved-chat:hover .saved-chat-actions{display:block}.saved-chats .title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}\n"] }]
+        }], propDecorators: { instanceId: [{
+                type: Input
+            }], load: [{
+                type: Output
+            }], delete: [{
+                type: Output
+            }] } });
+
+var _enAssistant = {
+    "assistant": {}
+};
+
+var _frAssistant = {
+    "assistant": {}
+};
+
+var _deAssistant = {
+    "assistant": {}
+};
+
+const enAssistant = Utils.merge({}, _enAssistant);
+const frAssistant = Utils.merge({}, _frAssistant);
+const deAssistant = Utils.merge({}, _deAssistant);
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ChatComponent, ChatService, ChatSettingsV3Component, FormatIconComponent, InitialsAvatarComponent, InstanceManagerService, RestChatService, SavedChatsComponent, WebSocketChatService, chatConfigSchema, deAssistant, enAssistant, frAssistant, globalSettingsSchema };
+//# sourceMappingURL=sinequa-assistant-chat.mjs.map