@agents-ensemble/cli 0.13.0 → 0.14.2

package/dist/tui/issue-session-tui-stream.test.js

@@ -8,7 +8,9 @@ import { render as renderInk } from 'ink';
 import { cleanup, render } from 'ink-testing-library';
 import { IssueSessionTuiStream } from './issue-session-tui-stream.js';
 import { createTuiViewModel } from './tui-view-model.js';
+import { extractTuiPaneFrameStats } from './orchestration-pane-frame.js';
 import { flushInkStdin, INK_TEST_KEYS } from './ink-test-keys.js';
+import { OPERATOR_INPUT_PROMPT } from './tui-layout-constants.js';
 import { createTuiResizeController, createTuiTerminalSizeStore, TUI_RESIZE_SETTLE_MS, TUI_RESIZE_SHRINK_COALESCE_MS, } from './tui-terminal-size.js';
 import { createTuiResizeRecovery, TUI_FULL_REDRAW_SEQUENCE, } from './tui-resize-recovery.js';
 class ResizeSource extends EventEmitter {
@@ -48,6 +50,7 @@ function createOpenQuestion(overrides) {
 }
 const ISSUE_URL = 'https://github.com/otolab/agents-ensemble/issues/261';
 const NON_CANONICAL_ISSUE_URL = 'http://github.com/otolab/agents-ensemble/issues/261/';
+const LONG_QUESTION_CONTEXT = Array.from({ length: 40 }, (_, index) => `context-line-${String(index).padStart(2, '0')} ${'wrapped segment '.repeat(6)}`).join('\n');
 describe('IssueSessionTuiStream', () => {
     beforeEach(() => {
         Object.defineProperty(process.stdout, 'rows', {
@@ -77,6 +80,153 @@ describe('IssueSessionTuiStream', () => {
         await flushInkStdin();
         expect(onSubmit).toHaveBeenCalledWith('/ex', undefined);
     });
+    it('navigates submitted history at visual boundaries and restores an edited draft', async () => {
+        const viewModel = createTuiViewModel();
+        const onSubmit = vi.fn();
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: onSubmit }));
+        stdin.write('A');
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenCalledWith('A', undefined);
+        stdin.write('\u001B[200~line1\nline2\u001B[201~');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write('X');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.home);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}A`);
+        stdin.write("'");
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenLastCalledWith("A'", undefined);
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}line1X`);
+        expect(lastFrame() ?? '').toContain('line2');
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.home);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}A'`);
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}A`);
+    });
+    it('keeps an Open Question answer completion after a historical submit', async () => {
+        const viewModel = createTuiViewModel();
+        const question = createOpenQuestion({
+            id: 'inq-yes-no',
+            question: 'Proceed?',
+            responseType: 'yes_no',
+        });
+        viewModel.setDisplayState({
+            workers: {},
+            conductorOutput: null,
+            openQuestions: [question],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const onSubmit = vi.fn();
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: onSubmit }));
+        stdin.write('previous input');
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        stdin.write('unsent draft');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}previous input`);
+        stdin.write(' edited');
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenLastCalledWith('previous input edited', {
+            targetOpenQuestionId: question.id,
+        });
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}yes`);
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}yes`);
+        expect(lastFrame() ?? '').not.toContain(`${OPERATOR_INPUT_PROMPT}unsent draft`);
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenLastCalledWith('yes', {
+            targetOpenQuestionId: question.id,
+        });
+    });
+    it('moves within a soft-wrapped input and enters history only at its visual boundaries', async () => {
+        Object.defineProperty(process.stdout, 'columns', {
+            configurable: true,
+            value: 44,
+        });
+        const viewModel = createTuiViewModel();
+        const onSubmit = vi.fn();
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: onSubmit }));
+        const olderEntry = 'b'.repeat(90);
+        stdin.write(olderEntry);
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        const wrappedDraft = 'a'.repeat(90);
+        stdin.write(wrappedDraft);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write('X');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        stdin.write('Y');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}${olderEntry.slice(0, 10)}`);
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        const editedWrappedDraft = onSubmit.mock.calls.at(-1)?.[0];
+        expect(editedWrappedDraft).toHaveLength(wrappedDraft.length + 2);
+        expect(editedWrappedDraft.indexOf('Y') - editedWrappedDraft.indexOf('X')).toBeGreaterThan(1);
+        expect(editedWrappedDraft.replace(/[XY]/g, '')).toBe(wrappedDraft);
+        stdin.write('pending draft');
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}pending draft`);
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        stdin.write(INK_TEST_KEYS.upArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}${olderEntry.slice(0, 10)}`);
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenLastCalledWith(olderEntry, undefined);
+    });
     it('selects a slash suggestion and Tab completes it without submitting', async () => {
         const viewModel = createTuiViewModel();
         const onSubmit = vi.fn();
@@ -86,17 +236,116 @@ describe('IssueSessionTuiStream', () => {
         expect(lastFrame() ?? '').toContain('› /close');
         stdin.write(INK_TEST_KEYS.tab);
         await flushInkStdin();
-        expect(lastFrame() ?? '').toContain('operator> /close');
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}/close`);
+        expect(lastFrame() ?? '').not.toContain('operator> ');
         expect(onSubmit).not.toHaveBeenCalled();
         stdin.write('\r');
         await flushInkStdin();
         expect(onSubmit).toHaveBeenCalledWith('/close', undefined);
     });
+    it.each([
+        {
+            name: 'choice',
+            question: createOpenQuestion({
+                id: 'inq-choice',
+                question: 'Choose a mode',
+                responseType: 'choice',
+                choices: [
+                    { id: 'safe', label: 'Safe mode' },
+                    { id: 'secure', label: 'Secure mode' },
+                    { id: 'fast', label: 'Fast mode' },
+                ],
+            }),
+            prefix: 's',
+            completedValue: 'secure',
+            expectedSuggestion: 'safe: Safe mode',
+            hasMultipleSuggestions: true,
+        },
+        {
+            name: 'yes_no',
+            question: createOpenQuestion({
+                id: 'inq-yes-no',
+                question: 'Proceed?',
+                responseType: 'yes_no',
+            }),
+            prefix: 'n',
+            completedValue: 'no',
+            expectedSuggestion: 'no — いいえ',
+            hasMultipleSuggestions: false,
+        },
+    ])('completes and submits the selected $name answer in stream mode', async ({ question, prefix, completedValue, expectedSuggestion, hasMultipleSuggestions, }) => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {},
+            conductorOutput: null,
+            openQuestions: [
+                question,
+                createOpenQuestion({
+                    id: 'inq-text',
+                    question: 'Anything else?',
+                }),
+            ],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const onSubmit = vi.fn();
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: onSubmit }));
+        stdin.write(prefix);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain(expectedSuggestion);
+        stdin.write(INK_TEST_KEYS.shiftDownArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('2/2');
+        expect(lastFrame() ?? '').not.toContain(`› ${expectedSuggestion}`);
+        stdin.write(INK_TEST_KEYS.shiftUpArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('1/2');
+        expect(lastFrame() ?? '').toContain(expectedSuggestion);
+        if (hasMultipleSuggestions) {
+            stdin.write(INK_TEST_KEYS.downArrow);
+            await flushInkStdin();
+            expect(lastFrame() ?? '').toContain('› secure: Secure mode');
+        }
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).not.toHaveBeenCalled();
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}${completedValue}`);
+        expect(lastFrame() ?? '').not.toContain(`› ${completedValue}:`);
+        stdin.write(' because it is safer');
+        await flushInkStdin();
+        stdin.write('\r');
+        await flushInkStdin();
+        expect(onSubmit).toHaveBeenCalledWith(`${completedValue} because it is safer`, { targetOpenQuestionId: question.id });
+    });
+    it('prioritizes slash suggestions over answer suggestions in stream mode', async () => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {},
+            conductorOutput: null,
+            openQuestions: [
+                createOpenQuestion({
+                    id: 'inq-choice',
+                    question: 'Choose a mode',
+                    responseType: 'choice',
+                    choices: [{ id: 'exit', label: 'Exit mode' }],
+                }),
+            ],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: () => { } }));
+        stdin.write('/');
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('› /reconnect');
+        expect(lastFrame() ?? '').not.toContain('› exit: Exit mode');
+    });
     it('renders activity as unframed static output and keeps the lower panes framed', () => {
         const viewModel = createTuiViewModel();
         viewModel.setDisplayState({
             workers: {
-                implementer: { kind: 'implementer', status: 'running' },
+                implementer: {
+                    kind: 'implementer',
+                    status: 'running',
+                    activity: 'calling: Shell',
+                },
             },
             conductorOutput: null,
             openQuestions: [createOpenQuestion({ id: 'inq-1', question: 'Approve?' })],
@@ -109,6 +358,8 @@ describe('IssueSessionTuiStream', () => {
         expect(frame).toContain('[operator] operator ping');
         expect(frame).toContain('[conductor] conductor says hi');
         expect(frame).toContain('Workers');
+        expect(frame).toContain('implementer: running (calling: Shell)');
+        expect(frame).not.toContain('implementer (implementer)');
         expect(frame).toContain('Open questions');
         expect(frame).toContain('Operator input');
         expect(frame).not.toContain('Orchestration');
@@ -117,6 +368,27 @@ describe('IssueSessionTuiStream', () => {
         expect(frame).toContain('inq-1 (1/1) への回答');
         expect(frame).not.toContain('任意入力');
     });
+    it('sizes the stream Workers pane for conductor and each worker row', () => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {
+                conductor: { kind: 'conductor', status: 'idle' },
+                implementer: { kind: 'implementer', status: 'running' },
+                reviewer: { kind: 'reviewer', status: 'idle' },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        const stats = extractTuiPaneFrameStats(frame, 'Workers');
+        expect(stats.contentRows).toHaveLength(3);
+        expect(stats.blankRows).toHaveLength(0);
+        expect(frame).toContain('conductor: idle');
+        expect(frame).toContain('implementer: running');
+        expect(frame).toContain('reviewer: idle');
+    });
     it('keeps operator line and paragraph breaks in stream activity output', () => {
         const viewModel = createTuiViewModel({ activityLogWindowSize: null });
         viewModel.appendActivityLog('operator', 'first line\n\nsecond line');
@@ -225,7 +497,7 @@ describe('IssueSessionTuiStream', () => {
         expect(frame).not.toContain('Open questions');
         expect(frame).not.toContain('(未回答なし)');
         expect(workersIndex).toBeGreaterThan(operatorInputIndex);
-        expect(frame).toContain('operator>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         expect(frame).not.toContain('追加指示');
         expect(frame).not.toContain('/reconnect');
         expect(frame).toContain('otolab/agents-ensemble#261');
@@ -309,7 +581,7 @@ describe('IssueSessionTuiStream', () => {
         await flushInkStdin();
         expectCanonicalIssueUrl();
         const postLoopFrame = (lastFrame() ?? '').replace(/\s+/g, ' ');
-        expect(postLoopFrame).toContain('operator>');
+        expect(postLoopFrame).toContain(OPERATOR_INPUT_PROMPT);
         expect(postLoopFrame).not.toContain('追加指示');
         expect(postLoopFrame).not.toContain('/reconnect');
         viewModel.setShuttingDown(true);
@@ -394,7 +666,7 @@ describe('IssueSessionTuiStream', () => {
         viewModel.setPostLoopWaiting(true);
         await flushInkStdin();
         expectCanonicalIssueLink();
-        expect(lastFrame() ?? '').toContain('operator>');
+        expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
         expect(lastFrame() ?? '').not.toContain('追加指示');
         expect(lastFrame() ?? '').not.toContain('/reconnect');
         viewModel.setShuttingDown(true);
@@ -406,7 +678,7 @@ describe('IssueSessionTuiStream', () => {
         const viewModel = createTuiViewModel();
         const { lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, issueUrl: "https://github.com/otolab/agents-ensemble/issues/261", issueLinkMode: "label", onSubmit: () => { } }));
         const frame = lastFrame() ?? '';
-        expect(frame).toContain('operator>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         expect(frame).not.toContain('任意入力');
         expect(frame).not.toContain('/reconnect');
         expect(frame).not.toContain('自律ターン');
@@ -416,7 +688,7 @@ describe('IssueSessionTuiStream', () => {
         const onSubmit = vi.fn();
         const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, issueUrl: "https://github.com/otolab/agents-ensemble/issues/263", issueLinkMode: "label", onSubmit: onSubmit }));
         expect(lastFrame() ?? '').not.toContain('Open questions');
-        expect(lastFrame() ?? '').toContain('operator>');
+        expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
         expect(lastFrame() ?? '').not.toContain('任意入力');
         expect(lastFrame() ?? '').not.toContain('/reconnect');
         expect(lastFrame() ?? '').toContain('otolab/agents-ensemble#263');
@@ -427,16 +699,33 @@ describe('IssueSessionTuiStream', () => {
         await flushInkStdin();
         expect(onSubmit).toHaveBeenCalledWith('follow-up', undefined);
     });
-    it('appends a later activity entry without replacing the earlier static entry', async () => {
+    it('separates changing activity labels in static output and groups same-label entries', async () => {
         const viewModel = createTuiViewModel();
         viewModel.appendActivityLog('harness', 'first');
         const { lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: () => { } }));
         expect(lastFrame() ?? '').toContain('[harness] first');
-        viewModel.appendActivityLog('observation', 'second');
+        viewModel.appendActivityLog('harness', 'second');
+        viewModel.appendActivityLog('observation', 'third');
+        viewModel.appendActivityLog('operator', 'fourth');
+        viewModel.appendActivityLog('conductor', 'fifth');
         await flushInkStdin();
         const frame = lastFrame() ?? '';
+        const lines = frame.split('\n');
+        const harnessFirst = lines.findIndex((line) => line.includes('[harness] first'));
+        const harnessSecond = lines.findIndex((line) => line.includes('[harness] second'));
+        const observation = lines.findIndex((line) => line.includes('[observation] third'));
+        const operator = lines.findIndex((line) => line.includes('[operator] fourth'));
+        const conductor = lines.findIndex((line) => line.includes('[conductor] fifth'));
+        expect(harnessFirst).toBeGreaterThanOrEqual(0);
+        expect(harnessSecond).toBe(harnessFirst + 1);
+        expect(observation).toBe(harnessSecond + 2);
+        expect(operator).toBe(observation + 2);
+        expect(conductor).toBe(operator + 2);
         expect(frame).toContain('[harness] first');
-        expect(frame).toContain('[observation] second');
+        expect(frame).toContain('[harness] second');
+        expect(frame).toContain('[observation] third');
+        expect(frame).toContain('[operator] fourth');
+        expect(frame).toContain('[conductor] fifth');
     });
     it('holds new activity while detached and flushes the pending suffix once on End', async () => {
         const viewModel = createTuiViewModel({ activityLogWindowSize: null });
@@ -545,7 +834,7 @@ describe('IssueSessionTuiStream', () => {
             expect(countHistory(finalFrame)).toBe(1);
             expect(Math.max(...finalFrame.split('\n').map((line) => line.trimEnd().length))).toBeLessThanOrEqual(60);
             expect(finalFrame).toContain('Workers');
-            expect(finalFrame).toContain('operator>');
+            expect(finalFrame).toContain(OPERATOR_INPUT_PROMPT);
         }
         finally {
             unsubscribe();
@@ -738,7 +1027,7 @@ describe('IssueSessionTuiStream', () => {
         });
         if (restoredQuestions.length === 1) {
             expect(lastFrame() ?? '').not.toContain('Open questions');
-            expect(lastFrame() ?? '').toContain('operator>');
+            expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
             expect(lastFrame() ?? '').not.toContain('任意入力');
         }
         else {
@@ -748,7 +1037,7 @@ describe('IssueSessionTuiStream', () => {
             setOperatorQuestions([]);
             await flushInkStdin();
             expect(lastFrame() ?? '').not.toContain('Open questions');
-            expect(lastFrame() ?? '').toContain('operator>');
+            expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
             expect(lastFrame() ?? '').not.toContain('任意入力');
         }
     });
@@ -772,5 +1061,72 @@ describe('IssueSessionTuiStream', () => {
         expect(lastFrame() ?? '').toContain('2/2');
         expect(lastFrame() ?? '').toContain('▸ inq-2');
     });
+    it('scrolls the selected full context from top to bottom without taking suggestion arrows', async () => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {},
+            conductorOutput: null,
+            openQuestions: [
+                createOpenQuestion({
+                    id: 'inq-long',
+                    question: 'Choose a mode',
+                    responseType: 'choice',
+                    context: LONG_QUESTION_CONTEXT,
+                    choices: [
+                        { id: 'safe', label: 'Safe mode' },
+                        { id: 'secure', label: 'Secure mode' },
+                    ],
+                }),
+                createOpenQuestion({
+                    id: 'inq-next',
+                    question: 'Anything else?',
+                }),
+            ],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTuiStream, { viewModel: viewModel, onSubmit: () => { } }));
+        const initialFrame = lastFrame() ?? '';
+        expect(initialFrame).toContain('context-line-00');
+        expect(initialFrame).not.toContain('context-line-39');
+        expect(initialFrame).toContain('Shift+PgUp/PgDnで本文スクロール');
+        expect(initialFrame).toContain('で選択) · Shift+PgUp/PgDn');
+        expect(initialFrame).toContain('› safe: Safe mode');
+        stdin.write(INK_TEST_KEYS.shiftPageDown.repeat(2));
+        await flushInkStdin();
+        const scrolledFrame = lastFrame() ?? '';
+        expect(scrolledFrame).not.toContain('context-line-00');
+        expect(scrolledFrame).toContain('context-line-01');
+        expect(scrolledFrame).toContain('› safe: Safe mode');
+        stdin.write(INK_TEST_KEYS.downArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('› secure: Secure mode');
+        expect(lastFrame() ?? '').toContain('context-line-01');
+        stdin.write('/');
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('› /reconnect');
+        stdin.write(INK_TEST_KEYS.shiftPageDown.repeat(200));
+        await flushInkStdin();
+        const bottomFrame = lastFrame() ?? '';
+        expect(bottomFrame).toContain('context-line-39');
+        expect(bottomFrame).not.toContain('context-line-00');
+        expect(bottomFrame).toContain('› /reconnect');
+        stdin.write(INK_TEST_KEYS.shiftDownArrow);
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('2/2');
+        stdin.write(INK_TEST_KEYS.shiftUpArrow);
+        await flushInkStdin();
+        const resetFrame = lastFrame() ?? '';
+        expect(resetFrame).toContain('1/2');
+        expect(resetFrame).toContain('context-line-00');
+        expect(resetFrame).not.toContain('context-line-39');
+        stdin.write(INK_TEST_KEYS.shiftPageDown.repeat(200));
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('context-line-39');
+        stdin.write(INK_TEST_KEYS.shiftPageUp.repeat(200));
+        await flushInkStdin();
+        const topFrame = lastFrame() ?? '';
+        expect(topFrame).toContain('context-line-00');
+        expect(topFrame).not.toContain('context-line-39');
+    });
 });
 //# sourceMappingURL=issue-session-tui-stream.test.js.map