@google/gemini-cli 0.30.1 → 0.31.0-preview.1

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

@@ -1,72 +1,84 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * @license
+ * Copyright 2026 Google LLC
+ * SPDX-License-Identifier: Apache-2.0
+ */
+import React, { useMemo, useCallback } from 'react';
 import { Box, Text } from 'ink';
 import { theme } from '../../semantic-colors.js';
+import { useSelectionList } from '../../hooks/useSelectionList.js';
 import { TextInput } from './TextInput.js';
 import { useKeypress } from '../../hooks/useKeypress.js';
 import { keyMatchers, Command } from '../../keyMatchers.js';
-import { useFuzzyList, } from '../../hooks/useFuzzyList.js';
 /**
- * A generic searchable list component.
+ * A generic searchable list component with keyboard navigation.
  */
-export function SearchableList({ title, items, onSelect, onClose, initialSearchQuery = '', searchPlaceholder = 'Search...', maxItemsToShow = 10, }) {
-    const { filteredItems, searchBuffer, maxLabelWidth } = useFuzzyList({
+export function SearchableList({ title, items, onSelect, onClose, searchPlaceholder = 'Search...', renderItem, header, footer, maxItemsToShow = 10, useSearch, onSearch, resetSelectionOnItemsChange = false, }) {
+    const { filteredItems, searchBuffer, maxLabelWidth } = useSearch({
         items,
-        initialQuery: initialSearchQuery,
+        onSearch,
     });
-    const [activeIndex, setActiveIndex] = useState(0);
-    const [scrollOffset, setScrollOffset] = useState(0);
-    // Reset selection when filtered items change
-    useEffect(() => {
-        setActiveIndex(0);
-        setScrollOffset(0);
-    }, [filteredItems]);
-    // Calculate visible items
-    const visibleItems = filteredItems.slice(scrollOffset, scrollOffset + maxItemsToShow);
-    const showScrollUp = scrollOffset > 0;
-    const showScrollDown = scrollOffset + maxItemsToShow < filteredItems.length;
-    useKeypress((key) => {
-        // Navigation
-        if (keyMatchers[Command.DIALOG_NAVIGATION_UP](key)) {
-            const newIndex = activeIndex > 0 ? activeIndex - 1 : filteredItems.length - 1;
-            setActiveIndex(newIndex);
-            if (newIndex === filteredItems.length - 1) {
-                setScrollOffset(Math.max(0, filteredItems.length - maxItemsToShow));
-            }
-            else if (newIndex < scrollOffset) {
-                setScrollOffset(newIndex);
-            }
-            return;
-        }
-        if (keyMatchers[Command.DIALOG_NAVIGATION_DOWN](key)) {
-            const newIndex = activeIndex < filteredItems.length - 1 ? activeIndex + 1 : 0;
-            setActiveIndex(newIndex);
-            if (newIndex === 0) {
-                setScrollOffset(0);
-            }
-            else if (newIndex >= scrollOffset + maxItemsToShow) {
-                setScrollOffset(newIndex - maxItemsToShow + 1);
-            }
-            return;
-        }
-        // Selection
-        if (keyMatchers[Command.RETURN](key)) {
-            const item = filteredItems[activeIndex];
-            if (item) {
-                onSelect(item);
-            }
-            return;
+    const selectionItems = useMemo(() => filteredItems.map((item) => ({
+        key: item.key,
+        value: item,
+    })), [filteredItems]);
+    const handleSelectValue = useCallback((item) => {
+        onSelect(item);
+    }, [onSelect]);
+    const { activeIndex, setActiveIndex } = useSelectionList({
+        items: selectionItems,
+        onSelect: handleSelectValue,
+        isFocused: true,
+        showNumbers: false,
+        wrapAround: true,
+        priority: true,
+    });
+    const [scrollOffsetState, setScrollOffsetState] = React.useState(0);
+    // Compute effective scroll offset during render to avoid visual flicker
+    let scrollOffset = scrollOffsetState;
+    if (activeIndex < scrollOffset) {
+        scrollOffset = activeIndex;
+    }
+    else if (activeIndex >= scrollOffset + maxItemsToShow) {
+        scrollOffset = activeIndex - maxItemsToShow + 1;
+    }
+    const maxScroll = Math.max(0, filteredItems.length - maxItemsToShow);
+    if (scrollOffset > maxScroll) {
+        scrollOffset = maxScroll;
+    }
+    // Update state to match derived value if it changed
+    if (scrollOffsetState !== scrollOffset) {
+        setScrollOffsetState(scrollOffset);
+    }
+    // Reset selection to top when items change if requested
+    const prevItemsRef = React.useRef(filteredItems);
+    React.useLayoutEffect(() => {
+        if (resetSelectionOnItemsChange && filteredItems !== prevItemsRef.current) {
+            setActiveIndex(0);
+            setScrollOffsetState(0);
         }
-        // Close
+        prevItemsRef.current = filteredItems;
+    }, [filteredItems, setActiveIndex, resetSelectionOnItemsChange]);
+    // Handle global Escape key to close the list
+    useKeypress((key) => {
         if (keyMatchers[Command.ESCAPE](key)) {
-            onClose?.();
-            return;
+            onClose();
+            return true;
         }
+        return false;
     }, { isActive: true });
-    return (_jsxs(Box, { borderStyle: "round", borderColor: theme.border.default, flexDirection: "column", padding: 1, width: "100%", children: [title && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: title }) })), searchBuffer && (_jsx(Box, { borderStyle: "round", borderColor: theme.border.focused, paddingX: 1, marginBottom: 1, children: _jsx(TextInput, { buffer: searchBuffer, placeholder: searchPlaceholder, focus: true }) })), _jsx(Box, { flexDirection: "column", children: visibleItems.length === 0 ? (_jsx(Text, { color: theme.text.secondary, children: "No items found." })) : (visibleItems.map((item, idx) => {
-                    const index = scrollOffset + idx;
-                    const isActive = index === activeIndex;
-                    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isActive ? theme.status.success : theme.text.secondary, children: isActive ? '> ' : '  ' }), _jsx(Box, { width: maxLabelWidth + 2, children: _jsx(Text, { color: isActive ? theme.status.success : theme.text.primary, children: item.label }) }), item.description && (_jsx(Text, { color: theme.text.secondary, children: item.description }))] }, item.key));
-                })) }), (showScrollUp || showScrollDown) && (_jsx(Box, { marginTop: 1, justifyContent: "center", children: _jsxs(Text, { color: theme.text.secondary, children: [showScrollUp ? '▲ ' : '  ', filteredItems.length, " items", showScrollDown ? ' ▼' : '  '] }) }))] }));
+    const visibleItems = filteredItems.slice(scrollOffset, scrollOffset + maxItemsToShow);
+    const defaultRenderItem = (item, isActive, labelWidth) => (_jsxs(Box, { flexDirection: "row", alignItems: "flex-start", children: [_jsx(Box, { minWidth: 2, flexShrink: 0, children: _jsx(Text, { color: isActive ? theme.status.success : theme.text.secondary, children: isActive ? '●' : '' }) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, minWidth: 0, children: [_jsx(Text, { color: isActive ? theme.status.success : theme.text.primary, children: item.label.padEnd(labelWidth) }), item.description && (_jsx(Text, { color: theme.text.secondary, wrap: "truncate-end", children: item.description }))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", width: "100%", height: "100%", paddingX: 1, children: [title && (_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, color: theme.text.primary, children: title }) })), searchBuffer && (_jsx(Box, { borderStyle: "round", borderColor: theme.border.default, paddingX: 1, marginBottom: 1, children: _jsx(TextInput, { buffer: searchBuffer, placeholder: searchPlaceholder, focus: true }) })), header && _jsx(Box, { marginBottom: 1, children: header }), _jsx(Box, { flexDirection: "column", flexGrow: 1, children: filteredItems.length === 0 ? (_jsx(Box, { marginX: 2, children: _jsx(Text, { color: theme.text.secondary, children: "No items found." }) })) : (_jsxs(_Fragment, { children: [filteredItems.length > maxItemsToShow && (_jsx(Box, { marginX: 1, children: _jsx(Text, { color: theme.text.secondary, children: "\u25B2" }) })), visibleItems.map((item, index) => {
+                            const isSelected = activeIndex === scrollOffset + index;
+                            return (_jsx(Box, { marginBottom: 1, marginX: 1, children: renderItem
+                                    ? renderItem(item, isSelected, maxLabelWidth)
+                                    : defaultRenderItem(item, isSelected, maxLabelWidth) }, item.key));
+                        }), filteredItems.length > maxItemsToShow && (_jsx(Box, { marginX: 1, children: _jsx(Text, { color: theme.text.secondary, children: "\u25BC" }) }))] })) }), footer && (_jsx(Box, { marginTop: 1, children: footer({
+                    startIndex: scrollOffset,
+                    endIndex: scrollOffset + visibleItems.length,
+                    totalVisible: filteredItems.length,
+                }) }))] }));
 }
 //# sourceMappingURL=SearchableList.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SearchableList.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SearchableList.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchableList.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SearchableList.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AACjD,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAyD5D;;GAEG;AACH,MAAM,UAAU,cAAc,CAA4B,EACxD,KAAK,EACL,KAAK,EACL,QAAQ,EACR,OAAO,EACP,iBAAiB,GAAG,WAAW,EAC/B,UAAU,EACV,MAAM,EACN,MAAM,EACN,cAAc,GAAG,EAAE,EACnB,SAAS,EACT,QAAQ,EACR,2BAA2B,GAAG,KAAK,GACZ;IACvB,MAAM,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,GAAG,SAAS,CAAC;QAC/D,KAAK;QACL,QAAQ;KACT,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CACH,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC;QAC3B,GAAG,EAAE,IAAI,CAAC,GAAG;QACb,KAAK,EAAE,IAAI;KACZ,CAAC,CAAC,EACL,CAAC,aAAa,CAAC,CAChB,CAAC;IAEF,MAAM,iBAAiB,GAAG,WAAW,CACnC,CAAC,IAAO,EAAE,EAAE;QACV,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EACD,CAAC,QAAQ,CAAC,CACX,CAAC;IAEF,MAAM,EAAE,WAAW,EAAE,cAAc,EAAE,GAAG,gBAAgB,CAAC;QACvD,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,iBAAiB;QAC3B,SAAS,EAAE,IAAI;QACf,WAAW,EAAE,KAAK;QAClB,UAAU,EAAE,IAAI;QAChB,QAAQ,EAAE,IAAI;KACf,CAAC,CAAC;IAEH,MAAM,CAAC,iBAAiB,EAAE,oBAAoB,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IAEpE,wEAAwE;IACxE,IAAI,YAAY,GAAG,iBAAiB,CAAC;IAErC,IAAI,WAAW,GAAG,YAAY,EAAE,CAAC;QAC/B,YAAY,GAAG,WAAW,CAAC;IAC7B,CAAC;SAAM,IAAI,WAAW,IAAI,YAAY,GAAG,cAAc,EAAE,CAAC;QACxD,YAAY,GAAG,WAAW,GAAG,cAAc,GAAG,CAAC,CAAC;IAClD,CAAC;IAED,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,MAAM,GAAG,cAAc,CAAC,CAAC;IACrE,IAAI,YAAY,GAAG,SAAS,EAAE,CAAC;QAC7B,YAAY,GAAG,SAAS,CAAC;IAC3B,CAAC;IAED,oDAAoD;IACpD,IAAI,iBAAiB,KAAK,YAAY,EAAE,CAAC;QACvC,oBAAoB,CAAC,YAAY,CAAC,CAAC;IACrC,CAAC;IAED,wDAAwD;IACxD,MAAM,YAAY,GAAG,KAAK,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC;IACjD,KAAK,CAAC,eAAe,CAAC,GAAG,EAAE;QACzB,IAAI,2BAA2B,IAAI,aAAa,KAAK,YAAY,CAAC,OAAO,EAAE,CAAC;YAC1E,cAAc,CAAC,CAAC,CAAC,CAAC;YAClB,oBAAoB,CAAC,CAAC,CAAC,CAAC;QAC1B,CAAC;QACD,YAAY,CAAC,OAAO,GAAG,aAAa,CAAC;IACvC,CAAC,EAAE,CAAC,aAAa,EAAE,cAAc,EAAE,2BAA2B,CAAC,CAAC,CAAC;IAEjE,6CAA6C;IAC7C,WAAW,CACT,CAAC,GAAG,EAAE,EAAE;QACN,IAAI,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,CAAC;YACrC,OAAO,EAAE,CAAC;YACV,OAAO,IAAI,CAAC;QACd,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC,EACD,EAAE,QAAQ,EAAE,IAAI,EAAE,CACnB,CAAC;IAEF,MAAM,YAAY,GAAG,aAAa,CAAC,KAAK,CACtC,YAAY,EACZ,YAAY,GAAG,cAAc,CAC9B,CAAC;IAEF,MAAM,iBAAiB,GAAG,CACxB,IAAO,EACP,QAAiB,EACjB,UAAkB,EAClB,EAAE,CAAC,CACH,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,UAAU,EAAC,YAAY,aAC9C,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,YAC7B,KAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,YAChE,QAAQ,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GACf,GACH,EACN,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,aAClD,KAAC,IAAI,IAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,YAC9D,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,GACzB,EACN,IAAI,CAAC,WAAW,IAAI,CACnB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,YACnD,IAAI,CAAC,WAAW,GACZ,CACR,IACG,IACF,CACP,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,EAAE,CAAC,aAC/D,KAAK,IAAI,CACR,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,YAClB,KAAC,IAAI,IAAC,IAAI,QAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,YACjC,KAAK,GACD,GACH,CACP,EAEA,YAAY,IAAI,CACf,KAAC,GAAG,IACF,WAAW,EAAC,OAAO,EACnB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,EACjC,QAAQ,EAAE,CAAC,EACX,YAAY,EAAE,CAAC,YAEf,KAAC,SAAS,IACR,MAAM,EAAE,YAAY,EACpB,WAAW,EAAE,iBAAiB,EAC9B,KAAK,EAAE,IAAI,GACX,GACE,CACP,EAEA,MAAM,IAAI,KAAC,GAAG,IAAC,YAAY,EAAE,CAAC,YAAG,MAAM,GAAO,EAE/C,KAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAE,CAAC,YACpC,aAAa,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC5B,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,gCAAwB,GACrD,CACP,CAAC,CAAC,CAAC,CACF,8BACG,aAAa,CAAC,MAAM,GAAG,cAAc,IAAI,CACxC,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,uBAAU,GACvC,CACP,EACA,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;4BAChC,MAAM,UAAU,GAAG,WAAW,KAAK,YAAY,GAAG,KAAK,CAAC;4BACxD,OAAO,CACL,KAAC,GAAG,IAAgB,YAAY,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,YAC5C,UAAU;oCACT,CAAC,CAAC,UAAU,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC;oCAC7C,CAAC,CAAC,iBAAiB,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,IAH9C,IAAI,CAAC,GAAG,CAIZ,CACP,CAAC;wBACJ,CAAC,CAAC,EACD,aAAa,CAAC,MAAM,GAAG,cAAc,IAAI,CACxC,KAAC,GAAG,IAAC,OAAO,EAAE,CAAC,YACb,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,uBAAU,GACvC,CACP,IACA,CACJ,GACG,EAEL,MAAM,IAAI,CACT,KAAC,GAAG,IAAC,SAAS,EAAE,CAAC,YACd,MAAM,CAAC;oBACN,UAAU,EAAE,YAAY;oBACxB,QAAQ,EAAE,YAAY,GAAG,YAAY,CAAC,MAAM;oBAC5C,YAAY,EAAE,aAAa,CAAC,MAAM;iBACnC,CAAC,GACE,CACP,IACG,CACP,CAAC;AACJ,CAAC"}

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

@@ -8,10 +8,30 @@ import React from 'react';
 import { render } from '../../../test-utils/render.js';
 import { waitFor } from '../../../test-utils/async.js';
 import { describe, it, expect, vi, beforeEach } from 'vitest';
-import { SearchableList } from './SearchableList.js';
+import { SearchableList, } from './SearchableList.js';
 import { KeypressProvider } from '../../contexts/KeypressContext.js';
-import {} from '../../hooks/useFuzzyList.js';
-// Mock UI State
+import { useTextBuffer } from './text-buffer.js';
+const useMockSearch = (props) => {
+    const { onSearch, items, initialQuery = '' } = props;
+    const [text, setText] = React.useState(initialQuery);
+    const filteredItems = React.useMemo(() => items.filter((item) => item.label.toLowerCase().includes(text.toLowerCase())), [items, text]);
+    React.useEffect(() => {
+        onSearch?.(text);
+    }, [text, onSearch]);
+    const searchBuffer = useTextBuffer({
+        initialText: text,
+        onChange: setText,
+        viewport: { width: 100, height: 1 },
+        singleLine: true,
+    });
+    return {
+        filteredItems,
+        searchBuffer,
+        searchQuery: text,
+        setSearchQuery: setText,
+        maxLabelWidth: 10,
+    };
+};
 vi.mock('../../contexts/UIStateContext.js', () => ({
     useUIState: () => ({
         mainAreaWidth: 100,
@@ -48,25 +68,57 @@ describe('SearchableList', () => {
             items: mockItems,
             onSelect: mockOnSelect,
             onClose: mockOnClose,
+            useSearch: useMockSearch,
             ...props,
         };
         return render(_jsx(KeypressProvider, { children: _jsx(SearchableList, { ...defaultProps }) }));
     };
-    it('should render all items initially', () => {
-        const { lastFrame } = renderList();
+    it('should render all items initially', async () => {
+        const { lastFrame, waitUntilReady } = renderList();
+        await waitUntilReady();
         const frame = lastFrame();
-        // Check for title
         expect(frame).toContain('Test List');
-        // Check for items
         expect(frame).toContain('Item One');
         expect(frame).toContain('Item Two');
         expect(frame).toContain('Item Three');
-        // Check for descriptions
         expect(frame).toContain('Description for item one');
     });
+    it('should reset selection to top when items change if resetSelectionOnItemsChange is true', async () => {
+        const { lastFrame, stdin, waitUntilReady } = renderList({
+            resetSelectionOnItemsChange: true,
+        });
+        await waitUntilReady();
+        await React.act(async () => {
+            stdin.write('\u001B[B'); // Down arrow
+        });
+        await waitFor(() => {
+            const frame = lastFrame();
+            expect(frame).toContain('● Item Two');
+        });
+        expect(lastFrame()).toMatchSnapshot();
+        await React.act(async () => {
+            stdin.write('One');
+        });
+        await waitFor(() => {
+            const frame = lastFrame();
+            expect(frame).toContain('Item One');
+            expect(frame).not.toContain('Item Two');
+        });
+        expect(lastFrame()).toMatchSnapshot();
+        await React.act(async () => {
+            // Backspace "One" (3 chars)
+            stdin.write('\u007F\u007F\u007F');
+        });
+        await waitFor(() => {
+            const frame = lastFrame();
+            expect(frame).toContain('Item Two');
+            expect(frame).toContain('● Item One');
+            expect(frame).not.toContain('● Item Two');
+        });
+        expect(lastFrame()).toMatchSnapshot();
+    });
     it('should filter items based on search query', async () => {
         const { lastFrame, stdin } = renderList();
-        // Type "Two" into search
         await React.act(async () => {
             stdin.write('Two');
         });
@@ -79,7 +131,6 @@ describe('SearchableList', () => {
     });
     it('should show "No items found." when no items match', async () => {
         const { lastFrame, stdin } = renderList();
-        // Type something that won't match
         await React.act(async () => {
             stdin.write('xyz123');
         });
@@ -90,7 +141,6 @@ describe('SearchableList', () => {
     });
     it('should handle selection with Enter', async () => {
         const { stdin } = renderList();
-        // Select first item (default active)
         await React.act(async () => {
             stdin.write('\r'); // Enter
         });
@@ -100,11 +150,9 @@ describe('SearchableList', () => {
     });
     it('should handle navigation and selection', async () => {
         const { stdin } = renderList();
-        // Navigate down to second item
         await React.act(async () => {
-            stdin.write('\u001B[B'); // Down Arrow
+            stdin.write('\u001B[B'); // Down arrow
         });
-        // Select second item
         await React.act(async () => {
             stdin.write('\r'); // Enter
         });
@@ -121,5 +169,10 @@ describe('SearchableList', () => {
             expect(mockOnClose).toHaveBeenCalled();
         });
     });
+    it('should match snapshot', async () => {
+        const { lastFrame, waitUntilReady } = renderList();
+        await waitUntilReady();
+        expect(lastFrame()).toMatchSnapshot();
+    });
 });
 //# sourceMappingURL=SearchableList.test.js.map

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

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

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

@@ -6,4 +6,5 @@
 import type React from 'react';
 export declare const SectionHeader: React.FC<{
     title: string;
+    subtitle?: string;
 }>;

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, Text } from 'ink';
 import { theme } from '../../semantic-colors.js';
-export const SectionHeader = ({ title }) => (_jsxs(Box, { width: "100%", flexDirection: "row", overflow: "hidden", children: [_jsx(Text, { color: theme.text.secondary, wrap: "truncate-end", children: `── ${title}` }), _jsx(Box, { flexGrow: 1, flexShrink: 0, minWidth: 2, marginLeft: 1, borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: theme.text.secondary })] }));
+export const SectionHeader = ({ title, subtitle, }) => (_jsxs(Box, { width: "100%", flexDirection: "column", overflow: "hidden", children: [_jsx(Box, { width: "100%", borderStyle: "single", borderTop: true, borderBottom: false, borderLeft: false, borderRight: false, borderColor: theme.text.secondary }), _jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: theme.text.primary, bold: true, wrap: "truncate-end", children: title }), subtitle && (_jsx(Text, { color: theme.text.secondary, wrap: "truncate-end", children: subtitle }))] })] }));
 //# sourceMappingURL=SectionHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SectionHeader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAgC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACvE,MAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,KAAK,EAAC,QAAQ,EAAC,QAAQ,aACrD,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,YACnD,MAAM,KAAK,EAAE,GACT,EACP,KAAC,GAAG,IACF,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,QAAQ,EAAE,CAAC,EACX,UAAU,EAAE,CAAC,EACb,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GACjC,IACE,CACP,CAAC"}
+{"version":3,"file":"SectionHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SectionHeader.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,GAAG,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,MAAM,CAAC,MAAM,aAAa,GAAmD,CAAC,EAC5E,KAAK,EACL,QAAQ,GACT,EAAE,EAAE,CAAC,CACJ,MAAC,GAAG,IAAC,KAAK,EAAC,MAAM,EAAC,aAAa,EAAC,QAAQ,EAAC,QAAQ,EAAC,QAAQ,aACxD,KAAC,GAAG,IACF,KAAK,EAAC,MAAM,EACZ,WAAW,EAAC,QAAQ,EACpB,SAAS,QACT,YAAY,EAAE,KAAK,EACnB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAE,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,GACjC,EACF,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,aACtB,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,OAAO,EAAE,IAAI,QAAC,IAAI,EAAC,cAAc,YACtD,KAAK,GACD,EACN,QAAQ,IAAI,CACX,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,EAAC,cAAc,YACnD,QAAQ,GACJ,CACR,IACG,IACF,CACP,CAAC"}

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

@@ -27,8 +27,15 @@ describe('<SectionHeader />', () => {
             title: 'Narrow Container',
             width: 25,
         },
-    ])('$description', ({ title, width }) => {
-        const { lastFrame, unmount } = renderWithProviders(_jsx(SectionHeader, { title: title }), { width });
+        {
+            description: 'renders correctly with a subtitle',
+            title: 'Shortcuts',
+            subtitle: ' See /help for more',
+            width: 40,
+        },
+    ])('$description', async ({ title, subtitle, width }) => {
+        const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(SectionHeader, { title: title, subtitle: subtitle }), { width });
+        await waitUntilReady();
         expect(lastFrame()).toMatchSnapshot();
         unmount();
     });

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

@@ -1 +1 @@
-{"version":3,"file":"SectionHeader.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SectionHeader.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,eAAe,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC;QACN;YACE,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,EAAE;SACV;QACD;YACE,WAAW,EACT,kEAAkE;YACpE,KAAK,EAAE,2CAA2C;YAClD,KAAK,EAAE,EAAE;SACV;QACD;YACE,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,EAAE;SACV;KACF,CAAC,CAAC,cAAc,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;QACtC,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAChD,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI,EAC/B,EAAE,KAAK,EAAE,CACV,CAAC;QAEF,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}
+{"version":3,"file":"SectionHeader.test.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/SectionHeader.test.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,+BAA+B,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAEnD,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,GAAG,EAAE;QACb,EAAE,CAAC,eAAe,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC;QACN;YACE,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE,WAAW;YAClB,KAAK,EAAE,EAAE;SACV;QACD;YACE,WAAW,EACT,kEAAkE;YACpE,KAAK,EAAE,2CAA2C;YAClD,KAAK,EAAE,EAAE;SACV;QACD;YACE,WAAW,EAAE,yCAAyC;YACtD,KAAK,EAAE,kBAAkB;YACzB,KAAK,EAAE,EAAE;SACV;QACD;YACE,WAAW,EAAE,mCAAmC;YAChD,KAAK,EAAE,WAAW;YAClB,QAAQ,EAAE,qBAAqB;YAC/B,KAAK,EAAE,EAAE;SACV;KACF,CAAC,CAAC,cAAc,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,EAAE;QACtD,MAAM,EAAE,SAAS,EAAE,cAAc,EAAE,OAAO,EAAE,GAAG,mBAAmB,CAChE,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,GAAI,EACnD,EAAE,KAAK,EAAE,CACV,CAAC;QACF,MAAM,cAAc,EAAE,CAAC;QAEvB,MAAM,CAAC,SAAS,EAAE,CAAC,CAAC,eAAe,EAAE,CAAC;QACtC,OAAO,EAAE,CAAC;IACZ,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -37,6 +37,6 @@ export function TabHeader({ tabs, currentIndex, completedIndices = new Set(), sh
             return '≡';
         return isCompleted ? '✓' : '□';
     };
-    return (_jsxs(Box, { flexDirection: "row", marginBottom: 1, "aria-role": "tablist", children: [showArrows && _jsx(Text, { color: theme.text.secondary, children: '← ' }), tabs.map((tab, i) => (_jsxs(React.Fragment, { children: [i > 0 && _jsx(Text, { color: theme.text.secondary, children: ' │ ' }), showStatusIcons && (_jsxs(Text, { color: theme.text.secondary, children: [getStatusIcon(tab, i), " "] })), _jsx(Text, { color: i === currentIndex ? theme.status.success : theme.text.secondary, bold: i === currentIndex, underline: i === currentIndex, "aria-current": i === currentIndex ? 'step' : undefined, children: tab.header })] }, tab.key))), showArrows && _jsx(Text, { color: theme.text.secondary, children: ' →' })] }));
+    return (_jsxs(Box, { flexDirection: "row", marginBottom: 1, "aria-role": "tablist", children: [showArrows && _jsx(Text, { color: theme.text.secondary, children: '← ' }), tabs.map((tab, i) => (_jsxs(React.Fragment, { children: [i > 0 && _jsx(Text, { color: theme.text.secondary, children: ' │ ' }), showStatusIcons && (_jsxs(Text, { color: theme.text.secondary, children: [getStatusIcon(tab, i), " "] })), _jsx(Box, { maxWidth: i !== currentIndex ? 16 : 100, children: _jsx(Text, { color: i === currentIndex ? theme.status.success : theme.text.secondary, bold: i === currentIndex, underline: i === currentIndex, "aria-current": i === currentIndex ? 'step' : undefined, wrap: "truncate", children: tab.header }) })] }, tab.key))), showArrows && _jsx(Text, { color: theme.text.secondary, children: ' →' })] }));
 }
 //# sourceMappingURL=TabHeader.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/TabHeader.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAyCjD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,gBAAgB,GAAG,IAAI,GAAG,EAAE,EAC5B,UAAU,GAAG,IAAI,EACjB,eAAe,GAAG,IAAI,EACtB,gBAAgB,GACD;IACf,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,aAAa,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAU,EAAE;QACxD,MAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEhD,4BAA4B;QAC5B,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,UAAU,GAAG,gBAAgB,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;YAC7D,IAAI,UAAU,KAAK,SAAS;gBAAE,OAAO,UAAU,CAAC;QAClD,CAAC;QAED,iCAAiC;QACjC,IAAI,GAAG,CAAC,UAAU;YAAE,OAAO,GAAG,CAAC,UAAU,CAAC;QAE1C,gBAAgB;QAChB,IAAI,GAAG,CAAC,SAAS;YAAE,OAAO,GAAG,CAAC;QAC9B,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,YAAY,EAAE,CAAC,eAAY,SAAS,aAC1D,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,IAAI,GAAQ,EAC9D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,KAAK,GAAQ,EAC1D,eAAe,IAAI,CAClB,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,aAAG,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,CACnE,EACD,KAAC,IAAI,IACH,KAAK,EACH,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAElE,IAAI,EAAE,CAAC,KAAK,YAAY,EACxB,SAAS,EAAE,CAAC,KAAK,YAAY,kBACf,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,YAEpD,GAAG,CAAC,MAAM,GACN,KAdY,GAAG,CAAC,GAAG,CAeX,CAClB,CAAC,EACD,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,IAAI,GAAQ,IAC3D,CACP,CAAC;AACJ,CAAC"}
+{"version":3,"file":"TabHeader.js","sourceRoot":"","sources":["../../../../../src/ui/components/shared/TabHeader.tsx"],"names":[],"mappings":";AAAA;;;;GAIG;AAEH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAChC,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAyCjD;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,EACxB,IAAI,EACJ,YAAY,EACZ,gBAAgB,GAAG,IAAI,GAAG,EAAE,EAC5B,UAAU,GAAG,IAAI,EACjB,eAAe,GAAG,IAAI,EACtB,gBAAgB,GACD;IACf,IAAI,IAAI,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAElC,MAAM,aAAa,GAAG,CAAC,GAAQ,EAAE,KAAa,EAAU,EAAE;QACxD,MAAM,WAAW,GAAG,gBAAgB,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QAEhD,4BAA4B;QAC5B,IAAI,gBAAgB,EAAE,CAAC;YACrB,MAAM,UAAU,GAAG,gBAAgB,CAAC,GAAG,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC;YAC7D,IAAI,UAAU,KAAK,SAAS;gBAAE,OAAO,UAAU,CAAC;QAClD,CAAC;QAED,iCAAiC;QACjC,IAAI,GAAG,CAAC,UAAU;YAAE,OAAO,GAAG,CAAC,UAAU,CAAC;QAE1C,gBAAgB;QAChB,IAAI,GAAG,CAAC,SAAS;YAAE,OAAO,GAAG,CAAC;QAC9B,OAAO,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IACjC,CAAC,CAAC;IAEF,OAAO,CACL,MAAC,GAAG,IAAC,aAAa,EAAC,KAAK,EAAC,YAAY,EAAE,CAAC,eAAY,SAAS,aAC1D,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,IAAI,GAAQ,EAC9D,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC,CACpB,MAAC,KAAK,CAAC,QAAQ,eACZ,CAAC,GAAG,CAAC,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,KAAK,GAAQ,EAC1D,eAAe,IAAI,CAClB,MAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,aAAG,aAAa,CAAC,GAAG,EAAE,CAAC,CAAC,SAAS,CACnE,EACD,KAAC,GAAG,IAAC,QAAQ,EAAE,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,YAC1C,KAAC,IAAI,IACH,KAAK,EACH,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,EAElE,IAAI,EAAE,CAAC,KAAK,YAAY,EACxB,SAAS,EAAE,CAAC,KAAK,YAAY,kBACf,CAAC,KAAK,YAAY,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACrD,IAAI,EAAC,UAAU,YAEd,GAAG,CAAC,MAAM,GACN,GACH,KAjBa,GAAG,CAAC,GAAG,CAkBX,CAClB,CAAC,EACD,UAAU,IAAI,KAAC,IAAI,IAAC,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,SAAS,YAAG,IAAI,GAAQ,IAC3D,CACP,CAAC;AACJ,CAAC"}

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

@@ -14,60 +14,75 @@ const MOCK_TABS = [
 ];
 describe('TabHeader', () => {
     describe('rendering', () => {
-        it('renders null for single tab', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: [{ key: '0', header: 'Only Tab' }], currentIndex: 0 }));
-            expect(lastFrame()).toBe('');
+        it('renders null for single tab', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: [{ key: '0', header: 'Only Tab' }], currentIndex: 0 }));
+            await waitUntilReady();
+            expect(lastFrame({ allowEmpty: true })).toBe('');
+            unmount();
         });
-        it('renders all tab headers', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+        it('renders all tab headers', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).toContain('Tab 1');
             expect(frame).toContain('Tab 2');
             expect(frame).toContain('Tab 3');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('renders separators between tabs', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+        it('renders separators between tabs', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             // Should have 2 separators for 3 tabs
             const separatorCount = (frame?.match(/│/g) || []).length;
             expect(separatorCount).toBe(2);
             expect(frame).toMatchSnapshot();
+            unmount();
         });
     });
     describe('arrows', () => {
-        it('shows arrows by default', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+        it('shows arrows by default', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).toContain('←');
             expect(frame).toContain('→');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('hides arrows when showArrows is false', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, showArrows: false }));
+        it('hides arrows when showArrows is false', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, showArrows: false }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).not.toContain('←');
             expect(frame).not.toContain('→');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
     });
     describe('status icons', () => {
-        it('shows status icons by default', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+        it('shows status icons by default', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             // Default uncompleted icon is □
             expect(frame).toContain('□');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('hides status icons when showStatusIcons is false', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, showStatusIcons: false }));
+        it('hides status icons when showStatusIcons is false', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, showStatusIcons: false }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).not.toContain('□');
             expect(frame).not.toContain('✓');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('shows checkmark for completed tabs', () => {
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, completedIndices: new Set([0, 2]) }));
+        it('shows checkmark for completed tabs', async () => {
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, completedIndices: new Set([0, 2]) }));
+            await waitUntilReady();
             const frame = lastFrame();
             // Should have 2 checkmarks and 1 box
             const checkmarkCount = (frame?.match(/✓/g) || []).length;
@@ -75,42 +90,67 @@ describe('TabHeader', () => {
             expect(checkmarkCount).toBe(2);
             expect(boxCount).toBe(1);
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('shows special icon for special tabs', () => {
+        it('shows special icon for special tabs', async () => {
             const tabsWithSpecial = [
                 { key: '0', header: 'Tab 1' },
                 { key: '1', header: 'Review', isSpecial: true },
             ];
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: tabsWithSpecial, currentIndex: 0 }));
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: tabsWithSpecial, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             // Special tab shows ≡ icon
             expect(frame).toContain('≡');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('uses tab statusIcon when provided', () => {
+        it('uses tab statusIcon when provided', async () => {
             const tabsWithCustomIcon = [
                 { key: '0', header: 'Tab 1', statusIcon: '★' },
                 { key: '1', header: 'Tab 2' },
             ];
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: tabsWithCustomIcon, currentIndex: 0 }));
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: tabsWithCustomIcon, currentIndex: 0 }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).toContain('★');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('uses custom renderStatusIcon when provided', () => {
+        it('uses custom renderStatusIcon when provided', async () => {
             const renderStatusIcon = () => '•';
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, renderStatusIcon: renderStatusIcon }));
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, renderStatusIcon: renderStatusIcon }));
+            await waitUntilReady();
             const frame = lastFrame();
             const bulletCount = (frame?.match(/•/g) || []).length;
             expect(bulletCount).toBe(3);
             expect(frame).toMatchSnapshot();
+            unmount();
         });
-        it('falls back to default when renderStatusIcon returns undefined', () => {
+        it('truncates long headers when not selected', async () => {
+            const longTabs = [
+                { key: '0', header: 'ThisIsAVeryLongHeaderThatShouldBeTruncated' },
+                { key: '1', header: 'AnotherVeryLongHeader' },
+            ];
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: longTabs, currentIndex: 0 }));
+            await waitUntilReady();
+            const frame = lastFrame();
+            // Current tab (index 0) should NOT be truncated
+            expect(frame).toContain('ThisIsAVeryLongHeaderThatShouldBeTruncated');
+            // Inactive tab (index 1) SHOULD be truncated to 16 chars (15 chars + …)
+            const expectedTruncated = 'AnotherVeryLong…';
+            expect(frame).toContain(expectedTruncated);
+            expect(frame).not.toContain('AnotherVeryLongHeader');
+            unmount();
+        });
+        it('falls back to default when renderStatusIcon returns undefined', async () => {
             const renderStatusIcon = () => undefined;
-            const { lastFrame } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, renderStatusIcon: renderStatusIcon }));
+            const { lastFrame, waitUntilReady, unmount } = renderWithProviders(_jsx(TabHeader, { tabs: MOCK_TABS, currentIndex: 0, renderStatusIcon: renderStatusIcon }));
+            await waitUntilReady();
             const frame = lastFrame();
             expect(frame).toContain('□');
             expect(frame).toMatchSnapshot();
+            unmount();
         });
     });
 });