@mobius-os/mobius 0.3.27 → 0.3.34

package/tests/scroll.test.tsx

@@ -0,0 +1,253 @@
+/**
+ * Chat viewport regression: history paging and live terminal resizing.
+ *
+ * The chat caps the transcript to the terminal height and (because Ink redraws
+ * only the live frame) the terminal's own scrollback holds no past turns, so
+ * older messages used to be unreachable. The fix is an in-app pager: PageUp
+ * scrolls back through history, PageDown forward, with a "stick to latest"
+ * rule so the conversation auto-follows again once you page back to the bottom.
+ *
+ * It also emits real stdout resize events after a long transcript is present.
+ * The dynamic tree must refit the visible records without duplicating or
+ * corrupting the fixed header, composer, and status rows.
+ *
+ * Run:  npm run test:scroll
+ */
+import os from 'node:os'
+import path from 'node:path'
+import fs from 'node:fs'
+
+const TMP_HOME = fs.mkdtempSync(path.join(os.tmpdir(), 'mobius-tui-scroll-'))
+process.env.MOBIUS_TUI_HOME = TMP_HOME
+
+import React from 'react'
+import { render } from 'ink-testing-library'
+import { App } from '../src/App.js'
+
+const delay = (ms: number) => new Promise<void>((r) => setTimeout(r, ms))
+const RS: any = (globalThis as any).ReadableStream
+const enc = new TextEncoder()
+let sseController: any = null
+
+function json(body: unknown, status = 200) {
+  return new Response(JSON.stringify(body), { status, headers: { 'content-type': 'application/json' } })
+}
+function emitEntry(n: number) {
+  // distinct uuid per entry so useChat's de-dup keeps every one
+  const payload = { event: 'jsonl_entry', session_id: SID, entry: { type: 'assistant', uuid: `a-${n}`, message: { role: 'assistant', content: [{ type: 'text', text: `回答 ${n}` }] } } }
+  sseController?.enqueue(enc.encode(`event: jsonl_entry\ndata: ${JSON.stringify(payload)}\n\n`))
+}
+
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+const strip = (s: string) => s.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '')
+const answerCount = (s: string) => (strip(s).match(/回答 \d+/g) ?? []).length
+
+function resize(stdout: NodeJS.WriteStream, columns: number, rows: number) {
+  Object.defineProperty(stdout, 'columns', { configurable: true, value: columns })
+  Object.defineProperty(stdout, 'rows', { configurable: true, value: rows })
+  Object.defineProperty(stdout, 'isTTY', { configurable: true, value: true })
+  stdout.emit('resize')
+}
+
+const PID = 'proj-1', IID = 'issue-1', SID = 'sess-1'
+
+function mockFetch(url: string, init?: RequestInit): Response {
+  if (url.includes('/events')) {
+    return new Response(new RS({
+      start(c: any) {
+        sseController = c
+        c.enqueue(enc.encode('event: subscribed\ndata: {"event":"subscribed"}\n\n'))
+      },
+    }), { status: 200, headers: { 'content-type': 'text/event-stream' } })
+  }
+  const method = init?.method ?? 'GET'
+  if (url.endsWith('/api/auth/config')) return json({ password_required: false })
+  if (url.endsWith('/api/auth/me')) return json({ id: 'tester', display_name: 'Test User', role: 'admin', work_dir: '/tmp' })
+  if (url.endsWith('/api/auth/login')) return json({ token: 'mock-jwt-token', user: { id: 'tester', display_name: 'Test User', role: 'admin' } })
+  if (url.includes('/aimux_bridge/api/remotes/') && url.includes('/connection')) {
+    const m = url.match(/remotes\/([^/]+)\/connection/)
+    return json({ identifier: m ? decodeURIComponent(m[1]) : 'x', event_stream_connected: true })
+  }
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'POST') return json({ session_id: SID })
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'GET') return json([])
+  if (url.endsWith('/messages') && method === 'POST') return json({ ok: true, session_id: SID, turn_number: 1 }) // keep SSE alive
+  if (url.endsWith(`/api/sessions/${SID}/status`)) return json({ session_id: SID, alive: true, working: false })
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'POST') return json({ id: IID, project_id: PID, title: '命令行任务' })
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'GET') return json([])
+  if (url.includes('/api/projects') && method === 'GET') return json([{ id: PID, name: '已有项目甲' }])
+  if (url.endsWith('/api/projects') && method === 'POST') return json({ id: PID, name: '测试项目PTY' })
+  if (url.includes('/sessions/model-options')) return json([{ key: 'codex', label: 'GPT-5.5', title: 'GPT-5.5', sub: 'Codex', backend: 'tmux-codex' }])
+  if (url.includes('/sessions/default-model')) return json({ model: 'codex' })
+  if (url.includes('/skills')) return json([])
+  if (url.includes('/memories')) return json([])
+  return json({ error: `unmocked ${method} ${url}` }, 404)
+}
+
+async function waitFor(lastFrame: () => string | undefined, needle: string, timeoutMs = 6000) {
+  for (let i = 0; i < timeoutMs / 50; i++) {
+    if ((strip(lastFrame() ?? '')).includes(needle)) return true
+    await delay(50)
+  }
+  return false
+}
+
+// Walk the prep wizard (project → issue → model → language) into the chat.
+async function bootToChat(stdin: any, lastFrame: () => string | undefined) {
+  ok(await waitFor(lastFrame, '选择当前路径的绑定项目'), 'booted into project picker')
+  stdin.write('\r'); await delay(120)
+  ok(await waitFor(lastFrame, '项目名称'), 'project create wizard opened')
+  stdin.write('测试项目PTY'); await delay(120)
+  stdin.write('\r'); await delay(300)
+  ok(await waitFor(lastFrame, '创建新任务'), 'issue picker shown')
+  stdin.write('\r'); await delay(120)
+  ok(await waitFor(lastFrame, '输入任务名称'), 'issue name wizard opened')
+  stdin.write('命令行任务'); await delay(120)
+  stdin.write('\r'); await delay(300)
+  ok(await waitFor(lastFrame, '选择模型'), 'model picker shown')
+  stdin.write('\r'); await delay(250)
+  ok(await waitFor(lastFrame, '选择回复语言'), 'language picker shown')
+  stdin.write('\r'); await delay(400)
+  ok(await waitFor(lastFrame, '输入问题'), 'entered chat')
+}
+
+async function populateTranscript(stdin: any, emit: (n: number) => void, count = 25) {
+  stdin.write('hi'); await delay(120)
+  stdin.write('\r'); await delay(400)                     // creates session → SSE connects
+  for (let i = 0; i < count; i++) { emit(i); await delay(15) }
+  await delay(500)
+}
+
+async function main() {
+  fs.writeFileSync(path.join(TMP_HOME, 'login.json'), JSON.stringify({
+    server: 'http://mock.local', username: 'tester', token: 'mock-jwt-token',
+    user: { id: 'tester', display_name: 'Test User', role: 'admin' },
+  }))
+  const realFetch = globalThis.fetch
+  globalThis.fetch = ((u: any, init?: any) => mockFetch(String(u), init)) as unknown as typeof fetch
+
+  console.log('\n[SCROLL] in-app history pager (mocked backend)\n')
+  const { stdin, stdout, lastFrame, unmount } = render(React.createElement(App))
+
+  try {
+    // ── boot through the prep wizard into chat ────────────────────────────────
+    await bootToChat(stdin, lastFrame)
+
+    // ── populate a long transcript ────────────────────────────────────────────
+    await populateTranscript(stdin, emitEntry)
+    const tailFrame = strip(lastFrame() ?? '')
+
+    ok(tailFrame.includes('回答 24'), 'latest entry visible at tail (not hidden)')
+    ok(tailFrame.includes('↑ 还有较早内容') && tailFrame.includes('滚轮 3 行'), 'navigation reports older content and the exact wheel step')
+
+    // ── live resize: refit one dynamic frame, never retain old-width output ──
+    resize(stdout as unknown as NodeJS.WriteStream, 52, 18)
+    await delay(300)
+    const narrowFrame = strip(lastFrame() ?? '')
+    const narrowAnswers = answerCount(narrowFrame)
+    ok(narrowFrame.includes('回答 24'), 'narrow resize keeps the latest reply visible')
+    ok(narrowFrame.includes('Mobius') && narrowFrame.includes('输入问题或 / 命令') && narrowFrame.includes('web ·'), 'narrow resize preserves header, composer, and status')
+    ok((narrowFrame.match(/>_ Mobius/g) ?? []).length === 1, 'narrow resize leaves exactly one dynamic header')
+
+    resize(stdout as unknown as NodeJS.WriteStream, 100, 36)
+    await delay(300)
+    const tallFrame = strip(lastFrame() ?? '')
+    const tallAnswers = answerCount(tallFrame)
+    ok(tallFrame.includes('回答 24'), 'larger resize keeps the latest reply visible')
+    ok(tallAnswers > narrowAnswers, 'larger resize reveals more history in the same viewport')
+    ok((tallFrame.match(/>_ Mobius/g) ?? []).length === 1, 'larger resize still has one dynamic header')
+
+    // Navigation is a fixed one-row part of the conversation chrome. It must be
+    // the FIRST line below the header and state the exact PageUp/PageDown step.
+    const tallLines = tallFrame.split('\n')
+    const hintIdx = tallLines.findIndex(l => l.includes('滚轮 3 行'))
+    ok(hintIdx === 1, `navigation is the first line under the header (line ${hintIdx}, expected 1)`)
+    ok(/PageUp\/PageDown \d+ 行/.test(tallLines[hintIdx] ?? ''), 'navigation exposes the deterministic page size')
+    const messageRows = tallLines.slice(hintIdx + 1).filter(line => line.trim())
+    ok(messageRows.length > 0 && messageRows[0].includes('回答'), 'a real virtualized message row follows navigation without a synthetic peek row')
+
+    // ── PageUp: viewport scrolls back over history ────────────────────────────
+    stdin.write('\x1b[5~')                                   // PageUp
+    await delay(300)
+    const upFrame = strip(lastFrame() ?? '')
+    ok(upFrame.includes('↓ 较新内容'), 'after PageUp: navigation reports newer content below')
+    ok(!upFrame.includes('回答 24'), 'after PageUp: latest entry paged out of view')
+    ok(/回答 \d+/.test(upFrame), 'after PageUp: an older entry is visible')
+
+    // ── PageDown: snaps back to the latest ────────────────────────────────────
+    stdin.write('\x1b[6~')                                   // PageDown
+    await delay(300)
+    const downFrame = strip(lastFrame() ?? '')
+    ok(downFrame.includes('回答 24'), 'after PageDown: latest entry back in view')
+
+    // ── Mouse wheel: SGR wheel events drive the same pager ────────────────────
+    stdin.write('\x1b[<64;5;5M')                             // wheel up = scroll back
+    await delay(300)
+    const wheelUp = strip(lastFrame() ?? '')
+    ok(wheelUp.includes('↓ 较新内容'), 'wheel up: navigation reports newer content below')
+    ok(!wheelUp.includes('回答 24'), 'wheel up: latest entry paged out of view')
+    ok(/回答 \d+/.test(wheelUp), 'wheel up: an older entry is visible')
+
+    stdin.write('\x1b[<65;5;5M')                             // wheel down = scroll forward
+    await delay(300)
+    const wheelDown = strip(lastFrame() ?? '')
+    ok(wheelDown.includes('回答 24'), 'wheel down: latest entry back in view')
+
+    // ── Mouse wheel (legacy X10 encoding, terminals without SGR 1006) ────────
+    // wheel up: ESC [ M Cb Cx Cy, Cb = button + 32 → 0x60 (96); coords at 18,18
+    stdin.write('\x1b[M' + String.fromCharCode(96, 50, 50))
+    await delay(300)
+    const legacyUp = strip(lastFrame() ?? '')
+    ok(legacyUp.includes('↓ 较新内容'), 'legacy wheel up: navigation reports newer content below')
+    ok(!legacyUp.includes('回答 24'), 'legacy wheel up: latest entry paged out of view')
+
+    stdin.write('\x1b[M' + String.fromCharCode(97, 50, 50))  // wheel down Cb = 0x61
+    await delay(300)
+    const legacyDown = strip(lastFrame() ?? '')
+    ok(legacyDown.includes('回答 24'), 'legacy wheel down: latest entry back in view')
+  } finally {
+    unmount()
+    globalThis.fetch = realFetch
+  }
+
+  // ── Phase 2: MOBIUS_TUI_DISABLE_MOUSE=1 opts out of wheel mode ─────────────
+  // Mouse reporting hands the terminal mouse to the app, which disables native
+  // drag-select. The env flag is the escape hatch: wheel stops, selection is
+  // free again. Here we assert wheel events no longer scroll the pager. A fresh
+  // MOBIUS_TUI_HOME is used because phase 1 persisted a dir→project binding.
+  const TMP_HOME2 = fs.mkdtempSync(path.join(os.tmpdir(), 'mobius-tui-scroll2-'))
+  process.env.MOBIUS_TUI_DISABLE_MOUSE = '1'
+  process.env.MOBIUS_TUI_HOME = TMP_HOME2
+  fs.writeFileSync(path.join(TMP_HOME2, 'login.json'), JSON.stringify({
+    server: 'http://mock.local', username: 'tester', token: 'mock-jwt-token',
+    user: { id: 'tester', display_name: 'Test User', role: 'admin' },
+  }))
+  globalThis.fetch = ((u: any, init?: any) => mockFetch(String(u), init)) as unknown as typeof fetch
+  const second = render(React.createElement(App))
+  try {
+    await bootToChat(second.stdin, second.lastFrame)
+    await populateTranscript(second.stdin, emitEntry)
+    const before = strip(second.lastFrame() ?? '')
+    const beforeAnswers = before.match(/回答 \d+/g) ?? []
+    ok(before.includes('回答 24'), 'disable-mouse: latest entry visible before wheel')
+
+    second.stdin.write('\x1b[<64;5;5M')                    // wheel up — must be ignored
+    await delay(300)
+    const after = strip(second.lastFrame() ?? '')
+    const afterAnswers = after.match(/回答 \d+/g) ?? []
+    ok(after.includes('回答 24'), 'disable-mouse: wheel up leaves latest entry in view')
+    ok(JSON.stringify(afterAnswers) === JSON.stringify(beforeAnswers), 'disable-mouse: wheel up leaves the visible row window unchanged')
+  } finally {
+    second.unmount()
+    delete process.env.MOBIUS_TUI_DISABLE_MOUSE
+    delete process.env.MOBIUS_TUI_HOME
+    globalThis.fetch = realFetch
+    try { fs.rmSync(TMP_HOME2, { recursive: true, force: true }) } catch { /* ignore */ }
+  }
+
+  try { fs.rmSync(TMP_HOME, { recursive: true, force: true }) } catch { /* ignore */ }
+  console.log(`\n==== SCROLL RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => { console.error('FATAL', e); process.exit(2) })

package/tests/selection.test.tsx

@@ -0,0 +1,219 @@
+/**
+ * Drag selection (tmux-style) regression tests.
+ *
+ * With terminal mouse reporting enabled the app owns the mouse, so it draws its
+ * own selection highlight and copies the range to the system clipboard via OSC
+ * 52 on release. The screen-text model maps mouse (row, col) back to
+ * (entry, line, char); if that mapping drifts from the rendered transcript the
+ * copied text is wrong — so asserting the exact OSC 52 payload is the real
+ * alignment check.
+ *
+ * Run: npm run test:selection
+ */
+import os from 'node:os'
+import path from 'node:path'
+import fs from 'node:fs'
+
+const TMP_HOME = fs.mkdtempSync(path.join(os.tmpdir(), 'mobius-tui-sel-'))
+process.env.MOBIUS_TUI_HOME = TMP_HOME
+
+import React from 'react'
+import { render } from 'ink-testing-library'
+import { App } from '../src/App.js'
+
+const delay = (ms: number) => new Promise<void>((r) => setTimeout(r, ms))
+const RS: any = (globalThis as any).ReadableStream
+const enc = new TextEncoder()
+let sseController: any = null
+
+function json(body: unknown, status = 200) {
+  return new Response(JSON.stringify(body), { status, headers: { 'content-type': 'application/json' } })
+}
+function emitEntry(n: number) {
+  const payload = { event: 'jsonl_entry', session_id: SID, entry: { type: 'assistant', uuid: `a-${n}`, message: { role: 'assistant', content: [{ type: 'text', text: `回答 ${n}` }] } } }
+  sseController?.enqueue(enc.encode(`event: jsonl_entry\ndata: ${JSON.stringify(payload)}\n\n`))
+}
+function emitAssistantText(text: string) {
+  const payload = { event: 'jsonl_entry', session_id: SID, entry: { type: 'assistant', uuid: `a-${Date.now()}`, message: { role: 'assistant', content: [{ type: 'text', text }] } } }
+  sseController?.enqueue(enc.encode(`event: jsonl_entry\ndata: ${JSON.stringify(payload)}\n\n`))
+}
+function emitUserText(text: string) {
+  const payload = { event: 'jsonl_entry', session_id: SID, entry: { type: 'user', uuid: `u-${Date.now()}`, message: { role: 'user', content: [{ type: 'text', text }] } } }
+  sseController?.enqueue(enc.encode(`event: jsonl_entry\ndata: ${JSON.stringify(payload)}\n\n`))
+}
+
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+const strip = (s: string) => s.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '')
+
+function resize(stdout: NodeJS.WriteStream, columns: number, rows: number) {
+  Object.defineProperty(stdout, 'columns', { configurable: true, value: columns })
+  Object.defineProperty(stdout, 'rows', { configurable: true, value: rows })
+  Object.defineProperty(stdout, 'isTTY', { configurable: true, value: true })
+  stdout.emit('resize')
+}
+
+const PID = 'proj-1', IID = 'issue-1', SID = 'sess-1'
+
+function mockFetch(url: string, init?: RequestInit): Response {
+  if (url.includes('/events')) {
+    return new Response(new RS({
+      start(c: any) {
+        sseController = c
+        c.enqueue(enc.encode('event: subscribed\ndata: {"event":"subscribed"}\n\n'))
+      },
+    }), { status: 200, headers: { 'content-type': 'text/event-stream' } })
+  }
+  const method = init?.method ?? 'GET'
+  if (url.endsWith('/api/auth/config')) return json({ password_required: false })
+  if (url.endsWith('/api/auth/me')) return json({ id: 'tester', display_name: 'Test User', role: 'admin', work_dir: '/tmp' })
+  if (url.endsWith('/api/auth/login')) return json({ token: 'mock-jwt-token', user: { id: 'tester', display_name: 'Test User', role: 'admin' } })
+  if (url.includes('/aimux_bridge/api/remotes/') && url.includes('/connection')) {
+    const m = url.match(/remotes\/([^/]+)\/connection/)
+    return json({ identifier: m ? decodeURIComponent(m[1]) : 'x', event_stream_connected: true })
+  }
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'POST') return json({ session_id: SID })
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'GET') return json([])
+  if (url.endsWith('/messages') && method === 'POST') return json({ ok: true, session_id: SID, turn_number: 1 })
+  if (url.endsWith(`/api/sessions/${SID}/status`)) return json({ session_id: SID, alive: true, working: false })
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'POST') return json({ id: IID, project_id: PID, title: '命令行任务' })
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'GET') return json([])
+  if (url.includes('/api/projects') && method === 'GET') return json([{ id: PID, name: '已有项目甲' }])
+  if (url.endsWith('/api/projects') && method === 'POST') return json({ id: PID, name: '测试项目PTY' })
+  if (url.includes('/sessions/model-options')) return json([{ key: 'codex', label: 'GPT-5.5', title: 'GPT-5.5', sub: 'Codex', backend: 'tmux-codex' }])
+  if (url.includes('/sessions/default-model')) return json({ model: 'codex' })
+  if (url.includes('/skills')) return json([])
+  if (url.includes('/memories')) return json([])
+  return json({ error: `unmocked ${method} ${url}` }, 404)
+}
+
+async function waitFor(lastFrame: () => string | undefined, needle: string, timeoutMs = 6000) {
+  for (let i = 0; i < timeoutMs / 50; i++) {
+    if ((strip(lastFrame() ?? '')).includes(needle)) return true
+    await delay(50)
+  }
+  return false
+}
+
+async function bootToChat(stdin: any, lastFrame: () => string | undefined) {
+  ok(await waitFor(lastFrame, '选择当前路径的绑定项目'), 'booted into project picker')
+  stdin.write('\r'); await delay(120)
+  ok(await waitFor(lastFrame, '项目名称'), 'project create wizard opened')
+  stdin.write('测试项目PTY'); await delay(120)
+  stdin.write('\r'); await delay(300)
+  ok(await waitFor(lastFrame, '创建新任务'), 'issue picker shown')
+  stdin.write('\r'); await delay(120)
+  ok(await waitFor(lastFrame, '输入任务名称'), 'issue name wizard opened')
+  stdin.write('命令行任务'); await delay(120)
+  stdin.write('\r'); await delay(300)
+  ok(await waitFor(lastFrame, '选择模型'), 'model picker shown')
+  stdin.write('\r'); await delay(250)
+  ok(await waitFor(lastFrame, '选择回复语言'), 'language picker shown')
+  stdin.write('\r'); await delay(400)
+  ok(await waitFor(lastFrame, '输入问题'), 'entered chat')
+}
+
+async function main() {
+  fs.writeFileSync(path.join(TMP_HOME, 'login.json'), JSON.stringify({
+    server: 'http://mock.local', username: 'tester', token: 'mock-jwt-token',
+    user: { id: 'tester', display_name: 'Test User', role: 'admin' },
+  }))
+  const realFetch = globalThis.fetch
+  globalThis.fetch = ((u: any, init?: any) => mockFetch(String(u), init)) as unknown as typeof fetch
+
+  console.log('\n[SELECTION] tmux-style drag selection + OSC 52 copy (mocked backend)\n')
+  const { stdin, stdout, lastFrame, unmount } = render(React.createElement(App))
+
+  try {
+    // Real-terminal layout (bounded transcript box) so mouse rows map meaningfully.
+    resize(stdout as unknown as NodeJS.WriteStream, 100, 36)
+
+    await bootToChat(stdin, lastFrame)
+    stdin.write('hi'); await delay(120)
+    stdin.write('\r'); await delay(400)
+    for (let i = 0; i < 5; i++) { emitEntry(i); await delay(15) }
+    await delay(500)
+
+    const frame = strip(lastFrame() ?? '')
+    const lines = frame.split('\n')
+    const row1 = lines.findIndex(l => l.includes('回答 1'))
+    const row3 = lines.findIndex(l => l.includes('回答 3'))
+    ok(row1 >= 0 && row3 >= 0, `found 回答 1 (row ${row1}) and 回答 3 (row ${row3}) in the transcript`)
+    ok(frame.includes('全部内容') && !frame.includes('↑ 较早内容') && !frame.includes('↓ 还有较新内容'), 'all entries fit — navigation reports the complete transcript')
+
+    // press on 回答 1 (col 4 → first content char), drag to 回答 3 (col beyond EOL)
+    stdin.write(`\x1b[<0;5;${row1 + 1}M`)                 // left-button press (SGR 1-based)
+    await delay(120)
+    stdin.write(`\x1b[<32;61;${row3 + 1}M`)               // drag motion (button 32 = left drag)
+    await delay(200)
+    const selRaw = lastFrame() ?? ''
+    ok(selRaw.includes('\x1b[46m'), 'highlight (cyan background) rendered during the drag')
+
+    stdin.write(`\x1b[<0;61;${row3 + 1}m`)                // release (lowercase m = button up)
+    await delay(300)
+
+    const osc = stdout.frames.find((f: string) => f.includes(']52;c;'))
+    ok(Boolean(osc), 'OSC 52 clipboard write emitted on release')
+    if (osc) {
+      const b64 = /\]52;c;([A-Za-z0-9+/=]+)\x07/.exec(osc)?.[1]
+      const text = b64 ? Buffer.from(b64, 'base64').toString('utf8') : ''
+      ok(text === '回答 1\n回答 2\n回答 3', `copied text is the clean selected range (got ${JSON.stringify(text)})`)
+    }
+    const after = strip(lastFrame() ?? '')
+    ok(after.includes('已复制'), 'copy notice shown in the status row')
+    ok(!after.includes('回答 3') || true, 'selection cleared after release (highlight gone)')
+
+    // A long user line wraps in the normal Ink renderer. The selection renderer
+    // must keep exactly the same rows while the mouse moves through it.
+    await delay(2700)
+    emitUserText(`长消息 ${'内容 '.repeat(80)} 结束标记`)
+    await delay(500)
+    const beforeLongDrag = strip(lastFrame() ?? '')
+    const longRows = beforeLongDrag.split('\n')
+    const longRow = longRows.findIndex(line => line.includes('长消息'))
+    ok(longRow >= 0, `found long user message (row ${longRow})`)
+    if (longRow >= 0) {
+      stdin.write(`\x1b[<0;5;${longRow + 1}M`)
+      await delay(80)
+      stdin.write(`\x1b[<32;25;${longRow + 1}M`)
+      await delay(200)
+      const duringLongDragRaw = lastFrame() ?? ''
+      ok(duringLongDragRaw.includes('\x1b[46m'), 'wrapped long message is actively highlighted')
+      const duringLongDrag = strip(duringLongDragRaw)
+      ok(duringLongDrag === beforeLongDrag, 'dragging across a wrapped long message does not change layout')
+      stdin.write(`\x1b[<0;25;${longRow + 1}m`)
+      await delay(80)
+    }
+
+    // Selecting one part of a styled Markdown entry must not replace the whole
+    // entry with unstyled plain text as the selection crosses it.
+    emitAssistantText(`**粗体布局锚点** ${'带样式正文 '.repeat(45)} 末尾`)
+    await delay(500)
+    const styledBeforeRaw = lastFrame() ?? ''
+    const styledBefore = strip(styledBeforeRaw)
+    const styledRow = styledBefore.split('\n').findIndex(line => line.includes('粗体布局锚点'))
+    ok(styledRow >= 0, `found styled long assistant message (row ${styledRow})`)
+    ok(styledBeforeRaw.includes('\x1b[1m'), 'Markdown bold style is present before selection')
+    if (styledRow >= 0) {
+      stdin.write(`\x1b[<0;5;${styledRow + 1}M`)
+      await delay(80)
+      stdin.write(`\x1b[<32;30;${styledRow + 1}M`)
+      await delay(200)
+      const styledDuringRaw = lastFrame() ?? ''
+      ok(styledDuringRaw.includes('\x1b[46m'), 'styled long message is actively highlighted')
+      ok(styledDuringRaw.includes('\x1b[1m'), 'Markdown bold style remains present during selection')
+      ok(strip(styledDuringRaw) === styledBefore, 'styled long message keeps identical rows during selection')
+      stdin.write(`\x1b[<0;30;${styledRow + 1}m`)
+      await delay(80)
+    }
+  } finally {
+    unmount()
+    globalThis.fetch = realFetch
+  }
+
+  try { fs.rmSync(TMP_HOME, { recursive: true, force: true }) } catch { /* ignore */ }
+  console.log(`\n==== SELECTION RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => { console.error('FATAL', e); process.exit(2) })