@if (snapshot.runningTools.length > 0) {
{
@ViewChild('focusElement', { static: false })
public focusElement!: ElementRef;
- @ViewChild('contentElement', { static: false })
- public contentElement!: ElementRef;
-
@Input({ required: true })
public type: 'Bot' | 'User' | 'System' = 'Bot';
+ @Input({ required: true })
+ public folderId?: string;
+
@Input({ required: true })
public user!: Profile;
@@ -105,9 +110,13 @@ export class ChatItemComponent extends StatefulComponent {
@Output()
public contentSelect = new EventEmitter();
- constructor() {
+ constructor(
+ private readonly apiUrl: ApiUrlConfig,
+ private readonly assetUploader: AssetUploaderState,
+ ) {
super({
content: '',
+ isCopying: false,
isFailed: false,
isRunning: false,
runningTools: [],
@@ -122,19 +131,36 @@ export class ChatItemComponent extends StatefulComponent {
this.focusElement.nativeElement?.scrollIntoView();
}
- public selectContent() {
- this.contentSelect.emit(this.snapshot.content);
+ public async selectContent() {
+ let markdown = this.snapshot.content;
+
+ if (!markdownHasImage(markdown)) {
+ this.contentSelect.emit(markdown);
+ }
+
+ this.next({ isCopying: true });
+ try {
+ markdown = await markdownTransformImages(markdown, async img => {
+ const asset = await lastValueFrom(
+ this.assetUploader.uploadFile(img, this.folderId)
+ .pipe(filter(x => Types.is(x, AssetDto)))) as AssetDto;
+
+ return asset.fullUrl(this.apiUrl);
+ });
+
+ this.contentSelect.emit(markdown);
+ } finally {
+ this.next({ isCopying: false });
+ }
}
public selectImage() {
- const image = this.contentElement.nativeElement?.querySelector('img');
+ const image = markdownExtractImage(this.snapshot.content);
if (!image) {
return;
}
- const name = image.alt || 'image.webp';
-
- this.contentSelect.emit({ url: image.src, name });
+ this.contentSelect.emit(image);
}
-}
+}
\ No newline at end of file
diff --git a/frontend/src/app/shared/components/contents/content-list-field.component.ts b/frontend/src/app/shared/components/contents/content-list-field.component.ts
index 3119a86f7..dc421e2c3 100644
--- a/frontend/src/app/shared/components/contents/content-list-field.component.ts
+++ b/frontend/src/app/shared/components/contents/content-list-field.component.ts
@@ -37,7 +37,7 @@ interface State {
TranslatePipe,
TranslationStatusComponent,
UserNameRefPipe,
- UserPictureRefPipe
+ UserPictureRefPipe,
],
})
export class ContentListFieldComponent extends StatefulComponent {
diff --git a/frontend/src/app/shared/components/forms/rich-editor.component.html b/frontend/src/app/shared/components/forms/rich-editor.component.html
index 2639770e3..3ec7fdbc3 100644
--- a/frontend/src/app/shared/components/forms/rich-editor.component.html
+++ b/frontend/src/app/shared/components/forms/rich-editor.component.html
@@ -14,4 +14,8 @@
[schemaIdentifiers]="schemaIds"
*sqxModal="contentsDialog">
-
@for (tool of snapshot.runningTools; track tool) {
@@ -54,8 +54,11 @@
}
@if (!snapshot.isRunning && !isFirst && type === "Bot") {
-
diff --git a/frontend/src/app/shared/components/chat-item.component.ts b/frontend/src/app/shared/components/chat-item.component.ts
index cf5163bdf..a380a7924 100644
--- a/frontend/src/app/shared/components/chat-item.component.ts
+++ b/frontend/src/app/shared/components/chat-item.component.ts
@@ -7,9 +7,10 @@
import { ChangeDetectionStrategy, Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';
-import { Observable } from 'rxjs';
-import { HTTP, MarkdownDirective, ResizedDirective, StatefulComponent, TranslatePipe, Types } from '@app/framework';
-import { ChatEventDto, Profile } from '../internal';
+import { lastValueFrom, Observable } from 'rxjs';
+import { filter } from 'rxjs/operators';
+import { ApiUrlConfig, HTTP, LoaderComponent, MarkdownDirective, markdownExtractImage, markdownHasImage, markdownTransformImages, ResizedDirective, StatefulComponent, TranslatePipe, Types } from '@app/framework';
+import { AssetDto, AssetUploaderState, ChatEventDto, Profile } from '../internal';
import { UserIdPicturePipe } from './pipes';
interface State {
@@ -19,6 +20,9 @@ interface State {
// True, when failed
isFailed: boolean;
+ // True, when a copy is in process.
+ isCopying: boolean;
+
// The content.
content: string;
@@ -32,6 +36,7 @@ interface State {
styleUrls: ['./chat-item.component.scss'],
templateUrl: './chat-item.component.html',
imports: [
+ LoaderComponent,
MarkdownDirective,
ResizedDirective,
TranslatePipe,
@@ -43,12 +48,12 @@ export class ChatItemComponent extends StatefulComponent