add bot image

Author: Jicheng Lu

src/lib/helpers/types.js

@@ -318,7 +318,6 @@ IRichContent.prototype.quick_replies;
  * @property {string} post_action_disclaimer - The message disclaimer.
  * @property {string} data - The message data.
  * @property {Date} created_at - The message sent time.
- * @property {boolean} is_load_images - Check of the message needs to load images.
  */
 
 /**

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

@@ -250,7 +250,6 @@
 		// trigger UI render
 		dialogs = dialogs?.map(item => { return { ...item }; }) || [];
 		lastBotMsg = findLastBotMessage(dialogs);
-		assignLoadImageMessages(dialogs);
 		assignMessageDisclaimer(dialogs)
 		groupedDialogs = groupDialogs(dialogs);
 		await tick();
@@ -266,24 +265,6 @@
 		})
 	}
 
-	/** @param {import('$types').ChatResponseModel[]} dialogs */
-	function assignLoadImageMessages(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 || '')
-				&& loadFileGallery(prevMsg)) {
-				curMsg.is_load_images = true;
-			}
-		}
-	}
-
 	/** @param {import('$types').ChatResponseModel[]} dialogs */
 	function assignMessageDisclaimer(dialogs) {
 		if (!!!dialogs) return null;
@@ -1016,12 +997,10 @@
 											{#if !!message.post_action_disclaimer}
 												<RcDisclaimer content={message.post_action_disclaimer} />
 											{/if}
-											{#if message.is_load_images || USER_SENDERS.includes(message.sender?.role)}
-												<MessageImageGallery
-													galleryStyles={'justify-content: flex-end;'}
-													fetchFiles={() => getConversationFiles(params.conversationId, message.message_id, FileSourceType.User)}
-												/>
-											{/if}
+											<MessageImageGallery
+												galleryStyles={'justify-content: flex-end;'}
+												fetchFiles={() => getConversationFiles(params.conversationId, message.message_id, FileSourceType.User)}
+											/>
 										</div>
 											{#if !isLite}
 												<Dropdown>
@@ -1045,6 +1024,10 @@
 										</div>
 										<div class="msg-container">
 											<RcMessage message={message} />
+											<MessageImageGallery
+												galleryStyles={'justify-content: flex-start;'}
+												fetchFiles={() => getConversationFiles(params.conversationId, message.message_id, FileSourceType.Bot)}
+											/>
 										</div>
 										{/if}
 									</div>

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

@@ -89,12 +89,10 @@
                                 <p class="fw-bold">
                                     <Markdown text={dialog?.rich_content?.message?.text || dialog?.text} />
                                 </p>
-                                {#if dialog.is_load_images || showInRight(dialog)}
                                 <MessageImageGallery
                                     galleryClasses={'dialog-file-display'}
-                                    fetchFiles={() => getConversationFiles(conversation.id, dialog.message_id, FileSourceType.User)}
+                                    fetchFiles={() => getConversationFiles(conversation.id, dialog.message_id, showInRight(dialog) ? FileSourceType.User : FileSourceType.Bot)}
                                 />
-                                {/if}
                             </div>
                             {#if dialog.message_id}
                             <div>