ChatView: smoother stick-to-bottom during streaming

[hannesrudolph]

Fixes issues where sometimes the session would lose its stickyness to the bottom of the window during streaming events.

BEFORE

Sticky.-.Old.mp4

AFTER

Sticky.-.New.mp4

Summary

• Smoother, reliable stick-to-bottom during token streaming
• Use Virtuoso followOutput="smooth" + sticky follow mode
• Engage sticky on “scroll to bottom”, auto-disengage on user up-scroll or expanding rows
• All chat tests pass

Key changes

• ChatView: enable followOutput and manage sticky pin: webview-ui/src/components/chat/ChatView.tsx
• Guard textarea and row-height scrolls using isAtBottom

Tests

• webview-ui chat specs: 99/99 passing

Rationale

• Removes after-render debounce jumps and reduces complexity
• Lets Virtuoso own bottom-follow; tiny sticky follow ensures robust pin under fast streams

---

Important

Improves stick-to-bottom behavior in ChatView.tsx during streaming using Virtuoso with smooth follow mode and updated sticky follow logic.

• Behavior:
  • Improved stick-to-bottom behavior during streaming in ChatView.tsx using Virtuoso with followOutput set to "smooth".
  • Sticky follow mode engages on "scroll to bottom" and disengages on user up-scroll or row expansion.
• State Management:
  • Replaced disableAutoScrollRef with stickyFollowRef to manage sticky follow state.
  • Updated isAtBottom and showScrollToBottom state handling to reflect new scroll behavior.
• Event Handling:
  • Added handleWheel and onScroll to disable sticky follow on user scroll actions.
• Misc:
  • All chat tests pass, ensuring no regressions in functionality.

^{This description was created by for 36d6498. You can customize this summary. It will automatically update as commits are pushed.}

[roomote]

Oroocle   Follow along on Roo Cloud

Reviewed commit 9df6649. No new issues found.

Previous Reviews

• f858676: Review #1
• 27cb8ae: Review #2

_{Mention @roomote in a comment to trigger your PR Fixer agent and make changes to this pull request.}

Previous reviews

• 9df6649: Review #1
• f858676: Review #2
• 27cb8ae: Review #3

_{Mention @roomote in a comment to request specific changes to this pull request or fix all unresolved issues.}

[Copilot]

Pull Request Overview

This PR refactors the auto-scroll behavior in the chat view by replacing the disableAutoScrollRef pattern with a more intuitive "sticky follow" approach that works in conjunction with Virtuoso's built-in followOutput feature.

Key changes:

• Renamed disableAutoScrollRef to stickyFollowRef with inverted logic (true = follow enabled, false = follow disabled)
• Added followOutput="smooth" to the Virtuoso component to leverage built-in scroll following
• Removed the custom auto-scroll effect that triggered on message length changes
• Simplified scroll behavior logic in atBottomStateChange and wheel event handlers

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.