@hivegpt/hiveai-angular 0.0.612 → 0.0.613

package/fesm2020/hivegpt-hiveai-angular.mjs

@@ -1614,6 +1614,8 @@ class ChatDrawerComponent {
         /** Guards against our own programmatic scrolls triggering the userHasScrolled detection. */
         this.isProgrammaticScroll = false;
         this.scrollListenerTimer = null;
+        /** Throttle timer for streaming chunk scroll — prevents firing on every chunk. */
+        this.chunkScrollRAF = null;
         /** Connections list from host (e.g. from store selectConnectionsList). Each item has userId. When set, used for Connect/Request Sent/Disconnect button state. */
         this.connectionsList = [];
         /** Pending sent request user IDs from host (e.g. from store selectPendingConnectionsSentList). When set, used for Request Sent state. */
@@ -3758,7 +3760,7 @@ class ChatDrawerComponent {
         }
         this.cdr.detectChanges();
     }
-    scrollToBottom(force = false, smooth = true) {
+    scrollToBottom(force = false) {
         if (!force && !this.autoScrollOnNewMessage) {
             return;
         }
@@ -3771,10 +3773,36 @@ class ChatDrawerComponent {
         this.isProgrammaticScroll = true;
         el.scrollTo({
             top: el.scrollHeight,
-            behavior: smooth ? 'smooth' : 'auto',
+            behavior: 'smooth',
+        });
+        setTimeout(() => { this.isProgrammaticScroll = false; }, 400);
+    }
+    /**
+     * Lightweight scroll-to-bottom used during streaming chunks.
+     * Coalesces via requestAnimationFrame so we get at most one smooth
+     * nudge per paint frame, no matter how fast chunks arrive.
+     */
+    scrollToBottomStreaming() {
+        if (this.userHasScrolled)
+            return;
+        if (this.chunkScrollRAF !== null)
+            return; // already queued
+        this.chunkScrollRAF = requestAnimationFrame(() => {
+            this.chunkScrollRAF = null;
+            if (this.userHasScrolled)
+                return;
+            const el = this.chatMain?.nativeElement;
+            if (!el)
+                return;
+            // Small gap check: only scroll if we're within a reasonable distance from the bottom
+            const gap = el.scrollHeight - el.scrollTop - el.clientHeight;
+            if (gap <= 0)
+                return; // already at bottom
+            this.isProgrammaticScroll = true;
+            // Use a quick smooth nudge rather than instant jump
+            el.scrollTo({ top: el.scrollHeight, behavior: 'smooth' });
+            setTimeout(() => { this.isProgrammaticScroll = false; }, 300);
         });
-        // Release the guard after the smooth scroll settles
-        setTimeout(() => { this.isProgrammaticScroll = false; }, smooth ? 400 : 50);
     }
     /** Scrolls the chat container so the top of the AI message with the given id is visible. */
     scrollToAiMessage(messageId) {
@@ -4687,7 +4715,7 @@ class ChatDrawerComponent {
                 }
                 else {
                     this.cdr.markForCheck();
-                    setTimeout(() => this.scrollToBottom(true, false), 0);
+                    this.scrollToBottomStreaming();
                 }
                 break;
             }