dialog load images

Author: Jicheng Lu

src/routes/chat/[agentId]/[conversationId]/chat-box.svelte

@@ -248,7 +248,8 @@
 			}
 
 			const prevMsg = dialogs[idx-1];
-			if (!!prevMsg && BOT_SENDERS.includes(prevMsg?.sender?.role || '') && prevMsg?.rich_content?.editor === EditorType.File) {
+			if (!!prevMsg && BOT_SENDERS.includes(prevMsg?.sender?.role || '')
+				&& prevMsg?.rich_content?.editor === EditorType.File) {
 				curMsg.is_load_images = true;
 			}
 		}

src/routes/page/conversation/[conversationId]/conv-dialogs.svelte

@@ -5,7 +5,8 @@
     import { utcToLocal } from '$lib/helpers/datetime';
     import { onMount } from 'svelte';
     import { _ } from 'svelte-i18n'  
-	import { USER_SENDERS } from '$lib/helpers/constants';
+	import { BOT_SENDERS, USER_SENDERS } from '$lib/helpers/constants';
+    import { EditorType } from '$lib/helpers/enums';
 	import Markdown from '$lib/common/Markdown.svelte';
 	import MessageImageGallery from '$lib/common/MessageImageGallery.svelte';
 
@@ -17,8 +18,27 @@
 
     onMount(async () => {
         dialogs = await GetDialogs(conversation.id);
+        loadMessageImages(dialogs);
     });
 
+    /** @param {import('$types').ChatResponseModel[]} dialogs */
+    function loadMessageImages(dialogs) {
+        if (!!!dialogs) return;
+
+        for (let idx = 0; idx < dialogs.length; idx++) {
+            const curMsg = dialogs[idx];
+            if (!USER_SENDERS.includes(curMsg?.sender?.role || '')) {
+                continue;
+            }
+
+            const prevMsg = dialogs[idx-1];
+            if (!!prevMsg && BOT_SENDERS.includes(prevMsg?.sender?.role || '')
+                && prevMsg?.rich_content?.editor === EditorType.File) {
+                curMsg.is_load_images = true;
+            }
+        }
+    }
+
     /** 
      * @param {import('$types').ChatResponseModel} dialog
      * @returns {boolean}
@@ -68,7 +88,7 @@
                                 <p class="fw-bold">
                                     <Markdown text={dialog?.rich_content?.message?.text || dialog?.text} />
                                 </p>
-                                {#if USER_SENDERS.includes(dialog?.sender?.role || '')}
+                                {#if dialog.is_load_images}
                                 <MessageImageGallery
                                     galleryClasses={'dialog-file-display'}
                                     conversationId={conversation.id}