From c385d2719fa1fd3fde1b6f8de0c79a0cf030833f Mon Sep 17 00:00:00 2001
From: Vitalii Rudnykh <i@rudnkh.me>
Date: Tue, 3 Feb 2026 19:11:04 +0000
Subject: [PATCH 1/2] Fix chat widget stops 110px from page bottom on scroll

Added scroll event listener to dynamically adjust the chat widget
position when user scrolls near the bottom of the page.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docs/.vuepress/components/Chat.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/docs/.vuepress/components/Chat.vue b/docs/.vuepress/components/Chat.vue
index baf3a39e..07ed2cba 100644
--- a/docs/.vuepress/components/Chat.vue
+++ b/docs/.vuepress/components/Chat.vue
@@ -1,5 +1,5 @@
 <template>
-  <div id="bot-ui">
+  <div id="bot-ui" :style="{ bottom: dynamicBottom + 'px' }">
     <!-- Conditionally show toggle button with highlight -->
     <div class="toggle-container" v-show="!(isMobile && showChat)">
       <div v-if="!showChat" class="pulse-ring"></div>
@@ -88,6 +88,8 @@ export default {
       windowWidth: 0, // Changed from window.innerWidth to avoid SSR error
       showTooltip: true,
       tooltipDismissDuration: 2 * 60 * 60 * 1000, // 2 hours in milliseconds
+      dynamicBottom: 20, // Default bottom position
+      stopFromBottom: 110, // Stop 100px from page bottom
     };
   },
   computed: {
@@ -100,11 +102,14 @@ export default {
   },
   mounted() {
     window.addEventListener("resize", this.handleResize);
+    window.addEventListener("scroll", this.handleScroll);
     this.handleResize(); // Set initial windowWidth on client-side
+    this.handleScroll(); // Set initial bottom position
     this.updateTooltipVisibility(); // Check tooltip dismissal state on mount
   },
   beforeUnmount() {
     window.removeEventListener("resize", this.handleResize);
+    window.removeEventListener("scroll", this.handleScroll);
   },
   methods: {
     toggleChat() {
@@ -116,6 +121,16 @@ export default {
     },
     handleResize() {
       this.windowWidth = window.innerWidth;
+      this.handleScroll(); // Recalculate position on resize
+    },
+    handleScroll() {
+      const distanceToPageBottom =
+        document.documentElement.scrollHeight -
+        window.scrollY -
+        window.innerHeight;
+      const defaultBottom = this.isMobile ? 15 : 20;
+      // Keep element at least stopFromBottom pixels from the page bottom
+      this.dynamicBottom = Math.max(defaultBottom, this.stopFromBottom - distanceToPageBottom);
     },
     onIframeLoad() {
       this.isLoading = false;

From c88b058d9f6916d21d5a583a142070803ee0a934 Mon Sep 17 00:00:00 2001
From: Vitalii Rudnykh <i@rudnkh.me>
Date: Tue, 3 Feb 2026 19:16:41 +0000
Subject: [PATCH 2/2] Disable scroll position adjustment on mobile

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 docs/.vuepress/components/Chat.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/docs/.vuepress/components/Chat.vue b/docs/.vuepress/components/Chat.vue
index 07ed2cba..b8cb1655 100644
--- a/docs/.vuepress/components/Chat.vue
+++ b/docs/.vuepress/components/Chat.vue
@@ -124,13 +124,17 @@ export default {
       this.handleScroll(); // Recalculate position on resize
     },
     handleScroll() {
+      // Only apply scroll positioning on desktop
+      if (this.isMobile) {
+        this.dynamicBottom = 15;
+        return;
+      }
       const distanceToPageBottom =
         document.documentElement.scrollHeight -
         window.scrollY -
         window.innerHeight;
-      const defaultBottom = this.isMobile ? 15 : 20;
       // Keep element at least stopFromBottom pixels from the page bottom
-      this.dynamicBottom = Math.max(defaultBottom, this.stopFromBottom - distanceToPageBottom);
+      this.dynamicBottom = Math.max(20, this.stopFromBottom - distanceToPageBottom);
     },
     onIframeLoad() {
       this.isLoading = false;