diff --git a/plugins/card-resources/src/components/EditCardTableOfContents.svelte b/plugins/card-resources/src/components/EditCardTableOfContents.svelte
index d64da8a2858..f35c6c3eb10 100644
--- a/plugins/card-resources/src/components/EditCardTableOfContents.svelte
+++ b/plugins/card-resources/src/components/EditCardTableOfContents.svelte
@@ -204,6 +204,8 @@
     const ref = sectionRef[messagesId]
     if (ref?.scrollDown != null) {
       ref.scrollDown()
+    } else {
+      console.warn('scrollDown not implemented for section', messagesId)
     }
   }
 
diff --git a/plugins/card-resources/src/components/sections/CardCommunicatiomMessages.svelte b/plugins/card-resources/src/components/sections/CardCommunicatiomMessages.svelte
index 4c1ae413853..877ec18961a 100644
--- a/plugins/card-resources/src/components/sections/CardCommunicatiomMessages.svelte
+++ b/plugins/card-resources/src/components/sections/CardCommunicatiomMessages.svelte
@@ -27,9 +27,25 @@
   export let active: boolean = false
   export let isDefault: boolean = false
   export let onRenderTopChange: (active: boolean) => void
+
+  let messagesSection: MessagesSection | undefined
+
+  // Expose scrolling/editing helpers so the parent TOC component can control this section.
+  export function scrollDown (): void {
+    messagesSection?.scrollDown()
+  }
+
+  export function canScrollDown (): boolean {
+    return messagesSection?.canScrollDown() ?? false
+  }
+
+  export function editLastMessage (): void {
+    messagesSection?.editLastMessage()
+  }
 </script>
 
 <MessagesSection
+  bind:this={messagesSection}
   {doc}
   {readonly}
   {isContextLoaded}