@agents-ensemble/cli 0.6.4 → 0.7.0

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

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 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 { IssueSessionTui } from './issue-session-tui.js';
 import { createTuiViewModel } from './tui-view-model.js';
@@ -9,9 +10,15 @@ import { formatOperatorContextHint } 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 { computeActivityLogLineCapacity, computeActivityPaneHeight, computeOrchestrationLogVisibleLineCount, computeOperatorInputCursorX, computeOperatorInputLineIndex, } from './compute-operator-input-cursor-y.js';
+import { computeActivityLogLineCapacity, computeActivityPaneHeight, computeInputPaneHeight, computeOrchestrationLogVisibleLineCount, computeOperatorInputCursorX, computeOperatorInputLineIndex, } from './compute-operator-input-cursor-y.js';
 import { getPaneContentWidth, wrapTextToWidth } from './wrap-text-to-width.js';
-import { INPUT_PANE_TITLE, MAIN_PANE_TITLE, OPEN_QUESTIONS_PANE_MIN_HEIGHT, OPERATOR_INPUT_CURSOR_Y_OFFSET, PANE_PADDING_X, ROUND_BORDER_WIDTH, WORKER_PANE_TITLE, } from './tui-layout-constants.js';
+import { resolvePaneHeights } from './pane-layout.js';
+import { INPUT_PANE_TITLE, MAIN_PANE_TITLE, OPEN_QUESTIONS_PANE_MIN_HEIGHT, OPERATOR_INPUT_POST_LOOP_HINT, OPERATOR_INPUT_CURSOR_Y_OFFSET, PANE_PADDING_X, ROUND_BORDER_WIDTH, WORKER_PANE_HEIGHT, 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;
+    rows = 24;
+}
 function findOperatorInputLine(lines) {
     const operatorLineIndices = lines
         .map((line, index) => (line.includes('operator>') ? index : -1))
@@ -30,6 +37,13 @@ function expectNoContentOnBorderLines(frame) {
         }
     }
 }
+function expectCompleteTitledPaneFrame(frame, title) {
+    const lines = frame.split('\n');
+    const topBorderIndex = lines.findIndex((line) => (line.startsWith('╭') || line.startsWith('┌')) && line.includes(title));
+    expect(topBorderIndex).toBeGreaterThanOrEqual(0);
+    const bottomBorderIndex = lines.findIndex((line, index) => index > topBorderIndex && (line.startsWith('╰') || line.startsWith('└')));
+    expect(bottomBorderIndex).toBeGreaterThan(topBorderIndex);
+}
 function fillScrollableHarnessLog(viewModel, count = 30) {
     for (let index = 0; index < count; index++) {
         viewModel.appendActivityLog('harness', `line-${index}`);
@@ -72,6 +86,7 @@ describe('IssueSessionTui', () => {
     });
     afterEach(() => {
         cleanup();
+        vi.useRealTimers();
         vi.restoreAllMocks();
     });
     it('renders four panes with worker, session log, open questions, and input', () => {
@@ -136,7 +151,7 @@ describe('IssueSessionTui', () => {
         viewModel.setPostLoopWaiting(true);
         const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
         const frame = lastFrame() ?? '';
-        expect(frame).toContain('追加指示を入力するか /exit で終了');
+        expect(frame).toContain('追加指示を入力するか /reconnect で再接続 · /exit で終了');
         expect(frame).not.toContain('post-loop 待機中');
     });
     it('shows the issue link in the workers pane header and prompt-only operator input', async () => {
@@ -155,8 +170,8 @@ describe('IssueSessionTui', () => {
         expect(frame).toContain(issueLabel);
         expect(frame).toContain(osc8Open);
         expect(frame).not.toContain(nonCanonicalOsc8Open);
-        expect(frame).toContain('任意のタイミングで入力 · /exit で終了');
-        expect(frame).not.toContain(`${issueLabel} — 任意のタイミングで入力 · /exit で終了`);
+        expect(frame).toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
+        expect(frame).not.toContain(`${issueLabel} — 任意のタイミングで入力 · /reconnect で再接続 · /exit で終了`);
         viewModel.setDisplayState({
             workers: {},
             conductorOutput: null,
@@ -191,7 +206,7 @@ describe('IssueSessionTui', () => {
         expect(lastFrame() ?? '').toContain(issueLabel);
         expect(lastFrame() ?? '').toContain(osc8Open);
         expect(lastFrame() ?? '').not.toContain(nonCanonicalOsc8Open);
-        expect(lastFrame() ?? '').toContain('追加指示を入力するか /exit で終了');
+        expect(lastFrame() ?? '').toContain('追加指示を入力するか /reconnect で再接続 · /exit で終了');
         expect(lastFrame() ?? '').not.toContain('post-loop 待機中');
         viewModel.setShuttingDown(true);
         await flushInkStdin();
@@ -345,6 +360,7 @@ describe('IssueSessionTui', () => {
     });
     it('aligns IME cursor coordinates with the rendered operator input line', () => {
         const terminalRows = 24;
+        const liveFrameRows = terminalRows - 1;
         const terminalColumns = 80;
         Object.defineProperty(process.stdout, 'columns', {
             configurable: true,
@@ -371,7 +387,7 @@ describe('IssueSessionTui', () => {
         const hintLineCount = wrapTextToWidth(contextHint, contentWidth).length;
         const openQuestionsPaneHeight = 0;
         const expectedInputLineIndex = computeOperatorInputLineIndex({
-            terminalRows,
+            terminalRows: liveFrameRows,
             hintLineCount,
             openQuestionsPaneHeight,
         });
@@ -384,10 +400,11 @@ describe('IssueSessionTui', () => {
         expect(inputStartX).toBe(expectedCursorX);
         expect(lineIndex).toBe(expectedInputLineIndex);
         expect(expectedCursorY).toBe(lineIndex + OPERATOR_INPUT_CURSOR_Y_OFFSET);
-        expect(lines).toHaveLength(terminalRows);
+        expect(lines).toHaveLength(liveFrameRows);
     });
     it('aligns IME cursor coordinates when context hint wraps on a narrow terminal', () => {
         const terminalRows = 24;
+        const liveFrameRows = terminalRows - 1;
         const terminalColumns = 40;
         Object.defineProperty(process.stdout, 'columns', {
             configurable: true,
@@ -414,7 +431,7 @@ describe('IssueSessionTui', () => {
         const hintLineCount = wrapTextToWidth(contextHint, contentWidth).length;
         const openQuestionsPaneHeight = 0;
         const expectedInputLineIndex = computeOperatorInputLineIndex({
-            terminalRows,
+            terminalRows: liveFrameRows,
             hintLineCount,
             openQuestionsPaneHeight,
         });
@@ -428,7 +445,7 @@ describe('IssueSessionTui', () => {
         expect(inputStartX).toBe(expectedCursorX);
         expect(lineIndex).toBe(expectedInputLineIndex);
         expect(expectedCursorY).toBe(lineIndex + OPERATOR_INPUT_CURSOR_Y_OFFSET);
-        expect(lines).toHaveLength(terminalRows);
+        expect(lines).toHaveLength(liveFrameRows);
     });
     it('shows conductor thinking during in-flight send then idle on completion', () => {
         const viewModel = createTuiViewModel();
@@ -459,6 +476,7 @@ describe('IssueSessionTui', () => {
     });
     it('does not bleed activity log text onto pane border lines', () => {
         const terminalRows = 24;
+        const liveFrameRows = terminalRows - 1;
         const terminalColumns = 80;
         Object.defineProperty(process.stdout, 'columns', {
             configurable: true,
@@ -501,7 +519,137 @@ describe('IssueSessionTui', () => {
         const frame = lastFrame() ?? '';
         expect(frame).toContain(WORKER_PANE_TITLE);
         expectNoContentOnBorderLines(frame);
-        expect(frame.split('\n')).toHaveLength(terminalRows);
+        expect(frame.split('\n')).toHaveLength(liveFrameRows);
+    });
+    it('recomputes pane dimensions from the settled terminal size snapshot', async () => {
+        vi.useFakeTimers();
+        const source = new ResizeSource();
+        const terminalSizeStore = createTuiTerminalSizeStore(source);
+        const viewModel = createTuiViewModel();
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, terminalSizeStore: terminalSizeStore, onSubmit: () => { } }));
+        expect((lastFrame() ?? '').split('\n')).toHaveLength(23);
+        source.columns = 40;
+        source.rows = 12;
+        source.emit('resize');
+        await vi.advanceTimersByTimeAsync(TUI_RESIZE_SHRINK_COALESCE_MS);
+        const frame = lastFrame() ?? '';
+        expect(frame.split('\n')).toHaveLength(11);
+        expect(Math.max(...frame.split('\n').map((line) => line.trimEnd().length))).toBeLessThanOrEqual(40);
+        expect(frame).toContain('operator>');
+        terminalSizeStore.dispose();
+    });
+    it('coalesces staged same-row shrink before redrawing the pane frame', async () => {
+        vi.useFakeTimers();
+        const source = new ResizeSource();
+        source.columns = 120;
+        source.rows = 32;
+        const resizeController = createTuiResizeController(source);
+        const terminalSizeStore = resizeController.terminalSize;
+        const viewModel = createTuiViewModel();
+        viewModel.setPostLoopWaiting(true);
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, terminalSizeStore: terminalSizeStore, onSubmit: () => { } }));
+        const initialFrame = lastFrame() ?? '';
+        const inkResizeNotifications = [];
+        const inkResizeListener = () => {
+            inkResizeNotifications.push({
+                terminalColumns: terminalSizeStore.getSnapshot().columns,
+                proxyColumns: resizeController.stdout.columns,
+            });
+        };
+        resizeController.stdout.on('resize', inkResizeListener);
+        const unsubscribe = terminalSizeStore.subscribe(() => {
+            expect(resizeController.stdout.columns).toBeGreaterThanOrEqual(terminalSizeStore.getSnapshot().columns);
+        });
+        try {
+            for (const columns of [110, 100, 90, 80, 70]) {
+                source.columns = columns;
+                source.rows = 32;
+                source.emit('resize');
+                await vi.advanceTimersByTimeAsync(TUI_RESIZE_SETTLE_MS);
+                expect(inkResizeNotifications).toEqual([]);
+                expect(lastFrame()).toBe(initialFrame);
+            }
+            source.columns = 60;
+            source.rows = 32;
+            source.emit('resize');
+            await vi.advanceTimersByTimeAsync(TUI_RESIZE_SHRINK_COALESCE_MS);
+            const finalFrame = lastFrame() ?? '';
+            expect(inkResizeNotifications).toEqual([
+                { terminalColumns: 60, proxyColumns: 120 },
+            ]);
+            expect(finalFrame).not.toBe(initialFrame);
+            expect(Math.max(...finalFrame.split('\n').map((line) => line.trimEnd().length))).toBeLessThanOrEqual(60);
+            expect(finalFrame).toContain(WORKER_PANE_TITLE);
+            expect(finalFrame).toContain('operator>');
+        }
+        finally {
+            unsubscribe();
+            resizeController.dispose();
+        }
+    });
+    it('keeps every pane frame and the operator input row intact at 60x12 after resize', async () => {
+        vi.useFakeTimers();
+        const source = new ResizeSource();
+        source.columns = 120;
+        source.rows = 32;
+        const terminalSizeStore = createTuiTerminalSizeStore(source);
+        const viewModel = createTuiViewModel();
+        viewModel.setPostLoopWaiting(true);
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, terminalSizeStore: terminalSizeStore, onSubmit: () => { } }));
+        try {
+            source.columns = 60;
+            source.rows = 12;
+            source.emit('resize');
+            await vi.advanceTimersByTimeAsync(TUI_RESIZE_SHRINK_COALESCE_MS);
+            const frame = lastFrame() ?? '';
+            const lines = frame.split('\n');
+            expect(lines).toHaveLength(11);
+            expect(Math.max(...lines.map((line) => line.trimEnd().length))).toBeLessThanOrEqual(60);
+            for (const title of [WORKER_PANE_TITLE, MAIN_PANE_TITLE, INPUT_PANE_TITLE]) {
+                expectCompleteTitledPaneFrame(frame, title);
+                const stats = extractTuiPaneFrameStats(frame, title);
+                expect(stats.titleOnBorder).toBe(true);
+            }
+            const contentWidth = getPaneContentWidth({
+                columns: 60,
+                paddingX: PANE_PADDING_X,
+                borderWidth: ROUND_BORDER_WIDTH,
+            });
+            const hintLineCount = wrapTextToWidth(OPERATOR_INPUT_POST_LOOP_HINT, contentWidth).length;
+            const requestedInputPaneHeight = computeInputPaneHeight({
+                hintLineCount,
+                inputDisplayLineCount: 1,
+            });
+            const paneHeights = resolvePaneHeights({
+                liveFrameRows: 11,
+                activityPaneHeight: 11 - WORKER_PANE_HEIGHT - requestedInputPaneHeight,
+                openQuestionsPaneHeight: 0,
+                inputPaneHeight: requestedInputPaneHeight,
+            });
+            expect(paneHeights).toEqual({
+                workerPaneHeight: 4,
+                activityPaneHeight: 3,
+                openQuestionsPaneHeight: 0,
+                inputPaneHeight: 4,
+            });
+            const inputLine = findOperatorInputLine(lines);
+            expect(inputLine.lineIndex).toBe(computeOperatorInputLineIndex({
+                terminalRows: 11,
+                hintLineCount,
+                inputDisplayLineCount: 1,
+                openQuestionsPaneHeight: 0,
+                workerPaneHeight: paneHeights.workerPaneHeight,
+                activityPaneHeight: paneHeights.activityPaneHeight,
+            }));
+            expect(inputLine.lineIndex).toBeGreaterThanOrEqual(0);
+            expect(inputLine.lineIndex).toBeLessThan(lines.length);
+            expect(inputLine.inputStartX).toBeGreaterThanOrEqual(0);
+            expect(frame).toContain('Orchestration');
+            expect(frame).toContain('operator>');
+        }
+        finally {
+            terminalSizeStore.dispose();
+        }
     });
     it('shows the no-question input mode when no session activity yet', () => {
         const viewModel = createTuiViewModel();
@@ -511,13 +659,13 @@ describe('IssueSessionTui', () => {
         expect(frame).toContain('(活動ログなし)');
         expect(frame).not.toContain('Open questions');
         expect(frame).not.toContain('(未回答なし)');
-        expect(frame).toContain('任意のタイミングで入力 · /exit で終了');
+        expect(frame).toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
     });
     it('switches the lower UI between no-question and question modes', async () => {
         const viewModel = createTuiViewModel();
         const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
         expect(lastFrame() ?? '').not.toContain('Open questions');
-        expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /exit で終了');
+        expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
         viewModel.setDisplayState({
             workers: {},
             conductorOutput: null,
@@ -527,7 +675,7 @@ describe('IssueSessionTui', () => {
         await flushInkStdin();
         expect(lastFrame() ?? '').toContain('Open questions');
         expect(lastFrame() ?? '').toContain('inq-1 (1/1) への回答');
-        expect(lastFrame() ?? '').not.toContain('任意のタイミングで入力 · /exit で終了');
+        expect(lastFrame() ?? '').not.toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
         viewModel.setDisplayState({
             workers: {},
             conductorOutput: null,
@@ -536,7 +684,7 @@ describe('IssueSessionTui', () => {
         });
         await flushInkStdin();
         expect(lastFrame() ?? '').not.toContain('Open questions');
-        expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /exit で終了');
+        expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
     });
     it.each([
         [
@@ -570,7 +718,7 @@ describe('IssueSessionTui', () => {
         const initialFrame = lastFrame() ?? '';
         expect(initialFrame).toContain('Open questions');
         expect(initialFrame).toContain('inq-resumed-1');
-        expect(initialFrame).not.toContain('任意のタイミングで入力 · /exit で終了');
+        expect(initialFrame).not.toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
         if (selectedIndex === 1) {
             stdin.write(INK_TEST_KEYS.shiftDownArrow);
             await flushInkStdin();
@@ -584,16 +732,16 @@ describe('IssueSessionTui', () => {
         });
         if (restoredQuestions.length === 1) {
             expect(lastFrame() ?? '').not.toContain('Open questions');
-            expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /exit で終了');
+            expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
         }
         else {
             expect(lastFrame() ?? '').toContain('Open questions');
             expect(lastFrame() ?? '').toContain('inq-resumed-1');
-            expect(lastFrame() ?? '').not.toContain('任意のタイミングで入力 · /exit で終了');
+            expect(lastFrame() ?? '').not.toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
             setOperatorQuestions([]);
             await flushInkStdin();
             expect(lastFrame() ?? '').not.toContain('Open questions');
-            expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /exit で終了');
+            expect(lastFrame() ?? '').toContain('任意のタイミングで入力 · /reconnect で再接続 · /exit で終了');
         }
     });
     it('renders all activity log label kinds with distinct markers', () => {
@@ -632,6 +780,43 @@ describe('IssueSessionTui', () => {
         expect(frame).not.toContain('**');
         expect(frame).not.toContain('`');
     });
+    it('renders nested Markdown links in pane activity and open questions', () => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {},
+            conductorOutput: null,
+            openQuestions: [
+                createOpenQuestion({
+                    id: 'inq-link',
+                    question: '- **choose** [this](https://example.com/question)\n' +
+                        '  - **`deep`**',
+                    context: 'Use [docs](https://example.com/context).',
+                }),
+            ],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        viewModel.appendActivityLog('conductor', '- **bold** [activity](https://example.com/activity)\n  - `nested`');
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, issueLinkMode: "osc8", onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        const visibleFrame = frame.replace(/\u001b\]8;;[^\u0007]*\u0007/g, '');
+        expect(visibleFrame).toContain('[conductor]');
+        expect(visibleFrame).toContain('- bold activity');
+        expect(visibleFrame).toContain('▸ inq-link [text] - choose this');
+        expect(visibleFrame).toContain('    Use docs.');
+        expect(frame).toContain('\u001b]8;;https://example.com/activity\u0007');
+        expect(frame).toContain('\u001b]8;;https://example.com/question\u0007');
+        expect(frame).toContain('\u001b]8;;https://example.com/context\u0007');
+        expect(frame).not.toContain('**');
+        expect(frame).not.toContain('`');
+    });
+    it('keeps inline link text visible without OSC 8 in URL fallback mode', () => {
+        const viewModel = createTuiViewModel();
+        viewModel.appendActivityLog('conductor', 'Read [docs](https://example.com/docs).');
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, issueLinkMode: "url", onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        expect(frame).toContain('Read docs.');
+        expect(frame).not.toContain('\u001b]8;;https://example.com/docs\u0007');
+    });
     it('embeds pane titles on top borders without inner title rows', () => {
         const viewModel = createTuiViewModel();
         viewModel.setDisplayState({
@@ -656,13 +841,15 @@ describe('IssueSessionTui', () => {
         expect(lastFrame() ?? '').toContain('Orchestration');
     });
     it('fills orchestration pane when scroll hint is shown on the top border', async () => {
+        const terminalRows = 24;
+        const liveFrameRows = terminalRows - 1;
         Object.defineProperty(process.stdout, 'columns', {
             configurable: true,
             value: 40,
         });
         Object.defineProperty(process.stdout, 'rows', {
             configurable: true,
-            value: 24,
+            value: terminalRows,
         });
         const viewModel = createTuiViewModel();
         fillScrollableHarnessLog(viewModel, 50);
@@ -670,7 +857,7 @@ describe('IssueSessionTui', () => {
         stdin.write(INK_TEST_KEYS.pageUp);
         await flushInkStdin();
         const capacity = computeOrchestrationLogVisibleLineCount(computeActivityPaneHeight({
-            terminalRows: 24,
+            terminalRows: liveFrameRows,
             hintLineCount: 2,
             openQuestionsPaneHeight: 0,
         }));
@@ -683,6 +870,7 @@ describe('IssueSessionTui', () => {
     });
     it('fills orchestration pane log rows without unused inner blank lines', () => {
         for (const terminalRows of [24, 40, 50]) {
+            const liveFrameRows = terminalRows - 1;
             Object.defineProperty(process.stdout, 'rows', {
                 configurable: true,
                 value: terminalRows,
@@ -691,7 +879,7 @@ describe('IssueSessionTui', () => {
             fillScrollableHarnessLog(viewModel, 100);
             const { lastFrame, unmount } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
             const capacity = computeActivityLogLineCapacity({
-                terminalRows,
+                terminalRows: liveFrameRows,
                 hintLineCount: 1,
                 openQuestionsPaneHeight: 0,
             });
@@ -766,18 +954,30 @@ describe('IssueSessionTui', () => {
                 workers: {},
                 conductorOutput: null,
                 openQuestions: [
-                    createOpenQuestion({ id: 'inq-1', question: 'First question' }),
-                    createOpenQuestion({ id: 'inq-2', question: 'Second question' }),
+                    createOpenQuestion({
+                        id: 'inq-1',
+                        question: 'First question',
+                        context: 'first selected detail',
+                    }),
+                    createOpenQuestion({
+                        id: 'inq-2',
+                        question: 'Second question',
+                        context: 'second selected detail',
+                    }),
                 ],
                 dispatchHold: { hold: false, heldEventCount: 0 },
             });
             const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
             expect(lastFrame() ?? '').toContain('▸ inq-1');
+            expect(lastFrame() ?? '').toContain('first selected detail');
+            expect(lastFrame() ?? '').not.toContain('second selected detail');
             stdin.write(INK_TEST_KEYS.shiftDownArrow);
             await flushInkStdin();
             const frame = lastFrame() ?? '';
             expect(frame).toContain('2/2');
             expect(frame).toContain('▸ inq-2');
+            expect(frame).toContain('second selected detail');
+            expect(frame).not.toContain('first selected detail');
         });
         it('does not change selection on plain arrow keys', async () => {
             const viewModel = createTuiViewModel();
@@ -839,7 +1039,7 @@ describe('IssueSessionTui', () => {
             await flushInkStdin();
             expect(onSubmit).toHaveBeenCalledWith('follow-up', undefined);
         });
-        it('grows open questions pane for long selected question text', () => {
+        it('keeps compact rows visible when long selected detail reaches the cap', async () => {
             const viewModel = createTuiViewModel();
             viewModel.setDisplayState({
                 workers: {},
@@ -847,16 +1047,36 @@ describe('IssueSessionTui', () => {
                 openQuestions: [
                     createOpenQuestion({
                         id: 'inq-long',
-                        question: 'word '.repeat(30),
-                        context: 'context '.repeat(10),
+                        question: `question-start ${'word '.repeat(100)}`,
+                        context: `first-detail-start ${'context '.repeat(80)}context-tail`,
+                    }),
+                    createOpenQuestion({
+                        id: 'inq-compact-1',
+                        question: 'Second question',
+                        context: 'second-detail',
+                    }),
+                    createOpenQuestion({
+                        id: 'inq-compact-2',
+                        question: 'Third question',
                     }),
                 ],
                 dispatchHold: { hold: false, heldEventCount: 0 },
             });
-            const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
-            const paneHeight = resolveOpenQuestionsPaneHeight(viewModel.getSnapshot().displayState.openQuestions);
+            const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+            const paneHeight = resolveOpenQuestionsPaneHeight(viewModel.getSnapshot().displayState.openQuestions, 23);
             expect(paneHeight).toBeGreaterThan(OPEN_QUESTIONS_PANE_MIN_HEIGHT);
-            expect(lastFrame() ?? '').toContain('context context');
+            const initialFrame = lastFrame() ?? '';
+            expect(initialFrame).toContain('first-detail-start');
+            expect(initialFrame).toContain('inq-compact-1');
+            expect(initialFrame).toContain('inq-compact-2');
+            stdin.write(INK_TEST_KEYS.shiftDownArrow);
+            await flushInkStdin();
+            const switchedFrame = lastFrame() ?? '';
+            expect(switchedFrame).toContain('▸ inq-compact-1');
+            expect(switchedFrame).toContain('second-detail');
+            expect(switchedFrame).toContain('inq-long');
+            expect(switchedFrame).toContain('inq-compact-2');
+            expect(switchedFrame).not.toContain('first-detail-start');
         });
     });
     describe('orchestration pane scroll (stdin integration)', () => {
@@ -888,6 +1108,24 @@ describe('IssueSessionTui', () => {
             expect(restoredFrame).toContain('[harness] line-29');
             expect(restoredFrame).not.toContain(SCROLL_HINT);
         });
+        it('keeps the same marker visible across a detached append and follows latest on End', async () => {
+            const viewModel = createTuiViewModel();
+            fillScrollableHarnessLog(viewModel);
+            const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+            stdin.write(INK_TEST_KEYS.pageUp);
+            await flushInkStdin();
+            expect(lastFrame() ?? '').toContain('[harness] line-16');
+            viewModel.appendActivityLog('harness', 'newest-marker');
+            await flushInkStdin();
+            const detachedFrame = lastFrame() ?? '';
+            expect(detachedFrame).toContain('[harness] line-16');
+            expect(detachedFrame).not.toContain('[harness] newest-marker');
+            stdin.write(INK_TEST_KEYS.end);
+            await flushInkStdin();
+            const followedFrame = lastFrame() ?? '';
+            expect(followedFrame).toContain('[harness] newest-marker');
+            expect(followedFrame).toContain('[harness] line-29');
+        });
         it('does not scroll on plain PgUp when input has text; Ctrl+PgUp scrolls without changing input', async () => {
             const viewModel = createTuiViewModel();
             fillScrollableHarnessLog(viewModel);