feat(cli): OpenTUI migration live-session and input batch

packages/cli/package.json

@@ -125,6 +125,7 @@
     "jsdom": "^26.1.0",
     "pretty-format": "^30.0.2",
     "react-dom": "^19.1.0",
+    "remend": "^1.3.1",
     "supertest": "^7.2.2",
     "typescript": "^5.3.3",
     "vitest": "^3.1.1"

packages/cli/src/ui/opentui/a11y-plain-text.test.ts

@@ -0,0 +1,104 @@
+/**
+ * @license
+ * Copyright 2026 Qwen
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+import { describe, it, expect } from 'vitest';
+import { markdownToPlainText, stripAnsi } from './a11y-plain-text.js';
+
+describe('stripAnsi', () => {
+  it('removes SGR color and attribute sequences', () => {
+    expect(stripAnsi('\x1b[31mred\x1b[0m')).toBe('red');
+    expect(stripAnsi('\x1b[1;33mbold yellow\x1b[0m')).toBe('bold yellow');
+    expect(stripAnsi('\x1b[38:5:208mext\x1b[0m')).toBe('ext');
+  });
+
+  it('removes cursor movement and erase sequences', () => {
+    expect(stripAnsi('\x1b[2K\x1b[1Atext\x1b[2J')).toBe('text');
+    expect(stripAnsi('\x1b[?25lhidden cursor\x1b[?25h')).toBe('hidden cursor');
+  });
+
+  it('removes OSC sequences with BEL or ST terminators', () => {
+    expect(stripAnsi('\x1b]8;;https://example.com\x07link\x1b]8;;\x07')).toBe(
+      'link',
+    );
+    expect(stripAnsi('\x1b]0;window title\x1b\\body')).toBe('body');
+  });
+
+  it('leaves plain text untouched', () => {
+    expect(stripAnsi('hello world')).toBe('hello world');
+    expect(stripAnsi('')).toBe('');
+  });
+});
+
+describe('markdownToPlainText', () => {
+  it('strips heading markers', () => {
+    expect(markdownToPlainText('# Title')).toBe('Title');
+    expect(markdownToPlainText('### Deep heading')).toBe('Deep heading');
+  });
+
+  it('strips emphasis and inline code markers', () => {
+    expect(markdownToPlainText('**bold** and *em* and _u_')).toBe(
+      'bold and em and u',
+    );
+    expect(markdownToPlainText('run `npm test` now')).toBe('run npm test now');
+    expect(markdownToPlainText('__strong__ ~~gone~~')).toBe('strong gone');
+  });
+
+  it('reduces links and images to their text', () => {
+    expect(markdownToPlainText('see [docs](https://x.dev) now')).toBe(
+      'see docs now',
+    );
+    expect(markdownToPlainText('logo ![alt text](img.png) end')).toBe(
+      'logo alt text end',
+    );
+  });
+
+  it('keeps fenced code bodies, dropping the fences', () => {
+    const md = ['```ts', 'const a = 1;', '```'].join('\n');
+    expect(markdownToPlainText(md)).toBe('const a = 1;');
+  });
+
+  it('drops blockquote prefixes and horizontal rules', () => {
+    expect(markdownToPlainText('> quoted line')).toBe('quoted line');
+    expect(markdownToPlainText('a\n---\nb')).toBe('a\n\nb');
+  });
+
+  it('keeps bullet markers and plain lines', () => {
+    expect(markdownToPlainText('- first\n- second')).toBe('- first\n- second');
+    expect(markdownToPlainText('just text')).toBe('just text');
+  });
+
+  it('leaves dunders and snake_case identifiers untouched', () => {
+    expect(markdownToPlainText('def __init__(self):')).toBe(
+      'def __init__(self):',
+    );
+    expect(markdownToPlainText('use snake_case_name here')).toBe(
+      'use snake_case_name here',
+    );
+    // Boundary-guarded underscore emphasis still works.
+    expect(markdownToPlainText('really _important_ now')).toBe(
+      'really important now',
+    );
+  });
+
+  it('keeps fence-like lines inside a block opened by the other character (R1-47/48)', () => {
+    // CommonMark: a fence only closes on the same character.
+    expect(markdownToPlainText('~~~\n```\nbody\n~~~\nafter')).toBe(
+      '```\nbody\nafter',
+    );
+    expect(markdownToPlainText('```\n~~~\nbody\n```\nafter')).toBe(
+      '~~~\nbody\nafter',
+    );
+  });
+
+  it('recognizes headings inside blockquotes (R1-1)', () => {
+    expect(markdownToPlainText('> # Title')).toBe('Title');
+  });
+
+  it('keeps code-span contents literal — no link/emphasis consumption (R1-1)', () => {
+    expect(markdownToPlainText('`[a](b)`')).toBe('[a](b)');
+    expect(markdownToPlainText('`**not bold**`')).toBe('**not bold**');
+  });
+});

packages/cli/src/ui/opentui/a11y-plain-text.ts

@@ -0,0 +1,100 @@
+/**
+ * @license
+ * Copyright 2026 Qwen
+ * SPDX-License-Identifier: Apache-2.0
+ */
+
+/**
+ * Plain-text conversions for screen-reader parity. Ink's screen-reader path
+ * renders squashed text only (no styles, borders or backgrounds), so the
+ * OpenTUI equivalent needs ANSI-stripped, markdown-reduced text for anything
+ * it would otherwise draw with colors or structure.
+ */
+
+/**
+ * Matches ANSI escape sequences: CSI (colors, cursor movement), OSC
+ * (hyperlinks, title queries) with BEL/ST terminators, and two-character
+ * Fe sequences.
+ */
+const ANSI_ESCAPES =
+  // eslint-disable-next-line no-control-regex
+  /\x1b(?:\[[0-9;:?]*[ -/]*[@-~]|\][^\u0007\x1b]*(?:\u0007|\x1b\\)?|[@-Z\\-_])/g;
+
+/** Strips all ANSI escape sequences, leaving the readable text. */
+export function stripAnsi(text: string): string {
+  return text.replace(ANSI_ESCAPES, '');
+}
+
+/**
+ * Reduces markdown to the plain text a screen reader should announce:
+ * headings lose their hashes, fenced code keeps its body, emphasis markers
+ * disappear, links and images reduce to their text/alt, blockquote prefixes
+ * and horizontal rules are dropped. Bullet markers stay — they are readable
+ * content in the ink parity path too.
+ */
+export function markdownToPlainText(markdown: string): string {
+  const result: string[] = [];
+  // The fence character that opened the current code block, or null outside
+  // one. CommonMark: a fence only closes on the same character, so a
+  // fence-like line inside a block opened by the other character is body.
+  let fenceChar: '`' | '~' | null = null;
+
+  for (const rawLine of markdown.split('\n')) {
+    // Block-level passes run on the de-quoted view so headings and fences
+    // inside blockquotes are recognized; the prefix is not content.
+    const line = rawLine.replace(/^(?:\s*>\s?)+/, '');
+    const fenceMatch = /^\s*(```|~~~)/.exec(line);
+    if (fenceMatch) {
+      const char = fenceMatch[1]!.charAt(0) as '`' | '~';
+      if (fenceChar === null) {
+        fenceChar = char;
+      } else if (fenceChar === char) {
+        fenceChar = null;
+      } else {
+        result.push(line);
+      }
+      continue;
+    }
+    if (fenceChar !== null) {
+      result.push(line);
+      continue;
+    }
+
+    let text = line;
+    // Headings: "# Title" -> "Title".
+    text = text.replace(/^ {0,3}#{1,6}\s+/, '');
+    // Horizontal rules vanish in screen-reader output.
+    if (/^ {0,3}(?:-{3,}|\*{3,}|_{3,})\s*$/.test(text)) {
+      result.push('');
+      continue;
+    }
+    // Extract code spans before the other inline passes: their contents are
+    // literal text and must not be consumed as links/emphasis markup.
+    const codeSpans: string[] = [];
+    text = text.replace(/`([^`]*)`/g, (_, span: string) => {
+      codeSpans.push(span);
+      return `\u0000${codeSpans.length - 1}\u0000`;
+    });
+    // Images -> alt text, links -> link text.
+    text = text.replace(/!\[([^\]]*)\]\([^)]*\)/g, '$1');
+    text = text.replace(/\[([^\]]*)\]\([^)]*\)/g, '$1');
+    // Bold before italic so "**x**" is not eaten twice.
+    text = text.replace(/\*\*(?=\S)([\s\S]*?\S)\*\*/g, '$1');
+    // Underscore emphasis only applies at word boundaries (CommonMark), so
+    // "__init__" and snake_case identifiers survive untouched.
+    text = text.replace(/(^|\s)__(?=\S)([\s\S]*?\S)__(?=\s|$)/g, '$1$2');
+    text = text.replace(/~~(?=\S)([\s\S]*?\S)~~/g, '$1');
+    text = text.replace(/\*(?=\S)([\s\S]*?\S)\*/g, '$1');
+    text = text.replace(/(^|\s)_(?=\S)([\s\S]*?\S)_(?=\s|$)/g, '$1$2');
+    // Restore the code-span contents last.
+    text = text.replace(
+      // eslint-disable-next-line no-control-regex -- NUL marks extracted code spans
+      /\u0000(\d+)\u0000/g,
+      (_, index: string) => codeSpans[Number(index)] ?? '',
+    );
+
+    result.push(text);
+  }
+
+  return result.join('\n');
+}