@agents-ensemble/cli 0.14.0 → 0.14.2

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

@@ -3,6 +3,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
 vi.mock('./operator-text-area.js', () => import('./operator-text-area.test-double.js'));
 import { EventEmitter } from 'node:events';
 import { cleanup, render } from 'ink-testing-library';
+import stringWidth from 'string-width';
 import { IssueSessionTui } from './issue-session-tui.js';
 import { createTuiViewModel } from './tui-view-model.js';
 import { buildActivityLogDisplayLines } from './activity-log.js';
@@ -10,10 +11,11 @@ import { resolveOperatorInputDisplayMode } from './format-operator-context.js';
 import { flushInkStdin, INK_TEST_KEYS } from './ink-test-keys.js';
 import { extractOrchestrationPaneFrameStats, extractTuiPaneFrameStats } from './orchestration-pane-frame.js';
 import { resolveOpenQuestionsPaneLayout } from './open-questions-pane.js';
+import { computeWorkerPaneHeight } from './pane-layout.js';
 import { computeActivityLogLineCapacity, computeActivityPaneHeight, computeInputPaneHeight, computeOrchestrationLogVisibleLineCount, computeOperatorInputCursorX, computeOperatorInputLineIndex, } from './compute-operator-input-cursor-y.js';
 import { getPaneContentWidth } from './wrap-text-to-width.js';
 import { resolvePaneHeights } from './pane-layout.js';
-import { INPUT_PANE_TITLE, MAIN_PANE_TITLE, OPEN_QUESTIONS_PANE_MIN_HEIGHT, OPERATOR_INPUT_PROMPT, OPERATOR_INPUT_CURSOR_Y_OFFSET, PANE_PADDING_X, ROUND_BORDER_WIDTH, WORKER_PANE_HEIGHT, WORKER_PANE_TITLE, } from './tui-layout-constants.js';
+import { INPUT_PANE_TITLE, MAIN_PANE_TITLE, OPEN_QUESTIONS_PANE_MIN_HEIGHT, OPERATOR_INPUT_PROMPT, OPERATOR_INPUT_CURSOR_Y_OFFSET, PANE_PADDING_X, ROUND_BORDER_WIDTH, WORKER_PANE_TITLE, } from './tui-layout-constants.js';
 import { createTuiResizeController, createTuiTerminalSizeStore, TUI_RESIZE_SETTLE_MS, TUI_RESIZE_SHRINK_COALESCE_MS, } from './tui-terminal-size.js';
 class ResizeSource extends EventEmitter {
     columns = 80;
@@ -53,6 +55,7 @@ function fillScrollableHarnessLog(viewModel, count = 30) {
 const SCROLL_HINT = 'PgUp/PgDn でスクロール';
 const ISSUE_URL = 'https://github.com/otolab/agents-ensemble/issues/249';
 const NON_CANONICAL_ISSUE_URL = 'http://github.com/otolab/agents-ensemble/issues/249/';
+const LONG_QUESTION_CONTEXT = Array.from({ length: 40 }, (_, index) => `context-line-${String(index).padStart(2, '0')} ${'wrapped segment '.repeat(6)}`).join('\n');
 function createOpenQuestion(overrides) {
     return {
         responseType: 'text',
@@ -111,6 +114,153 @@ describe('IssueSessionTui', () => {
         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(IssueSessionTui, { 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(IssueSessionTui, { 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(IssueSessionTui, { 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('sizes the input pane using the shortened prompt width', async () => {
         Object.defineProperty(process.stdout, 'columns', {
             configurable: true,
@@ -141,12 +291,12 @@ describe('IssueSessionTui', () => {
         expect(lastFrame() ?? '').toContain('› /close');
         stdin.write(INK_TEST_KEYS.downArrow);
         await flushInkStdin();
-        expect(lastFrame() ?? '').toContain('› /close');
+        expect(lastFrame() ?? '').toContain('› /idle');
         for (const key of [INK_TEST_KEYS.upArrow, INK_TEST_KEYS.upArrow]) {
             stdin.write(key);
             await flushInkStdin();
         }
-        expect(lastFrame() ?? '').toContain('› /reconnect');
+        expect(lastFrame() ?? '').toContain('› /exit');
         stdin.write(INK_TEST_KEYS.upArrow);
         await flushInkStdin();
         expect(lastFrame() ?? '').toContain('› /reconnect');
@@ -720,6 +870,124 @@ describe('IssueSessionTui', () => {
         expect(frame).not.toContain('implementer (implementer)');
         expect(frame).toContain('impl (implementer): running (editing files)');
     });
+    it('clears running worker activity on idle transitions within a narrow Workers pane', async () => {
+        Object.defineProperty(process.stdout, 'columns', {
+            configurable: true,
+            value: 40,
+        });
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {
+                librarian: {
+                    kind: 'librarian',
+                    status: 'running',
+                    activity: 'calling: Shell',
+                },
+                impl: {
+                    kind: 'implementer',
+                    status: 'running',
+                    activity: '編集中の非常に長い activity の表示幅を確認する',
+                },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        const runningFrame = lastFrame() ?? '';
+        const runningRows = extractTuiPaneFrameStats(runningFrame, WORKER_PANE_TITLE).contentRows;
+        expect(runningRows).toHaveLength(2);
+        expect(runningRows.find((line) => line.includes('librarian'))).toContain('librarian: running (calling: Shell)');
+        const runningImplRow = runningRows.find((line) => line.includes('impl (implementer)'));
+        expect(runningImplRow).toContain('impl (implementer): running');
+        expect(runningImplRow).toContain('…');
+        expect(runningRows.every((line) => stringWidth(line) === 40)).toBe(true);
+        viewModel.setDisplayState({
+            workers: {
+                librarian: { kind: 'librarian', status: 'idle' },
+                impl: { kind: 'implementer', status: 'idle' },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        await flushInkStdin();
+        const idleFrame = lastFrame() ?? '';
+        const idleRows = extractTuiPaneFrameStats(idleFrame, WORKER_PANE_TITLE).contentRows;
+        expect(idleRows).toHaveLength(2);
+        expect(idleRows.find((line) => line.includes('librarian'))).toContain('librarian: idle');
+        expect(idleRows.find((line) => line.includes('impl (implementer)'))).toContain('impl (implementer): idle');
+        expect(idleFrame).not.toContain('calling: Shell');
+        expect(idleFrame).not.toContain('編集中の');
+        expect(idleRows.every((line) => stringWidth(line) === 40)).toBe(true);
+    });
+    it('keeps status visible when a long worker name and kind are truncated at 40 columns', async () => {
+        Object.defineProperty(process.stdout, 'columns', {
+            configurable: true,
+            value: 40,
+        });
+        const name = 'worker-name-longer-than-workers-content-width';
+        const kind = 'kind-name-also-much-longer-than-the-content-width';
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {
+                [name]: { kind, status: 'running', activity: 'calling: a very long tool name' },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        const runningRow = extractTuiPaneFrameStats(lastFrame() ?? '', WORKER_PANE_TITLE).contentRows[0] ?? '';
+        expect(runningRow).toContain(': running');
+        expect(runningRow).toContain('…');
+        expect(runningRow).not.toContain(name);
+        expect(stringWidth(runningRow)).toBe(40);
+        viewModel.setDisplayState({
+            workers: {
+                [name]: { kind, status: 'idle' },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        await flushInkStdin();
+        const idleRow = extractTuiPaneFrameStats(lastFrame() ?? '', WORKER_PANE_TITLE).contentRows[0] ?? '';
+        expect(idleRow).toContain(': idle');
+        expect(idleRow).toContain('…');
+        expect(stringWidth(idleRow)).toBe(40);
+    });
+    it('strips open SGR and OSC 8 sequences from truncated activity before rendering', () => {
+        Object.defineProperty(process.stdout, 'columns', {
+            configurable: true,
+            value: 40,
+        });
+        const activity = [
+            '\u001B[31m',
+            'colored activity '.repeat(8),
+            '\u001B[0m',
+            '\u001B]8;;https://example.com/worker-activity\u0007',
+            'linked activity '.repeat(8),
+            '\u001B]8;;\u0007',
+        ].join('');
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {
+                impl: { kind: 'implementer', status: 'running', activity },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        const workerRow = extractTuiPaneFrameStats(frame, WORKER_PANE_TITLE).contentRows[0] ?? '';
+        expect(workerRow).toContain(': running');
+        expect(workerRow).toContain('…');
+        expect(stringWidth(workerRow)).toBe(40);
+        expect(frame).not.toContain('\u001B');
+        expect(frame).not.toContain('https://example.com/worker-activity');
+    });
     it('does not bleed activity log text onto pane border lines', () => {
         const terminalRows = 24;
         const liveFrameRows = terminalRows - 1;
@@ -861,15 +1129,17 @@ describe('IssueSessionTui', () => {
                 hintLineCount,
                 inputDisplayLineCount: 1,
             });
+            const desiredWorkerPaneHeight = computeWorkerPaneHeight(0);
             const paneHeights = resolvePaneHeights({
                 liveFrameRows: 11,
-                activityPaneHeight: 11 - WORKER_PANE_HEIGHT - requestedInputPaneHeight,
+                workerPaneHeight: desiredWorkerPaneHeight,
+                activityPaneHeight: 11 - desiredWorkerPaneHeight - requestedInputPaneHeight,
                 openQuestionsPaneHeight: 0,
                 inputPaneHeight: requestedInputPaneHeight,
             });
             expect(paneHeights).toEqual({
-                workerPaneHeight: 5,
-                activityPaneHeight: 3,
+                workerPaneHeight: 3,
+                activityPaneHeight: 5,
                 openQuestionsPaneHeight: 0,
                 inputPaneHeight: 3,
             });
@@ -905,6 +1175,31 @@ describe('IssueSessionTui', () => {
         expect(frame).not.toContain('任意入力');
         expect(frame).not.toContain('/reconnect');
     });
+    it.each([1, 2, 5])('sizes the Workers pane without blank rows for %i workers plus conductor', (workerCount) => {
+        const viewModel = createTuiViewModel();
+        const workers = {
+            conductor: { kind: 'conductor', status: 'idle' },
+        };
+        for (let index = 1; index <= workerCount; index++) {
+            workers[`worker-${index}`] = {
+                kind: `worker-${index}`,
+                status: 'idle',
+            };
+        }
+        viewModel.setDisplayState({
+            workers,
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        const stats = extractTuiPaneFrameStats(frame, WORKER_PANE_TITLE);
+        expect(stats.contentRows).toHaveLength(workerCount + 1);
+        expect(stats.blankRows).toHaveLength(0);
+        expect(frame).toContain('conductor: idle');
+        expect(frame).toContain(`worker-${workerCount}: idle`);
+    });
     it('switches the lower UI between no-question and question modes', async () => {
         const viewModel = createTuiViewModel();
         const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
@@ -992,16 +1287,28 @@ describe('IssueSessionTui', () => {
             expect(lastFrame() ?? '').not.toContain('任意入力');
         }
     });
-    it('renders all activity log label kinds with distinct markers', () => {
+    it('separates changing activity labels and keeps consecutive harness entries together', () => {
         const viewModel = createTuiViewModel();
-        viewModel.appendActivityLog('operator', 'op');
-        viewModel.appendActivityLog('harness', 'tel');
+        viewModel.appendActivityLog('harness', 'tel-1');
+        viewModel.appendActivityLog('harness', 'tel-2');
         viewModel.appendActivityLog('observation', 'obs');
+        viewModel.appendActivityLog('operator', 'op');
         viewModel.appendActivityLog('conductor', 'cond');
         const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
         const frame = lastFrame() ?? '';
-        expect(frame).toContain('[operator] op');
-        expect(frame).toContain('[harness] tel');
+        const lines = frame.split('\n');
+        const harnessFirst = lines.findIndex((line) => line.includes('[harness] tel-1'));
+        const harnessSecond = lines.findIndex((line) => line.includes('[harness] tel-2'));
+        const observation = lines.findIndex((line) => line.includes('[observation] obs'));
+        const operator = lines.findIndex((line) => line.includes('[operator] op'));
+        const conductor = lines.findIndex((line) => line.includes('[conductor] cond'));
+        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] tel-1');
+        expect(frame).toContain('[harness] tel-2');
         expect(frame).toContain('[observation] obs');
         expect(frame).toContain('[conductor] cond');
     });
@@ -1196,6 +1503,73 @@ describe('IssueSessionTui', () => {
         expect(secondIndex).toBeGreaterThan(firstIndex + 1);
     });
     describe('open questions selection (stdin integration)', () => {
+        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(IssueSessionTui, { 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');
+        });
         it('cycles selection with Shift+arrow keys', async () => {
             const viewModel = createTuiViewModel();
             viewModel.setDisplayState({
@@ -1339,13 +1713,13 @@ describe('IssueSessionTui', () => {
             const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
             const pinnedFrame = lastFrame() ?? '';
             expect(pinnedFrame).toContain('[harness] line-29');
-            expect(pinnedFrame).not.toContain('[harness] line-16');
+            expect(pinnedFrame).not.toContain('[harness] line-14');
             expect(pinnedFrame).not.toContain(SCROLL_HINT);
             stdin.write(INK_TEST_KEYS.pageUp);
             await flushInkStdin();
             const scrolledFrame = lastFrame() ?? '';
             expect(scrolledFrame).toContain(SCROLL_HINT);
-            expect(scrolledFrame).toContain('[harness] line-16');
+            expect(scrolledFrame).toContain('[harness] line-14');
             expect(scrolledFrame).not.toContain('[harness] line-29');
         });
         it('returns to latest lines on End and clears scroll hint', async () => {
@@ -1367,11 +1741,11 @@ describe('IssueSessionTui', () => {
             const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
             stdin.write(INK_TEST_KEYS.pageUp);
             await flushInkStdin();
-            expect(lastFrame() ?? '').toContain('[harness] line-16');
+            expect(lastFrame() ?? '').toContain('[harness] line-14');
             viewModel.appendActivityLog('harness', 'newest-marker');
             await flushInkStdin();
             const detachedFrame = lastFrame() ?? '';
-            expect(detachedFrame).toContain('[harness] line-16');
+            expect(detachedFrame).toContain('[harness] line-14');
             expect(detachedFrame).not.toContain('[harness] newest-marker');
             stdin.write(INK_TEST_KEYS.end);
             await flushInkStdin();
@@ -1400,7 +1774,7 @@ describe('IssueSessionTui', () => {
             const ctrlPageUpFrame = lastFrame() ?? '';
             expect(ctrlPageUpFrame).toContain('typed');
             expect(ctrlPageUpFrame).toContain(SCROLL_HINT);
-            expect(ctrlPageUpFrame).toContain('[harness] line-16');
+            expect(ctrlPageUpFrame).toContain('[harness] line-14');
             expect(ctrlPageUpFrame).not.toContain('[harness] line-29');
         });
     });