fix: scroll command

Author: junocs

example/src/App.tsx

@@ -8,7 +8,7 @@ import {
   Switch,
   Alert,
 } from 'react-native';
-import { useState } from 'react';
+import { useState, useRef } from 'react';
 import { AgentKitProvider, useAgentKitStatus } from 'react-native-agentkit';
 
 function StatusBadge() {
@@ -35,6 +35,8 @@ function DemoApp() {
   const [email, setEmail] = useState('');
   const [agreed, setAgreed] = useState(false);
 
+  const scrollRef = useRef<any>(null);
+
   const handleSubmit = () => {
     Alert.alert(
       'Submitted!',
@@ -44,6 +46,7 @@ function DemoApp() {
 
   return (
     <ScrollView
+      ref={scrollRef}
       testID="main-scroll"
       style={styles.scrollView}
       contentContainerStyle={styles.scrollContent}

src/Introspector.ts

@@ -193,14 +193,101 @@ function resolveActions(
 /**
  * Extract handlers from props for the ActionExecutor.
  */
-function extractHandlers(props: Record<string, any>): ElementHandlers {
-  return {
+function extractHandlers(
+  props: Record<string, any>,
+  fiber: FiberNode,
+  type: ElementType
+): ElementHandlers {
+  const handlers: ElementHandlers = {
     onPress: props.onPress,
     onLongPress: props.onLongPress,
     onChangeText: props.onChangeText,
     onValueChange: props.onValueChange,
-    // scrollTo is attached via ref, we'll handle that separately
   };
+
+  // Attach scrollTo for scroll-type elements.
+  // The host fiber (RCTScrollView) stateNode is a raw native view that
+  // doesn't have scrollTo. The scrollTo lives on the composite ScrollView
+  // component instance, accessible via the ref on an ancestor fiber.
+  if (type === 'scroll') {
+    const scrollRef = findScrollRef(fiber);
+    if (scrollRef && typeof scrollRef.scrollTo === 'function') {
+      handlers.scrollTo = (opts) => scrollRef.scrollTo(opts);
+    }
+  }
+
+  return handlers;
+}
+
+/**
+ * Walk up ancestor fibers from a host ScrollView node to find a ref
+ * that exposes `scrollTo`. In React Native, the composite `ScrollView`
+ * component is typically 1-4 levels above the host `RCTScrollView` fiber.
+ */
+function findScrollRef(fiber: FiberNode): any {
+  let current: FiberNode | null = fiber;
+  let depth = 0;
+
+  while (current && depth < 8) {
+    // Check refs on composite components (the ScrollView JS component)
+    if (current.ref) {
+      const ref =
+        typeof current.ref === 'function'
+          ? null // callback refs — can't read synchronously
+          : current.ref?.current ?? current.ref;
+
+      if (ref) {
+        // Direct scrollTo on the ref (most common path)
+        if (typeof ref.scrollTo === 'function') {
+          return ref;
+        }
+        // Some wrappers use getNativeScrollRef
+        if (typeof ref.getNativeScrollRef === 'function') {
+          const inner = ref.getNativeScrollRef();
+          if (inner && typeof inner.scrollTo === 'function') {
+            return inner;
+          }
+        }
+        // Or getScrollResponder
+        if (typeof ref.getScrollResponder === 'function') {
+          const responder = ref.getScrollResponder();
+          if (responder && typeof responder.scrollTo === 'function') {
+            return responder;
+          }
+        }
+      }
+    }
+
+    // Also check stateNode for class component instances
+    if (current.stateNode && current.tag !== HOST_COMPONENT) {
+      const inst = current.stateNode;
+      if (typeof inst.scrollTo === 'function') {
+        return inst;
+      }
+      if (typeof inst.getNativeScrollRef === 'function') {
+        const inner = inst.getNativeScrollRef();
+        if (inner && typeof inner.scrollTo === 'function') {
+          return inner;
+        }
+      }
+      if (typeof inst.getScrollResponder === 'function') {
+        const responder = inst.getScrollResponder();
+        if (responder && typeof responder.scrollTo === 'function') {
+          return responder;
+        }
+      }
+    }
+
+    current = current.return;
+    depth++;
+  }
+
+  // Last resort: check the original fiber's stateNode directly
+  if (fiber.stateNode && typeof fiber.stateNode.scrollTo === 'function') {
+    return fiber.stateNode;
+  }
+
+  return null;
 }
 
 /**
@@ -397,7 +484,7 @@ function traverseFiber(
         accessibilityHint: props.accessibilityHint || props['aria-hint'],
       },
       ref: { current: fiber.stateNode },
-      handlers: extractHandlers(props),
+      handlers: extractHandlers(props, fiber, type),
     };
 
     elements.push(element);