@sinequa/assistant 3.9.6-rc1 → 3.9.6

package/fesm2022/sinequa-assistant-chat.mjs

@@ -1,7 +1,7 @@
 import * as i1 from '@angular/common';
 import { CommonModule, NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Directive, HostListener, input, output, viewChild, signal, computed, Pipe, effect, LOCALE_ID, InjectionToken, ElementRef, createComponent, ChangeDetectorRef, ViewChild, ContentChild, afterNextRender, Injector } from '@angular/core';
+import { Injectable, EventEmitter, inject, Component, Input, Output, ViewEncapsulation, ChangeDetectionStrategy, Directive, HostListener, input, output, viewChild, signal, computed, Pipe, effect, LOCALE_ID, InjectionToken, ElementRef, createComponent, ChangeDetectorRef, ViewChild, ContentChild, Injector } from '@angular/core';
 import * as i2 from '@angular/forms';
 import { FormsModule } from '@angular/forms';
 import { Subscription, of, tap, switchMap, filter, delay, from, throwError, Subject, fromEvent, merge, Observable, BehaviorSubject, defer, take as take$1, forkJoin, map as map$1, catchError as catchError$1, finalize as finalize$1, combineLatest, EMPTY, interval, startWith, takeWhile } from 'rxjs';
@@ -1238,7 +1238,7 @@ function markdownItReferencePlugin(md) {
     md.inline.ruler.after('text', 'referenceify_number', referenceifyNumber);
 }
 
-const GROUPING_REGEX = /<([a-z]+)>[\s\S]*?<\/\1>/gm;
+const GROUPING_REGEX = /<!--[\s\S]*-->|<[a-z0-9]+(?: [\S]*){1,}\/>|<([a-z0-9]+)(?: [\S]*?)*>[\s\S]*?<\/\1>/gim;
 class SafeHtmlPipe {
     constructor(sanitizer) {
         this.sanitizer = sanitizer;
@@ -1300,14 +1300,14 @@ class SmartRendererComponent {
         // no blocks, nothing to process
         if (!blocks || blocks.length === 0)
             return;
-        if (blocks.length > 1) {
-            this.localSliceIndex = html.lastIndexOf(blocks.at(-1) || "");
+        if (blocks.length > 2) {
+            this.localSliceIndex = html.lastIndexOf(blocks.at(-2) || "");
             this.lastSliceIndex += this.localSliceIndex;
             this.safe.update((v) => v + html.slice(0, this.localSliceIndex));
             this.processing.set(html.slice(this.localSliceIndex));
         }
         else {
-            this.processing.set(blocks[0]);
+            this.processing.set(blocks.slice(0, 2).join(""));
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: SmartRendererComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
@@ -4064,6 +4064,7 @@ class ChatComponent {
         const messages = [...conversation, userMsg];
         this.messages$.next(messages); // Update the messages in the UI with the new user message
         this.chatService.chatHistory = messages; // Update the chat history with the new user message
+        this.scrollDown(); // Scroll down to the bottom of the chat to see the new user message and the incoming assistant answer
         this.fetch(messages);
         this.chatService.generateAuditEvent('ast-message.message', { ...this._defineMessageAuditDetails(userMsg), 'query': JSON.stringify(this.query), 'is-user-input': true, 'enabled-functions': this.config.defaultValues.functions?.filter(func => func.enabled).map(func => func.name), 'additional-workflow-properties': JSON.stringify(additionalWorkflowProperties) });
     }
@@ -5700,7 +5701,7 @@ class DocumentOverviewComponent {
         this.appService = inject(AppService);
     }
     ngOnInit() {
-        this._subscription.add(of(isAuthenticated()).pipe(switchMap((_) => this.appService.init()), tap((_) => this.documentsUploadService.getDocumentsList()), catchError$1((error) => {
+        this._subscription.add(of(isAuthenticated()).pipe(switchMap((_) => this.appService.init()), switchMap((_) => this.documentsUploadService.getDocumentsList()), catchError$1((error) => {
             console.error(error);
             this.notificationsService.error(error);
             return EMPTY;
@@ -5789,42 +5790,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
         }] });
 
 /*
- * Web Element Reference Component
- * This component is used to display a reference in the chat interface.
+ * Web Element Reference Components
+ * Those components are used to display a reference (page, image, document) in the chat interface.
  * It uses a tooltip to show additional information about the reference.
  * The component emits custom events when the user interacts with it.
- *
- * This component is based on the remark template.
- *
- * <!-- Chat reference (badge with file and part number) -->
- * <ng-template remarkTemplate="chat-reference" let-ref>
- *     @let attachment = referenceMap.get(ref.refId);
- *     @if (attachment) {
- *       <a
- *         class="reference"
- *         role="button"
- *         [sqTooltip]="attachment"
- *         [sqTooltipTemplate]="tooltipTpl"
- *         [hoverableTooltip]="true"
- *         (click)="openAttachmentPreview(attachment, ref.refId)"
- *       >
- *         {{ref.refId}}
- *       </a>
- *     }
- *     @else {
- *       <ng-template #staticRefTpl>
- *         <span class="reference">{{ ref.refId }}</span>
- *       </ng-template>
- *     }
- * </ng-template>
  */
 class ReferenceComponent {
     constructor() {
-        this.ref = signal({});
-        afterNextRender(() => {
+        this.ref = {};
+    }
+    ngOnChanges() {
+        if (!this.attachment)
+            return;
+        try {
             const obj = JSON.parse(decodeURIComponent(atob(this.attachment)));
-            this.ref.set(obj);
-        });
+            this.ref = obj;
+        }
+        catch (error) {
+            console.error("Error parsing attachment", error, this.attachment);
+        }
     }
     onOpenPreview(attachment, partId) {
         // Émettre un événement personnalisé pour le web element using the service
@@ -5839,23 +5823,23 @@ class ReferenceComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ReferenceComponent, isStandalone: true, selector: "reference", inputs: { id: "id", attachment: "attachment", rank: "rank" }, providers: [], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ReferenceComponent, isStandalone: true, selector: "reference", inputs: { id: "id", attachment: "attachment", rank: "rank" }, providers: [], usesOnChanges: true, ngImport: i0, template: `
   <a
     class="reference"
     role="button"
-    [sqTooltip]="ref()"
+    [sqTooltip]="ref"
     [sqTooltipTemplate]="tooltipTpl"
     [hoverableTooltip]="true"
-    (click)="onOpenPreview(ref())"
+    (click)="onOpenPreview(ref)"
     >{{ id }}</a>
 
     <!-- tooltip template -->
     <ng-template #tooltipTpl>
       <sq-chat-reference
         class="expanded"
-        [attachment]="ref()"
-        [reference]="ref().contextId"
-        [partId]="ref().$partId"
+        [attachment]="ref"
+        [reference]="ref.contextId"
+        [partId]="ref.$partId"
         (openPreview)="onOpenPreview($event, $event.$partId)"
         (openDocument)="onOpenDocument($event, $event.$partId)"
       ></sq-chat-reference>
@@ -5868,25 +5852,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
   <a
     class="reference"
     role="button"
-    [sqTooltip]="ref()"
+    [sqTooltip]="ref"
     [sqTooltipTemplate]="tooltipTpl"
     [hoverableTooltip]="true"
-    (click)="onOpenPreview(ref())"
+    (click)="onOpenPreview(ref)"
     >{{ id }}</a>
 
     <!-- tooltip template -->
     <ng-template #tooltipTpl>
       <sq-chat-reference
         class="expanded"
-        [attachment]="ref()"
-        [reference]="ref().contextId"
-        [partId]="ref().$partId"
+        [attachment]="ref"
+        [reference]="ref.contextId"
+        [partId]="ref.$partId"
         (openPreview)="onOpenPreview($event, $event.$partId)"
         (openDocument)="onOpenDocument($event, $event.$partId)"
       ></sq-chat-reference>
     </ng-template>
   `, standalone: true, styles: ["div{border:1px solid #ccc;padding:8px;border-radius:4px;display:flex;gap:8px;flex-direction:column}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
+        }], propDecorators: { id: [{
                 type: Input
             }], attachment: [{
                 type: Input
@@ -5895,11 +5879,18 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             }] } });
 class PageReferenceComponent {
     constructor() {
-        this.ref = signal({});
-        afterNextRender(() => {
+        this.ref = {};
+    }
+    ngOnChanges() {
+        if (!this.attachment)
+            return;
+        try {
             const obj = JSON.parse(decodeURIComponent(atob(this.attachment)));
-            this.ref.set(obj);
-        });
+            this.ref = obj;
+        }
+        catch (error) {
+            console.error("Error parsing attachment", error, this.attachment);
+        }
     }
     onOpenPreview(attachment, partId) {
         // Émettre un événement personnalisé pour le web element using the service
@@ -5914,10 +5905,10 @@ class PageReferenceComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: PageReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageReferenceComponent, isStandalone: true, selector: "page-reference", inputs: { id: "id", attachment: "attachment" }, providers: [], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: PageReferenceComponent, isStandalone: true, selector: "page-reference", inputs: { id: "id", attachment: "attachment" }, providers: [], usesOnChanges: true, ngImport: i0, template: `
     <span
       class="reference"
-      [sqTooltip]="{ obj: ref(), id }"
+      [sqTooltip]="{ obj: ref, id }"
       [sqTooltipTemplate]="pageTooltipTpl"
       [hoverableTooltip]="true"
     >
@@ -5939,7 +5930,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: "page-reference", imports: [TooltipDirective, InlinePageReferenceComponent], providers: [], template: `
     <span
       class="reference"
-      [sqTooltip]="{ obj: ref(), id }"
+      [sqTooltip]="{ obj: ref, id }"
       [sqTooltipTemplate]="pageTooltipTpl"
       [hoverableTooltip]="true"
     >
@@ -5955,18 +5946,25 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       />
     </ng-template>
   `, standalone: true, styles: ["div{border:1px solid #ccc;padding:8px;border-radius:4px;display:flex;gap:8px;flex-direction:column}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
+        }], propDecorators: { id: [{
                 type: Input
             }], attachment: [{
                 type: Input
             }] } });
 class ImageReferenceComponent {
     constructor() {
-        this.ref = signal({});
-        afterNextRender(() => {
+        this.ref = {};
+    }
+    ngOnChanges() {
+        if (!this.attachment)
+            return;
+        try {
             const obj = JSON.parse(decodeURIComponent(atob(this.attachment)));
-            this.ref.set(obj);
-        });
+            this.ref = obj;
+        }
+        catch (error) {
+            console.error("Error parsing attachment", error, this.attachment);
+        }
     }
     onOpenPreview(attachment, partId) {
         // Émettre un événement personnalisé pour le web element using the service
@@ -5981,10 +5979,10 @@ class ImageReferenceComponent {
         }));
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: ImageReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageReferenceComponent, isStandalone: true, selector: "image-reference", inputs: { id: "id", attachment: "attachment" }, providers: [], ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: ImageReferenceComponent, isStandalone: true, selector: "image-reference", inputs: { id: "id", attachment: "attachment" }, providers: [], usesOnChanges: true, ngImport: i0, template: `
     <span
       class="reference"
-      [sqTooltip]="{ obj: ref(), id }"
+      [sqTooltip]="{ obj: ref, id }"
       [sqTooltipTemplate]="imageTooltipTpl"
       [hoverableTooltip]="true"
     >
@@ -6006,7 +6004,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
             args: [{ selector: "image-reference", imports: [TooltipDirective, InlineImageReferenceComponent], providers: [], template: `
     <span
       class="reference"
-      [sqTooltip]="{ obj: ref(), id }"
+      [sqTooltip]="{ obj: ref, id }"
       [sqTooltipTemplate]="imageTooltipTpl"
       [hoverableTooltip]="true"
     >
@@ -6022,15 +6020,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
       />
     </ng-template>
   `, standalone: true, styles: ["div{border:1px solid #ccc;padding:8px;border-radius:4px;display:flex;gap:8px;flex-direction:column}\n"] }]
-        }], ctorParameters: () => [], propDecorators: { id: [{
+        }], propDecorators: { id: [{
                 type: Input
             }], attachment: [{
                 type: Input
             }] } });
 class CodeBlockReferenceComponent {
     constructor() {
-        this.el = inject(ElementRef);
         this.langname = "";
+        this.el = inject(ElementRef);
         this.encodeCode = '';
     }
     ngAfterViewInit() {
@@ -6041,15 +6039,15 @@ class CodeBlockReferenceComponent {
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CodeBlockReferenceComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
     static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.13", type: CodeBlockReferenceComponent, isStandalone: true, selector: "code-block-reference", inputs: { langname: "langname" }, ngImport: i0, template: `
-<div class="card mb-2">
-  <div class="card-header d-flex justify-content-end align-items-center">
-    <span class="me-auto">{{ langname || 'code'}}</span>
-    <button class="btn btn-light btn-sm" copy-to-clipboard [text]="encodeCode">
-      <svg data-testid="geist-icon" height="16" stroke-linejoin="round" viewBox="0 0 16 16" width="16" aria-hidden="true" style="color: currentcolor;"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z" fill="currentColor"></path></svg>
-    </button>
-  </div>
-  <ng-content></ng-content>
-</div>
+    <div class="card mb-2">
+      <div class="card-header d-flex justify-content-end align-items-center">
+        <span class="me-auto">{{ langname || 'code'}}</span>
+        <button class="btn btn-light btn-sm" copy-to-clipboard [text]="encodeCode">
+          <svg data-testid="geist-icon" height="16" stroke-linejoin="round" viewBox="0 0 16 16" width="16" aria-hidden="true" style="color: currentcolor;"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z" fill="currentColor"></path></svg>
+        </button>
+      </div>
+      <ng-content></ng-content>
+    </div>
   `, isInline: true, dependencies: [{ kind: "directive", type: CopyToClipboardDirective, selector: "[copy-to-clipboard]", inputs: ["text"] }] }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImport: i0, type: CodeBlockReferenceComponent, decorators: [{
@@ -6058,15 +6056,15 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.13", ngImpo
                     selector: "code-block-reference",
                     imports: [CopyToClipboardDirective],
                     template: `
-<div class="card mb-2">
-  <div class="card-header d-flex justify-content-end align-items-center">
-    <span class="me-auto">{{ langname || 'code'}}</span>
-    <button class="btn btn-light btn-sm" copy-to-clipboard [text]="encodeCode">
-      <svg data-testid="geist-icon" height="16" stroke-linejoin="round" viewBox="0 0 16 16" width="16" aria-hidden="true" style="color: currentcolor;"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z" fill="currentColor"></path></svg>
-    </button>
-  </div>
-  <ng-content></ng-content>
-</div>
+    <div class="card mb-2">
+      <div class="card-header d-flex justify-content-end align-items-center">
+        <span class="me-auto">{{ langname || 'code'}}</span>
+        <button class="btn btn-light btn-sm" copy-to-clipboard [text]="encodeCode">
+          <svg data-testid="geist-icon" height="16" stroke-linejoin="round" viewBox="0 0 16 16" width="16" aria-hidden="true" style="color: currentcolor;"><path fill-rule="evenodd" clip-rule="evenodd" d="M2.75 0.5C1.7835 0.5 1 1.2835 1 2.25V9.75C1 10.7165 1.7835 11.5 2.75 11.5H3.75H4.5V10H3.75H2.75C2.61193 10 2.5 9.88807 2.5 9.75V2.25C2.5 2.11193 2.61193 2 2.75 2H8.25C8.38807 2 8.5 2.11193 8.5 2.25V3H10V2.25C10 1.2835 9.2165 0.5 8.25 0.5H2.75ZM7.75 4.5C6.7835 4.5 6 5.2835 6 6.25V13.75C6 14.7165 6.7835 15.5 7.75 15.5H13.25C14.2165 15.5 15 14.7165 15 13.75V6.25C15 5.2835 14.2165 4.5 13.25 4.5H7.75ZM7.5 6.25C7.5 6.11193 7.61193 6 7.75 6H13.25C13.3881 6 13.5 6.11193 13.5 6.25V13.75C13.5 13.8881 13.3881 14 13.25 14H7.75C7.61193 14 7.5 13.8881 7.5 13.75V6.25Z" fill="currentColor"></path></svg>
+        </button>
+      </div>
+      <ng-content></ng-content>
+    </div>
   `,
                     standalone: true,
                 }]