mirror of
https://github.com/Alfresco/alfresco-content-app.git
synced 2025-05-12 17:04:46 +00:00
6a3c888f18
* [ACS-9427] Added library for markdown format * [ACS-9427] Display tooltip with mermaid source code and preprocess markdown format * [ACS-9427] Rendering mathematical formulas * [ACS-9427] Styling tables * [ACS-9427] Added support for programming code language in MD * [ACS-9427] Fixed existing unit tests for search ai results component * [ACS-9427] Unit tests for markdown data and rendering of markdown * [ACS-9427] Unit tests for markdown containing mermaid and latex blocks * [ACS-9427] Reverted unwanted change * [ACS-9427] Fixed Sonar issues for regex * [ACS-9427] Fixed Sonar issues for regex * [ACS-9427] Fixed Sonar issues for regex * [ACS-9427] Fixed Sonar issues for regex * [ACS-9427] Fixed unit test * [ACS-9427] Fixed unit test * [ACS-9427] Fixed unit test
103 lines
4.6 KiB
HTML
103 lines
4.6 KiB
HTML
<aca-page-layout>
|
|
<aca-search-ai-input-container
|
|
class="aca-page-layout-header"
|
|
placeholder="KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.QUERY_INPUT_PLACEHOLDER"
|
|
[agentId]="agentId"
|
|
[usedInAiResultsPage]="true"
|
|
*ngIf="!hasError && agentId" />
|
|
<div
|
|
class="aca-page-layout-content"
|
|
*ngIf="!hasError">
|
|
<div class="aca-search-ai-results-container">
|
|
<div
|
|
class="aca-search-ai-results-container-query"
|
|
data-automation-id="aca-search-ai-results-query">
|
|
{{ searchQuery }}
|
|
</div>
|
|
<div
|
|
class="aca-search-ai-response-container"
|
|
[class.aca-search-ai-response-container-error]="hasAnsweringError">
|
|
<ng-container *ngIf="!loading else skeleton">
|
|
<div
|
|
class="aca-search-ai-response-container-body"
|
|
*ngIf="!hasAnsweringError">
|
|
<markdown
|
|
class="aca-search-ai-response-container-body-response"
|
|
data-automation-id="aca-search-ai-results-response"
|
|
[data]="displayedAnswer"
|
|
(ready)="addSourceCodeTooltips()"
|
|
mermaid
|
|
katex />
|
|
<button
|
|
class="aca-search-ai-response-container-body-response-action aca-search-ai-response-container-body-response-action-regeneration"
|
|
mat-icon-button
|
|
(click)="checkUnsavedChangesAndSearch()"
|
|
data-automation-id="aca-search-ai-results-regeneration-button"
|
|
[title]="'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate">
|
|
<mat-icon>cached</mat-icon>
|
|
</button>
|
|
<button
|
|
class="aca-search-ai-response-container-body-response-action"
|
|
mat-icon-button
|
|
(click)="copyResponseToClipboard()"
|
|
data-automation-id="aca-search-ai-results-copying-button"
|
|
[title]="'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.COPY_BUTTON_LABEL' | translate">
|
|
<mat-icon>copy</mat-icon>
|
|
</button>
|
|
<ng-container *ngIf="nodes?.length">
|
|
<mat-divider class="aca-search-ai-response-container-body-divider" />
|
|
<div class="aca-search-ai-response-container-body-references-container">
|
|
<p class="aca-search-ai-response-container-body-references-container-header">
|
|
{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REFERENCED_DOCUMENTS_HEADER' | translate }}
|
|
</p>
|
|
<div class="aca-search-ai-response-container-body-references-container-documents">
|
|
<a
|
|
class="aca-search-ai-response-container-body-references-container-documents-document"
|
|
*ngFor="let node of nodes"
|
|
[attr.data-automation-id]="'aca-search-ai-results-' + node.id + '-document'"
|
|
(click)="openFile(node.id)"
|
|
(keyup.enter)="openFile(node.id)"
|
|
tabindex="0">
|
|
<mat-icon
|
|
mat-list-icon
|
|
class="aca-search-ai-response-container-body-references-container-documents-document-icon">
|
|
<img [alt]="node.content?.mimeType" [src]="mimeTypeIconsByNodeId[node.id]"/>
|
|
</mat-icon>
|
|
<div class="aca-search-ai-response-container-body-references-container-documents-document-name">
|
|
{{ node.name }}
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
<div
|
|
*ngIf="hasAnsweringError"
|
|
class="aca-search-ai-response-container-error-message">
|
|
{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.LOADING_ERROR' | translate }}
|
|
<button
|
|
mat-flat-button
|
|
(click)="performAiSearch()"
|
|
class="aca-search-ai-response-container-error-message-regeneration-button"
|
|
data-automation-id="aca-search-ai-results-error-regeneration-button">
|
|
<mat-icon class="aca-search-ai-response-container-error-message-regeneration-button-icon">cached</mat-icon>
|
|
{{ 'KNOWLEDGE_RETRIEVAL.SEARCH.RESULTS_PAGE.REGENERATION_BUTTON_LABEL' | translate }}
|
|
</button>
|
|
</div>
|
|
</ng-container>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<adf-empty-content
|
|
class="aca-page-layout-content"
|
|
icon="star"
|
|
title="KNOWLEDGE_RETRIEVAL.SEARCH.ERRORS.PAGE_NOT_AVAILABLE_ERROR"
|
|
*ngIf="hasError" />
|
|
</aca-page-layout>
|
|
|
|
<ng-template #skeleton>
|
|
<div class="adf-skeleton"></div>
|
|
<div class="adf-skeleton"></div>
|
|
<div class="adf-skeleton adf-skeleton-half"></div>
|
|
</ng-template>
|