From db026f20c743eb9902b97513d210b29af0f789f1 Mon Sep 17 00:00:00 2001
From: Jicheng Lu <103353@smsassist.com>
Date: Fri, 28 Aug 2026 17:33:54 -0500
Subject: [PATCH] fix iframe auto scroll

---
 .../[agentId]/[conversationId]/chat-box.svelte    | 12 ++++++++++++
 .../rich-content/rc-embedding.svelte              | 15 +++++++++++----
 .../rich-content/rich-content.svelte              |  2 --
 3 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
index e64ee380..d5c54917 100644
--- a/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/chat-box.svelte
@@ -66,6 +66,7 @@
 	import RichContent from './rich-content/rich-content.svelte';
 	import RcMessage from "./rich-content/rc-message.svelte";
 	import RcDisclaimer from './rich-content/rc-disclaimer.svelte';
+	import RcEmbedding from './rich-content/rc-embedding.svelte';
 	import MessageFileGallery from '$lib/common/files/MessageFileGallery.svelte';
 	import ChatUtil from './chat-util/chat-util.svelte';
 	import ChatFileUploader from './chat-util/chat-file-uploader.svelte';
@@ -2442,6 +2443,17 @@
 													{:else}
 														<RcMessage markdownClasses={'markdown-dark cb-md-dark font-libre'} message={message} isStreaming={isStreaming || isThinking} />
 													{/if}
+													<!-- Embedded content belongs to the
+														 message that produced it, so it renders inline here rather than in
+														 the trailing <RichContent>, which only ever shows the last bot
+														 message and would drop embeds on intermediate function-call turns. -->
+													{#if message?.rich_content?.message?.rich_type === RichType.Embedding && editingBotMsgUid !== message.uuid}
+														<RcEmbedding
+															url={message?.rich_content?.message?.url}
+															title={message?.rich_content?.message?.title}
+															htmlTag={message?.rich_content?.message?.html_tag}
+														/>
+													{/if}
 													{#if !!(message?.rich_content?.message?.text || message?.text) && editingBotMsgUid !== message.uuid}
 														{@const isLastBotMsg = message?.message_id === lastBotMsg?.message_id && message?.uuid === lastBotMsg?.uuid}
 														<!-- Suppressed while the last bot message is still streaming, so the timestamp
diff --git a/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-embedding.svelte b/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-embedding.svelte
index da66f776..a769ebfb 100644
--- a/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-embedding.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/rich-content/rc-embedding.svelte
@@ -1,9 +1,7 @@
 <script>
-    import { getContext } from 'svelte';
     import collapse from 'svelte-collapse';
 
     const collapseDuration = 0.3;
-    const { autoScrollToBottom } = getContext('chat-window-context');
 
     /**
      * @type {{
@@ -20,16 +18,25 @@
 
     let open = $state(false);
 
+    /** @type {HTMLDivElement | null} */
+    let wrapperEl = $state(null);
+
     function toggleCollapse() {
         open = !open;
         if (open) {
-            setTimeout(() => autoScrollToBottom?.(), collapseDuration * 1000);
+            // Bring the expanded embed into view once the collapse animation has
+            // settled. `block: 'nearest'` scrolls only as far as needed, so a
+            // message in the middle of the thread stays put instead of the whole
+            // pane jumping to the bottom.
+            setTimeout(() => {
+                wrapperEl?.scrollIntoView({ block: 'nearest', behavior: 'smooth' });
+            }, collapseDuration * 1000);
         }
     }
 </script>
 
 {#if htmlTag && url}
-    <div class="rc-embedding-wrapper">
+    <div class="rc-embedding-wrapper" bind:this={wrapperEl}>
         <div class="rc-embedding-toggle-group">
             <button type="button" class="rc-embedding-toggle" class:closed={!open} onclick={toggleCollapse}>
                 <span>{open ? 'Close' : 'Open'}{title ? ` ${title}` : ''}</span>
diff --git a/src/routes/chat/[agentId]/[conversationId]/rich-content/rich-content.svelte b/src/routes/chat/[agentId]/[conversationId]/rich-content/rich-content.svelte
index 80c95834..7804cceb 100644
--- a/src/routes/chat/[agentId]/[conversationId]/rich-content/rich-content.svelte
+++ b/src/routes/chat/[agentId]/[conversationId]/rich-content/rich-content.svelte
@@ -50,8 +50,6 @@
 
 {#if message?.rich_content?.editor === EditorType.File}
     <ChatAttachmentOptions options={resolvedOptions.options} disabled={disabled} onConfirm={(title, payload) => handleConfirm(title, payload)} />
-{:else if message?.rich_content?.message?.rich_type === RichType.Embedding}
-    <RcEmbedding url={message?.rich_content?.message?.url} title={message?.rich_content?.message?.title} htmlTag={message?.rich_content?.message?.html_tag} />
 {:else if !resolvedOptions.isComplexElement}
     <RcPlainOptions options={resolvedOptions.options} isMultiSelect={resolvedOptions.isMultiSelect} disabled={disabled} onConfirm={(title, payload) => handleConfirm(title, payload)} />
 {:else}