@machina.ai/cell-cli 1.13.0-rc4 → 1.16.0-rc1

package/dist/src/ui/components/shared/ScrollableList.js

@@ -0,0 +1,152 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useRef, forwardRef, useImperativeHandle, useCallback, useMemo, useEffect, } from 'react';
+import { VirtualizedList, SCROLL_TO_ITEM_END, } from './VirtualizedList.js';
+import { useScrollable } from '../../contexts/ScrollProvider.js';
+import { Box } from 'ink';
+import { useAnimatedScrollbar } from '../../hooks/useAnimatedScrollbar.js';
+import { useKeypress } from '../../hooks/useKeypress.js';
+import { keyMatchers, Command } from '../../keyMatchers.js';
+const ANIMATION_FRAME_DURATION_MS = 33;
+function ScrollableList(props, ref) {
+    const { hasFocus } = props;
+    const virtualizedListRef = useRef(null);
+    const containerRef = useRef(null);
+    useImperativeHandle(ref, () => ({
+        scrollBy: (delta) => virtualizedListRef.current?.scrollBy(delta),
+        scrollTo: (offset) => virtualizedListRef.current?.scrollTo(offset),
+        scrollToEnd: () => virtualizedListRef.current?.scrollToEnd(),
+        scrollToIndex: (params) => virtualizedListRef.current?.scrollToIndex(params),
+        scrollToItem: (params) => virtualizedListRef.current?.scrollToItem(params),
+        getScrollIndex: () => virtualizedListRef.current?.getScrollIndex() ?? 0,
+        getScrollState: () => virtualizedListRef.current?.getScrollState() ?? {
+            scrollTop: 0,
+            scrollHeight: 0,
+            innerHeight: 0,
+        },
+    }), []);
+    const getScrollState = useCallback(() => virtualizedListRef.current?.getScrollState() ?? {
+        scrollTop: 0,
+        scrollHeight: 0,
+        innerHeight: 0,
+    }, []);
+    const scrollBy = useCallback((delta) => {
+        virtualizedListRef.current?.scrollBy(delta);
+    }, []);
+    const { scrollbarColor, flashScrollbar, scrollByWithAnimation } = useAnimatedScrollbar(hasFocus, scrollBy);
+    const smoothScrollState = useRef({ active: false, start: 0, from: 0, to: 0, duration: 0, timer: null });
+    const stopSmoothScroll = useCallback(() => {
+        if (smoothScrollState.current.timer) {
+            clearInterval(smoothScrollState.current.timer);
+            smoothScrollState.current.timer = null;
+        }
+        smoothScrollState.current.active = false;
+    }, []);
+    useEffect(() => stopSmoothScroll, [stopSmoothScroll]);
+    const smoothScrollTo = useCallback((targetScrollTop, duration = 200) => {
+        stopSmoothScroll();
+        const scrollState = virtualizedListRef.current?.getScrollState() ?? {
+            scrollTop: 0,
+            scrollHeight: 0,
+            innerHeight: 0,
+        };
+        const { scrollTop: startScrollTop, scrollHeight, innerHeight, } = scrollState;
+        const maxScrollTop = Math.max(0, scrollHeight - innerHeight);
+        let effectiveTarget = targetScrollTop;
+        if (targetScrollTop === SCROLL_TO_ITEM_END) {
+            effectiveTarget = maxScrollTop;
+        }
+        const clampedTarget = Math.max(0, Math.min(maxScrollTop, effectiveTarget));
+        if (duration === 0) {
+            if (targetScrollTop === SCROLL_TO_ITEM_END) {
+                virtualizedListRef.current?.scrollTo(SCROLL_TO_ITEM_END);
+            }
+            else {
+                virtualizedListRef.current?.scrollTo(Math.round(clampedTarget));
+            }
+            flashScrollbar();
+            return;
+        }
+        smoothScrollState.current = {
+            active: true,
+            start: Date.now(),
+            from: startScrollTop,
+            to: clampedTarget,
+            duration,
+            timer: setInterval(() => {
+                const now = Date.now();
+                const elapsed = now - smoothScrollState.current.start;
+                const progress = Math.min(elapsed / duration, 1);
+                // Ease-in-out
+                const t = progress;
+                const ease = t < 0.5 ? 2 * t * t : -1 + (4 - 2 * t) * t;
+                const current = smoothScrollState.current.from +
+                    (smoothScrollState.current.to - smoothScrollState.current.from) *
+                        ease;
+                if (progress >= 1) {
+                    if (targetScrollTop === SCROLL_TO_ITEM_END) {
+                        virtualizedListRef.current?.scrollTo(SCROLL_TO_ITEM_END);
+                    }
+                    else {
+                        virtualizedListRef.current?.scrollTo(Math.round(current));
+                    }
+                    stopSmoothScroll();
+                    flashScrollbar();
+                }
+                else {
+                    virtualizedListRef.current?.scrollTo(Math.round(current));
+                }
+            }, ANIMATION_FRAME_DURATION_MS),
+        };
+    }, [stopSmoothScroll, flashScrollbar]);
+    useKeypress((key) => {
+        if (keyMatchers[Command.SCROLL_UP](key)) {
+            stopSmoothScroll();
+            scrollByWithAnimation(-1);
+        }
+        else if (keyMatchers[Command.SCROLL_DOWN](key)) {
+            stopSmoothScroll();
+            scrollByWithAnimation(1);
+        }
+        else if (keyMatchers[Command.PAGE_UP](key) ||
+            keyMatchers[Command.PAGE_DOWN](key)) {
+            const direction = keyMatchers[Command.PAGE_UP](key) ? -1 : 1;
+            const scrollState = getScrollState();
+            const current = smoothScrollState.current.active
+                ? smoothScrollState.current.to
+                : scrollState.scrollTop;
+            const innerHeight = scrollState.innerHeight;
+            smoothScrollTo(current + direction * innerHeight);
+        }
+        else if (keyMatchers[Command.SCROLL_HOME](key)) {
+            smoothScrollTo(0);
+        }
+        else if (keyMatchers[Command.SCROLL_END](key)) {
+            smoothScrollTo(SCROLL_TO_ITEM_END);
+        }
+    }, { isActive: hasFocus });
+    const hasFocusCallback = useCallback(() => hasFocus, [hasFocus]);
+    const scrollableEntry = useMemo(() => ({
+        ref: containerRef,
+        getScrollState,
+        scrollBy: scrollByWithAnimation,
+        scrollTo: smoothScrollTo,
+        hasFocus: hasFocusCallback,
+        flashScrollbar,
+    }), [
+        getScrollState,
+        hasFocusCallback,
+        flashScrollbar,
+        scrollByWithAnimation,
+        smoothScrollTo,
+    ]);
+    useScrollable(scrollableEntry, hasFocus);
+    return (_jsx(Box, { ref: containerRef, flexGrow: 1, flexDirection: "column", overflow: "hidden", children: _jsx(VirtualizedList, { ref: virtualizedListRef, ...props, scrollbarThumbColor: scrollbarColor }) }));
+}
+const ScrollableListWithForwardRef = forwardRef(ScrollableList);
+export { ScrollableListWithForwardRef as ScrollableList };
+//# sourceMappingURL=ScrollableList.js.map

package/dist/src/ui/components/shared/ScrollableList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableList.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ScrollableList.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EACL,MAAM,EACN,UAAU,EACV,mBAAmB,EACnB,WAAW,EACX,OAAO,EACP,SAAS,GACV,MAAM,OAAO,CAAC;AAEf,OAAO,EACL,eAAe,EAEf,kBAAkB,GACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AACjE,OAAO,EAAE,GAAG,EAAmB,MAAM,KAAK,CAAC;AAC3C,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAY,MAAM,4BAA4B,CAAC;AACnE,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAE5D,MAAM,2BAA2B,GAAG,EAAE,CAAC;AAiBvC,SAAS,cAAc,CACrB,KAA6B,EAC7B,GAAoC;IAEpC,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC3B,MAAM,kBAAkB,GAAG,MAAM,CAAwB,IAAI,CAAC,CAAC;IAC/D,MAAM,YAAY,GAAG,MAAM,CAAa,IAAI,CAAC,CAAC;IAE9C,mBAAmB,CACjB,GAAG,EACH,GAAG,EAAE,CAAC,CAAC;QACL,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC;QAChE,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,MAAM,CAAC;QAClE,WAAW,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,WAAW,EAAE;QAC5D,aAAa,EAAE,CAAC,MAAM,EAAE,EAAE,CACxB,kBAAkB,CAAC,OAAO,EAAE,aAAa,CAAC,MAAM,CAAC;QACnD,YAAY,EAAE,CAAC,MAAM,EAAE,EAAE,CACvB,kBAAkB,CAAC,OAAO,EAAE,YAAY,CAAC,MAAM,CAAC;QAClD,cAAc,EAAE,GAAG,EAAE,CAAC,kBAAkB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI,CAAC;QACvE,cAAc,EAAE,GAAG,EAAE,CACnB,kBAAkB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI;YAC9C,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;SACf;KACJ,CAAC,EACF,EAAE,CACH,CAAC;IAEF,MAAM,cAAc,GAAG,WAAW,CAChC,GAAG,EAAE,CACH,kBAAkB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI;QAC9C,SAAS,EAAE,CAAC;QACZ,YAAY,EAAE,CAAC;QACf,WAAW,EAAE,CAAC;KACf,EACH,EAAE,CACH,CAAC;IAEF,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,KAAa,EAAE,EAAE;QAC7C,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC9C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,EAAE,cAAc,EAAE,cAAc,EAAE,qBAAqB,EAAE,GAC7D,oBAAoB,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAE3C,MAAM,iBAAiB,GAAG,MAAM,CAO7B,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;IAE1E,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE;QACxC,IAAI,iBAAiB,CAAC,OAAO,CAAC,KAAK,EAAE,CAAC;YACpC,aAAa,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;YAC/C,iBAAiB,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACzC,CAAC;QACD,iBAAiB,CAAC,OAAO,CAAC,MAAM,GAAG,KAAK,CAAC;IAC3C,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE,CAAC,gBAAgB,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEtD,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,eAAuB,EAAE,WAAmB,GAAG,EAAE,EAAE;QAClD,gBAAgB,EAAE,CAAC;QAEnB,MAAM,WAAW,GAAG,kBAAkB,CAAC,OAAO,EAAE,cAAc,EAAE,IAAI;YAClE,SAAS,EAAE,CAAC;YACZ,YAAY,EAAE,CAAC;YACf,WAAW,EAAE,CAAC;SACf,CAAC;QACF,MAAM,EACJ,SAAS,EAAE,cAAc,EACzB,YAAY,EACZ,WAAW,GACZ,GAAG,WAAW,CAAC;QAEhB,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,YAAY,GAAG,WAAW,CAAC,CAAC;QAE7D,IAAI,eAAe,GAAG,eAAe,CAAC;QACtC,IAAI,eAAe,KAAK,kBAAkB,EAAE,CAAC;YAC3C,eAAe,GAAG,YAAY,CAAC;QACjC,CAAC;QAED,MAAM,aAAa,GAAG,IAAI,CAAC,GAAG,CAC5B,CAAC,EACD,IAAI,CAAC,GAAG,CAAC,YAAY,EAAE,eAAe,CAAC,CACxC,CAAC;QAEF,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;YACnB,IAAI,eAAe,KAAK,kBAAkB,EAAE,CAAC;gBAC3C,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;YAC3D,CAAC;iBAAM,CAAC;gBACN,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC;YAClE,CAAC;YACD,cAAc,EAAE,CAAC;YACjB,OAAO;QACT,CAAC;QAED,iBAAiB,CAAC,OAAO,GAAG;YAC1B,MAAM,EAAE,IAAI;YACZ,KAAK,EAAE,IAAI,CAAC,GAAG,EAAE;YACjB,IAAI,EAAE,cAAc;YACpB,EAAE,EAAE,aAAa;YACjB,QAAQ;YACR,KAAK,EAAE,WAAW,CAAC,GAAG,EAAE;gBACtB,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;gBACvB,MAAM,OAAO,GAAG,GAAG,GAAG,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC;gBACtD,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,QAAQ,EAAE,CAAC,CAAC,CAAC;gBAEjD,cAAc;gBACd,MAAM,CAAC,GAAG,QAAQ,CAAC;gBACnB,MAAM,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC;gBAExD,MAAM,OAAO,GACX,iBAAiB,CAAC,OAAO,CAAC,IAAI;oBAC9B,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE,GAAG,iBAAiB,CAAC,OAAO,CAAC,IAAI,CAAC;wBAC7D,IAAI,CAAC;gBAET,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;oBAClB,IAAI,eAAe,KAAK,kBAAkB,EAAE,CAAC;wBAC3C,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC,CAAC;oBAC3D,CAAC;yBAAM,CAAC;wBACN,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;oBAC5D,CAAC;oBACD,gBAAgB,EAAE,CAAC;oBACnB,cAAc,EAAE,CAAC;gBACnB,CAAC;qBAAM,CAAC;oBACN,kBAAkB,CAAC,OAAO,EAAE,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC;gBAC5D,CAAC;YACH,CAAC,EAAE,2BAA2B,CAAC;SAChC,CAAC;IACJ,CAAC,EACD,CAAC,gBAAgB,EAAE,cAAc,CAAC,CACnC,CAAC;IAEF,WAAW,CACT,CAAC,GAAQ,EAAE,EAAE;QACX,IAAI,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACxC,gBAAgB,EAAE,CAAC;YACnB,qBAAqB,CAAC,CAAC,CAAC,CAAC,CAAC;QAC5B,CAAC;aAAM,IAAI,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACjD,gBAAgB,EAAE,CAAC;YACnB,qBAAqB,CAAC,CAAC,CAAC,CAAC;QAC3B,CAAC;aAAM,IACL,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC;YACjC,WAAW,CAAC,OAAO,CAAC,SAAS,CAAC,CAAC,GAAG,CAAC,EACnC,CAAC;YACD,MAAM,SAAS,GAAG,WAAW,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YAC7D,MAAM,WAAW,GAAG,cAAc,EAAE,CAAC;YACrC,MAAM,OAAO,GAAG,iBAAiB,CAAC,OAAO,CAAC,MAAM;gBAC9C,CAAC,CAAC,iBAAiB,CAAC,OAAO,CAAC,EAAE;gBAC9B,CAAC,CAAC,WAAW,CAAC,SAAS,CAAC;YAC1B,MAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAC;YAC5C,cAAc,CAAC,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;QACpD,CAAC;aAAM,IAAI,WAAW,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACjD,cAAc,CAAC,CAAC,CAAC,CAAC;QACpB,CAAC;aAAM,IAAI,WAAW,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YAChD,cAAc,CAAC,kBAAkB,CAAC,CAAC;QACrC,CAAC;IACH,CAAC,EACD,EAAE,QAAQ,EAAE,QAAQ,EAAE,CACvB,CAAC;IAEF,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,MAAM,eAAe,GAAG,OAAO,CAC7B,GAAG,EAAE,CAAC,CAAC;QACL,GAAG,EAAE,YAA2C;QAChD,cAAc;QACd,QAAQ,EAAE,qBAAqB;QAC/B,QAAQ,EAAE,cAAc;QACxB,QAAQ,EAAE,gBAAgB;QAC1B,cAAc;KACf,CAAC,EACF;QACE,cAAc;QACd,gBAAgB;QAChB,cAAc;QACd,qBAAqB;QACrB,cAAc;KACf,CACF,CAAC;IAEF,aAAa,CAAC,eAAe,EAAE,QAAQ,CAAC,CAAC;IAEzC,OAAO,CACL,KAAC,GAAG,IACF,GAAG,EAAE,YAAY,EACjB,QAAQ,EAAE,CAAC,EACX,aAAa,EAAC,QAAQ,EACtB,QAAQ,EAAC,QAAQ,YAEjB,KAAC,eAAe,IACd,GAAG,EAAE,kBAAkB,KACnB,KAAK,EACT,mBAAmB,EAAE,cAAc,GACnC,GACE,CACP,CAAC;AACJ,CAAC;AAED,MAAM,4BAA4B,GAAG,UAAU,CAAC,cAAc,CAEvC,CAAC;AAExB,OAAO,EAAE,4BAA4B,IAAI,cAAc,EAAE,CAAC"}

package/dist/src/ui/components/shared/ScrollableList.test.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+export {};

package/dist/src/ui/components/shared/ScrollableList.test.js

@@ -0,0 +1,228 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import { useState, useEffect, useRef, act } from 'react';
+import { render } from 'ink-testing-library';
+import { Box, Text } from 'ink';
+import { ScrollableList } from './ScrollableList.js';
+import { ScrollProvider } from '../../contexts/ScrollProvider.js';
+import { KeypressProvider } from '../../contexts/KeypressContext.js';
+import { MouseProvider } from '../../contexts/MouseContext.js';
+import { describe, it, expect, vi } from 'vitest';
+import { waitFor } from '../../../test-utils/async.js';
+// Mock useStdout to provide a fixed size for testing
+vi.mock('ink', async (importOriginal) => {
+    const actual = await importOriginal();
+    return {
+        ...actual,
+        useStdout: () => ({
+            stdout: {
+                columns: 80,
+                rows: 24,
+                on: vi.fn(),
+                off: vi.fn(),
+                write: vi.fn(),
+            },
+        }),
+    };
+});
+const getLorem = (index) => Array(10)
+    .fill(null)
+    .map(() => 'lorem ipsum '.repeat((index % 3) + 1).trim())
+    .join('\n');
+const TestComponent = ({ initialItems = 1000, onAddItem, onRef, }) => {
+    const [items, setItems] = useState(() => Array.from({ length: initialItems }, (_, i) => ({
+        id: String(i),
+        title: `Item ${i + 1}`,
+    })));
+    const listRef = useRef(null);
+    useEffect(() => {
+        onAddItem?.(() => {
+            setItems((prev) => [
+                ...prev,
+                {
+                    id: String(prev.length),
+                    title: `Item ${prev.length + 1}`,
+                },
+            ]);
+        });
+    }, [onAddItem]);
+    useEffect(() => {
+        if (onRef) {
+            onRef(listRef.current);
+        }
+    }, [onRef]);
+    return (_jsx(MouseProvider, { mouseEventsEnabled: false, children: _jsx(KeypressProvider, { children: _jsx(ScrollProvider, { children: _jsxs(Box, { flexDirection: "column", width: 80, height: 24, padding: 1, children: [_jsx(Box, { flexGrow: 1, borderStyle: "round", borderColor: "cyan", children: _jsx(ScrollableList, { ref: listRef, data: items, renderItem: ({ item, index }) => (_jsxs(Box, { flexDirection: "column", paddingBottom: 2, children: [_jsx(Box, { sticky: true, flexDirection: "column", width: 78, opaque: true, stickyChildren: _jsxs(Box, { flexDirection: "column", width: 78, opaque: true, children: [_jsx(Text, { children: item.title }), _jsx(Box, { borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: "gray" })] }), children: _jsx(Text, { children: item.title }) }), _jsx(Text, { color: "gray", children: getLorem(index) })] })), estimatedItemHeight: () => 14, keyExtractor: (item) => item.id, hasFocus: true, initialScrollIndex: Number.MAX_SAFE_INTEGER }) }), _jsxs(Text, { children: ["Count: ", items.length] })] }) }) }) }));
+};
+describe('ScrollableList Demo Behavior', () => {
+    it('should scroll to bottom when new items are added and stop when scrolled up', async () => {
+        let addItem;
+        let listRef = null;
+        let lastFrame;
+        await act(async () => {
+            const result = render(_jsx(TestComponent, { onAddItem: (add) => {
+                    addItem = add;
+                }, onRef: (ref) => {
+                    listRef = ref;
+                } }));
+            lastFrame = result.lastFrame;
+        });
+        // Initial render should show Item 1000
+        expect(lastFrame()).toContain('Item 1000');
+        expect(lastFrame()).toContain('Count: 1000');
+        // Add item 1001
+        await act(async () => {
+            addItem?.();
+        });
+        await waitFor(() => {
+            expect(lastFrame()).toContain('Count: 1001');
+        });
+        expect(lastFrame()).toContain('Item 1001');
+        expect(lastFrame()).not.toContain('Item 990'); // Should have scrolled past it
+        // Add item 1002
+        await act(async () => {
+            addItem?.();
+        });
+        await waitFor(() => {
+            expect(lastFrame()).toContain('Count: 1002');
+        });
+        expect(lastFrame()).toContain('Item 1002');
+        expect(lastFrame()).not.toContain('Item 991');
+        // Scroll up directly via ref
+        await act(async () => {
+            listRef?.scrollBy(-5);
+        });
+        await act(async () => {
+            await new Promise((resolve) => setTimeout(resolve, 100));
+        });
+        // Add item 1003 - should NOT be visible because we scrolled up
+        await act(async () => {
+            addItem?.();
+        });
+        await waitFor(() => {
+            expect(lastFrame()).toContain('Count: 1003');
+        });
+        expect(lastFrame()).not.toContain('Item 1003');
+    });
+    it('should display sticky header when scrolled past the item', async () => {
+        let listRef = null;
+        const StickyTestComponent = () => {
+            const items = Array.from({ length: 100 }, (_, i) => ({
+                id: String(i),
+                title: `Item ${i + 1}`,
+            }));
+            const ref = useRef(null);
+            useEffect(() => {
+                listRef = ref.current;
+            }, []);
+            return (_jsx(MouseProvider, { mouseEventsEnabled: false, children: _jsx(KeypressProvider, { children: _jsx(ScrollProvider, { children: _jsx(Box, { flexDirection: "column", width: 80, height: 10, children: _jsx(ScrollableList, { ref: ref, data: items, renderItem: ({ item, index }) => (_jsxs(Box, { flexDirection: "column", height: 3, children: [index === 0 ? (_jsx(Box, { sticky: true, stickyChildren: _jsxs(Text, { children: ["[STICKY] ", item.title] }), children: _jsxs(Text, { children: ["[Normal] ", item.title] }) })) : (_jsxs(Text, { children: ["[Normal] ", item.title] })), _jsxs(Text, { children: ["Content for ", item.title] }), _jsxs(Text, { children: ["More content for ", item.title] })] })), estimatedItemHeight: () => 3, keyExtractor: (item) => item.id, hasFocus: true }) }) }) }) }));
+        };
+        let lastFrame;
+        await act(async () => {
+            const result = render(_jsx(StickyTestComponent, {}));
+            lastFrame = result.lastFrame;
+        });
+        // Initially at top, should see Normal Item 1
+        await waitFor(() => {
+            expect(lastFrame()).toContain('[Normal] Item 1');
+        });
+        expect(lastFrame()).not.toContain('[STICKY] Item 1');
+        // Scroll down slightly. Item 1 (height 3) is now partially off-screen (-2), so it should stick.
+        await act(async () => {
+            listRef?.scrollBy(2);
+        });
+        // Now Item 1 should be stuck
+        await waitFor(() => {
+            expect(lastFrame()).toContain('[STICKY] Item 1');
+        });
+        expect(lastFrame()).not.toContain('[Normal] Item 1');
+        // Scroll further down to unmount Item 1.
+        // Viewport height 10, item height 3. Scroll to 10.
+        // startIndex should be around 2, so Item 1 (index 0) is unmounted.
+        await act(async () => {
+            listRef?.scrollTo(10);
+        });
+        await waitFor(() => {
+            expect(lastFrame()).not.toContain('[STICKY] Item 1');
+        });
+        // Scroll back to top
+        await act(async () => {
+            listRef?.scrollTo(0);
+        });
+        // Should be normal again
+        await waitFor(() => {
+            expect(lastFrame()).toContain('[Normal] Item 1');
+        });
+        expect(lastFrame()).not.toContain('[STICKY] Item 1');
+    });
+    describe('Keyboard Navigation', () => {
+        it('should handle scroll keys correctly', async () => {
+            let listRef = null;
+            let lastFrame;
+            let stdin;
+            const items = Array.from({ length: 50 }, (_, i) => ({
+                id: String(i),
+                title: `Item ${i}`,
+            }));
+            await act(async () => {
+                const result = render(_jsx(MouseProvider, { mouseEventsEnabled: false, children: _jsx(KeypressProvider, { children: _jsx(ScrollProvider, { children: _jsx(Box, { flexDirection: "column", width: 80, height: 10, children: _jsx(ScrollableList, { ref: (ref) => {
+                                        listRef = ref;
+                                    }, data: items, renderItem: ({ item }) => _jsx(Text, { children: item.title }), estimatedItemHeight: () => 1, keyExtractor: (item) => item.id, hasFocus: true }) }) }) }) }));
+                lastFrame = result.lastFrame;
+                stdin = result.stdin;
+            });
+            // Initial state
+            expect(lastFrame()).toContain('Item 0');
+            expect(listRef).toBeDefined();
+            expect(listRef.getScrollState()?.scrollTop).toBe(0);
+            // Scroll Down (Shift+Down) -> \x1b[b
+            await act(async () => {
+                stdin.write('\x1b[b');
+            });
+            await waitFor(() => {
+                expect(listRef?.getScrollState()?.scrollTop).toBeGreaterThan(0);
+            });
+            // Scroll Up (Shift+Up) -> \x1b[a
+            await act(async () => {
+                stdin.write('\x1b[a');
+            });
+            await waitFor(() => {
+                expect(listRef?.getScrollState()?.scrollTop).toBe(0);
+            });
+            // Page Down -> \x1b[6~
+            await act(async () => {
+                stdin.write('\x1b[6~');
+            });
+            await waitFor(() => {
+                // Height is 10, so should scroll ~10 units
+                expect(listRef?.getScrollState()?.scrollTop).toBeGreaterThanOrEqual(9);
+            });
+            // Page Up -> \x1b[5~
+            await act(async () => {
+                stdin.write('\x1b[5~');
+            });
+            await waitFor(() => {
+                expect(listRef?.getScrollState()?.scrollTop).toBeLessThan(2);
+            });
+            // End -> \x1b[F
+            await act(async () => {
+                stdin.write('\x1b[F');
+            });
+            await waitFor(() => {
+                // Total 50 items, height 10. Max scroll ~40.
+                expect(listRef?.getScrollState()?.scrollTop).toBeGreaterThan(30);
+            });
+            // Home -> \x1b[H
+            await act(async () => {
+                stdin.write('\x1b[H');
+            });
+            await waitFor(() => {
+                expect(listRef?.getScrollState()?.scrollTop).toBe(0);
+            });
+        });
+    });
+});
+//# sourceMappingURL=ScrollableList.test.js.map

package/dist/src/ui/components/shared/ScrollableList.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollableList.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/ScrollableList.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/ui/components/shared/VirtualizedList.d.ts

@@ -0,0 +1,44 @@
+/**
+ * @license
+ * Copyright 2025 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import type React from 'react';
+export declare const SCROLL_TO_ITEM_END: number;
+type VirtualizedListProps<T> = {
+    data: T[];
+    renderItem: (info: {
+        item: T;
+        index: number;
+    }) => React.ReactElement;
+    estimatedItemHeight: (index: number) => number;
+    keyExtractor: (item: T, index: number) => string;
+    initialScrollIndex?: number;
+    initialScrollOffsetInIndex?: number;
+    scrollbarThumbColor?: string;
+};
+export type VirtualizedListRef<T> = {
+    scrollBy: (delta: number) => void;
+    scrollTo: (offset: number) => void;
+    scrollToEnd: () => void;
+    scrollToIndex: (params: {
+        index: number;
+        viewOffset?: number;
+        viewPosition?: number;
+    }) => void;
+    scrollToItem: (params: {
+        item: T;
+        viewOffset?: number;
+        viewPosition?: number;
+    }) => void;
+    getScrollIndex: () => number;
+    getScrollState: () => {
+        scrollTop: number;
+        scrollHeight: number;
+        innerHeight: number;
+    };
+};
+declare const VirtualizedListWithForwardRef: <T>(props: VirtualizedListProps<T> & {
+    ref?: React.Ref<VirtualizedListRef<T>>;
+}) => React.ReactElement;
+export { VirtualizedListWithForwardRef as VirtualizedList };