fix(markdown-stream): Scroll to bottom when tool request/results finish rendering (#157)

* fix(markdown-stream): Scroll to bottom when tool request/results are rendered

* chore: build and update assets

Author: gadenbuie

js/dist/chat/chat.js

@@ -103,6 +103,10 @@ class ShinyToolCard extends LitElement {
     this.requestUpdate()
   }
 
+  firstUpdated() {
+    this.dispatchEvent(new CustomEvent("shiny-chat-maybe-scroll-to-bottom"))
+  }
+
   /**
    * Formats the title for display in the card header. Uses the `titleTemplate`,
    * replacing `{title}` with the actual title or name of the tool.

js/dist/chat/chat.js.map

@@ -116,6 +116,14 @@ class MarkdownElement extends LightElement {
     return html`${contentToHTML(this.content, this.content_type)}`
   }
 
+  connectedCallback(): void {
+    super.connectedCallback()
+    this.addEventListener(
+      "shiny-chat-maybe-scroll-to-bottom",
+      this.#onMaybeScrollToBottom,
+    )
+  }
+
   disconnectedCallback(): void {
     super.disconnectedCallback()
     this.#cleanup()
@@ -376,6 +384,10 @@ class MarkdownElement extends LightElement {
     return null
   }
 
+  #onMaybeScrollToBottom = (): void => {
+    this.#maybeScrollToBottom()
+  }
+
   #maybeScrollToBottom(): void {
     const el = this.#scrollableElement
     if (!el || this.#isUserScrolled) return
@@ -390,6 +402,10 @@ class MarkdownElement extends LightElement {
     this.#scrollableElement?.removeEventListener("scroll", this.#onScroll)
     this.#scrollableElement = null
     this.#isUserScrolled = false
+    this.removeEventListener(
+      "shiny-chat-maybe-scroll-to-bottom",
+      this.#onMaybeScrollToBottom,
+    )
   }
 }
 

js/dist/markdown-stream/markdown-stream.js

@@ -1 +1 @@
-ec8feb87cb2a78c497d8ee66edd6f1e50faf1d48
+ec204acc3563226e4bcba3d48fc5b19418a9a360