🤖 fix: simulate user scroll to disable auto-scroll in storybook

Author: ammar-agent

src/browser/stories/App.chat.stories.tsx

@@ -491,11 +491,24 @@ export const AutoCompactWarning: AppStory = {
       canvas.getByText(/access token expires in 15 minutes/);
     });
 
-    // Wait a bit for auto-scroll to settle, then scroll up
-    await new Promise((r) => setTimeout(r, 100));
+    // Wait for auto-scroll to settle and ResizeObserver callbacks to complete
+    await new Promise((r) => setTimeout(r, 300));
+
     const messageWindow = canvasElement.querySelector('[data-testid="message-window"]');
     if (messageWindow) {
-      messageWindow.scrollTop = messageWindow.scrollHeight - messageWindow.clientHeight - 150;
+      // The useAutoScroll hook tracks user interactions to distinguish user scrolls
+      // from programmatic scrolls. We need to simulate the full interaction flow:
+      // 1. Fire wheel event to mark user interaction timestamp
+      // 2. Change scrollTop to trigger scroll handler within the 100ms window
+      // 3. The handler detects upward scroll and disables auto-scroll
+      messageWindow.dispatchEvent(new WheelEvent("wheel", { bubbles: true, deltaY: -100 }));
+      const targetScroll = Math.max(
+        0,
+        messageWindow.scrollHeight - messageWindow.clientHeight - 250
+      );
+      messageWindow.scrollTop = targetScroll;
+      // Fire scroll event manually since programmatic scrollTop change may not trigger it
+      messageWindow.dispatchEvent(new Event("scroll", { bubbles: true }));
     }
   },
   parameters: {