@agents-ensemble/cli 0.13.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_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;
@@ -21,12 +23,12 @@ class ResizeSource extends EventEmitter {
 }
 function findOperatorInputLine(lines) {
     const operatorLineIndices = lines
-        .map((line, index) => (line.includes('operator>') ? index : -1))
+        .map((line, index) => (line.includes(OPERATOR_INPUT_PROMPT) ? index : -1))
         .filter((index) => index >= 0);
     const lineIndex = operatorLineIndices.at(-1) ?? -1;
     const line = lines[lineIndex] ?? '';
-    const promptIndex = line.lastIndexOf('operator> ');
-    const inputStartX = promptIndex >= 0 ? promptIndex + 'operator> '.length : -1;
+    const promptIndex = line.lastIndexOf(OPERATOR_INPUT_PROMPT);
+    const inputStartX = promptIndex >= 0 ? promptIndex + OPERATOR_INPUT_PROMPT.length : -1;
     return { lineIndex, inputStartX };
 }
 function expectNoContentOnBorderLines(frame) {
@@ -34,6 +36,7 @@ function expectNoContentOnBorderLines(frame) {
         if (line.startsWith('╭') || line.startsWith('╰') || line.startsWith('┌') || line.startsWith('└')) {
             expect(line).not.toMatch(/\[(?:operator|conductor|implementer|reviewer)\]/);
             expect(line).not.toMatch(/operator>/);
+            expect(line).not.toContain(OPERATOR_INPUT_PROMPT);
         }
     }
 }
@@ -52,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',
@@ -96,17 +100,180 @@ describe('IssueSessionTui', () => {
         stdin.write('/');
         await flushInkStdin();
         const allCommandsFrame = lastFrame() ?? '';
+        expect(allCommandsFrame).toContain(`${OPERATOR_INPUT_PROMPT}/`);
+        expect(allCommandsFrame).not.toContain('operator> ');
         expect(allCommandsFrame).toContain('/reconnect — conductor を再接続');
         expect(allCommandsFrame).toContain('/exit — セッションを終了');
         stdin.write('ex');
         await flushInkStdin();
         const filteredFrame = lastFrame() ?? '';
+        expect(filteredFrame).toContain(`${OPERATOR_INPUT_PROMPT}/ex`);
         expect(filteredFrame).toContain('/exit — セッションを終了');
         expect(filteredFrame).not.toContain('/reconnect — conductor を再接続');
         stdin.write('\r');
         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,
+            value: 20,
+        });
+        const viewModel = createTuiViewModel();
+        const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        stdin.write('1234567890');
+        await flushInkStdin();
+        const frame = lastFrame() ?? '';
+        expect(frame).toContain(`${OPERATOR_INPUT_PROMPT}1234567890`);
+        expect(frame).not.toContain('operator> ');
+    });
     it('selects slash suggestions with bounded arrows and completes with Tab before Enter submits', async () => {
         const viewModel = createTuiViewModel();
         const onSubmit = vi.fn();
@@ -124,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');
@@ -141,12 +308,107 @@ describe('IssueSessionTui', () => {
             stdin.write(key);
             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 pane 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(IssueSessionTui, { 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 pane 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(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        stdin.write('/');
+        await flushInkStdin();
+        expect(lastFrame() ?? '').toContain('› /reconnect');
+        expect(lastFrame() ?? '').not.toContain('› exit: Exit mode');
+    });
     it('resets selection to the first matching candidate when the prefix changes', async () => {
         const viewModel = createTuiViewModel();
         const { stdin, lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
@@ -162,7 +424,7 @@ describe('IssueSessionTui', () => {
         expect(lastFrame() ?? '').toContain('› /exit');
         stdin.write(INK_TEST_KEYS.tab);
         await flushInkStdin();
-        expect(lastFrame() ?? '').toContain('operator> /exit');
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}/exit`);
     });
     it('keeps Tab and arrow editing behavior when there is no match or input is multiline', async () => {
         const viewModel = createTuiViewModel();
@@ -172,7 +434,7 @@ describe('IssueSessionTui', () => {
         await flushInkStdin();
         stdin.write(INK_TEST_KEYS.tab);
         await flushInkStdin();
-        expect(lastFrame() ?? '').toContain('operator> /unknown');
+        expect(lastFrame() ?? '').toContain(`${OPERATOR_INPUT_PROMPT}/unknown`);
         expect(onSubmit).not.toHaveBeenCalled();
         stdin.write('\r');
         await flushInkStdin();
@@ -225,7 +487,7 @@ describe('IssueSessionTui', () => {
         expect(frame).toContain('inq-1');
         expect(frame).toContain('1/1');
         expect(frame).toContain('Shift+↑↓で選択');
-        expect(frame).toContain('operator>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         expect(frame).toContain(INPUT_PANE_TITLE);
     });
     it('shows dispatch hold count in the Workers pane title', () => {
@@ -255,7 +517,7 @@ describe('IssueSessionTui', () => {
         viewModel.setPostLoopWaiting(true);
         const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, 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('post-loop 待機中');
@@ -276,7 +538,7 @@ describe('IssueSessionTui', () => {
         expect(frame).toContain(issueLabel);
         expect(frame).toContain(osc8Open);
         expect(frame).not.toContain(nonCanonicalOsc8Open);
-        expect(frame).toContain('operator>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         expect(frame).not.toContain('任意入力');
         expect(frame).not.toContain('/reconnect');
         viewModel.setDisplayState({
@@ -313,7 +575,7 @@ describe('IssueSessionTui', () => {
         expect(lastFrame() ?? '').toContain(issueLabel);
         expect(lastFrame() ?? '').toContain(osc8Open);
         expect(lastFrame() ?? '').not.toContain(nonCanonicalOsc8Open);
-        expect(lastFrame() ?? '').toContain('operator>');
+        expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
         expect(lastFrame() ?? '').not.toContain('追加指示');
         expect(lastFrame() ?? '').not.toContain('/reconnect');
         expect(lastFrame() ?? '').not.toContain('post-loop 待機中');
@@ -407,7 +669,7 @@ describe('IssueSessionTui', () => {
         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);
@@ -488,7 +750,7 @@ describe('IssueSessionTui', () => {
             maxTurns: null,
             openQuestions: [],
         });
-        const operatorPrompt = 'operator> ';
+        const operatorPrompt = OPERATOR_INPUT_PROMPT;
         const hintLineCount = resolveOperatorInputDisplayMode({
             openQuestions: viewModel.getSnapshot().operatorContext?.openQuestions ?? [],
         }).hintLines.length;
@@ -529,7 +791,7 @@ describe('IssueSessionTui', () => {
             maxTurns: null,
             openQuestions: [],
         });
-        const operatorPrompt = 'operator> ';
+        const operatorPrompt = OPERATOR_INPUT_PROMPT;
         const hintLineCount = resolveOperatorInputDisplayMode({
             openQuestions: viewModel.getSnapshot().operatorContext?.openQuestions ?? [],
         }).hintLines.length;
@@ -565,6 +827,8 @@ describe('IssueSessionTui', () => {
         });
         const { lastFrame: thinkingFrame, unmount: unmountThinking } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
         expect(thinkingFrame() ?? '').toContain('conductor: thinking');
+        expect(thinkingFrame() ?? '').toContain('implementer: idle');
+        expect(thinkingFrame() ?? '').not.toContain('implementer (implementer)');
         unmountThinking();
         viewModel.setDisplayState({
             workers: {
@@ -579,6 +843,151 @@ describe('IssueSessionTui', () => {
         expect(idleFrame() ?? '').toContain('conductor: idle');
         expect(idleFrame() ?? '').not.toContain('conductor: thinking');
     });
+    it('formats worker names and running activity in the workers pane', () => {
+        const viewModel = createTuiViewModel();
+        viewModel.setDisplayState({
+            workers: {
+                conductor: { kind: 'conductor', status: 'running' },
+                implementer: {
+                    kind: 'implementer',
+                    status: 'running',
+                    activity: 'calling: Shell',
+                },
+                impl: {
+                    kind: 'implementer',
+                    status: 'running',
+                    activity: 'editing files',
+                },
+            },
+            conductorOutput: null,
+            openQuestions: [],
+            dispatchHold: { hold: false, heldEventCount: 0 },
+        });
+        const { lastFrame } = render(_jsx(IssueSessionTui, { viewModel: viewModel, onSubmit: () => { } }));
+        const frame = lastFrame() ?? '';
+        expect(frame).toContain('conductor: thinking');
+        expect(frame).toContain('implementer: running (calling: Shell)');
+        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;
@@ -640,7 +1049,7 @@ describe('IssueSessionTui', () => {
         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>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         terminalSizeStore.dispose();
     });
     it('coalesces staged same-row shrink before redrawing the pane frame', async () => {
@@ -685,7 +1094,7 @@ describe('IssueSessionTui', () => {
             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>');
+            expect(finalFrame).toContain(OPERATOR_INPUT_PROMPT);
         }
         finally {
             unsubscribe();
@@ -720,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,
             });
@@ -745,7 +1156,8 @@ describe('IssueSessionTui', () => {
             expect(inputLine.lineIndex).toBeLessThan(lines.length);
             expect(inputLine.inputStartX).toBeGreaterThanOrEqual(0);
             expect(frame).toContain('Orchestration');
-            expect(frame).toContain('operator>');
+            expect(frame).toContain(OPERATOR_INPUT_PROMPT);
+            expect(frame).not.toContain('operator> ');
         }
         finally {
             terminalSizeStore.dispose();
@@ -759,15 +1171,40 @@ describe('IssueSessionTui', () => {
         expect(frame).toContain('(活動ログなし)');
         expect(frame).not.toContain('Open questions');
         expect(frame).not.toContain('(未回答なし)');
-        expect(frame).toContain('operator>');
+        expect(frame).toContain(OPERATOR_INPUT_PROMPT);
         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: () => { } }));
         expect(lastFrame() ?? '').not.toContain('Open questions');
-        expect(lastFrame() ?? '').toContain('operator>');
+        expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
         expect(lastFrame() ?? '').not.toContain('任意入力');
         viewModel.setDisplayState({
             workers: {},
@@ -787,7 +1224,7 @@ describe('IssueSessionTui', () => {
         });
         await flushInkStdin();
         expect(lastFrame() ?? '').not.toContain('Open questions');
-        expect(lastFrame() ?? '').toContain('operator>');
+        expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
         expect(lastFrame() ?? '').not.toContain('任意入力');
     });
     it.each([
@@ -836,7 +1273,7 @@ describe('IssueSessionTui', () => {
         });
         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 {
@@ -846,20 +1283,32 @@ describe('IssueSessionTui', () => {
             setOperatorQuestions([]);
             await flushInkStdin();
             expect(lastFrame() ?? '').not.toContain('Open questions');
-            expect(lastFrame() ?? '').toContain('operator>');
+            expect(lastFrame() ?? '').toContain(OPERATOR_INPUT_PROMPT);
             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');
     });
@@ -1054,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({
@@ -1197,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 () => {
@@ -1225,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();
@@ -1258,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');
         });
     });