@mobius-os/mobius 0.3.27 → 0.3.31

package/tests/resume.test.tsx

@@ -0,0 +1,73 @@
+/**
+ * Regression test: when ~/.mobius already has a bound project + an issue whose
+ * preferences are all configured, the app must boot STRAIGHT into chat (not get
+ * stuck on a bare prep header, and not need to re-run the wizard).
+ *
+ * Run:  npm run test:resume
+ */
+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-resume-'))
+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 CWD = process.cwd()
+const PID = 'proj-r', IID = 'issue-r'
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+
+function json(body: unknown, status = 200) {
+  return new Response(JSON.stringify(body), { status, headers: { 'content-type': 'application/json' } })
+}
+function mockFetch(url: string, init?: RequestInit): Response {
+  const method = init?.method ?? 'GET'
+  if (url.endsWith('/api/auth/me')) return json({ id: 'tester', display_name: 'x', role: 'admin' })
+  if (url.includes('/api/projects') && method === 'GET' && !url.includes('issues')) return json([{ id: PID, name: '绑定项目' }])
+  if (url.includes('/issues') && method === 'GET') return json([{ id: IID, project_id: PID, title: '已配置任务' }])
+  if (url.includes('/sessions/model-options')) return json([{ key: 'codex', label: 'GPT', title: 'GPT', sub: '', backend: 'x' }])
+  return json({ error: `unmocked ${method} ${url}` }, 404)
+}
+
+async function main() {
+  // Pre-seed: token + cwd→project binding + issue with all prefs done.
+  fs.writeFileSync(path.join(TMP_HOME, 'login.json'), JSON.stringify({
+    server: 'http://mock.local', username: 'tester', token: 'tok', user: { id: 'tester', display_name: 'x', role: 'admin' },
+  }))
+  fs.writeFileSync(path.join(TMP_HOME, 'dir2project.json'), JSON.stringify({ [CWD]: PID }))
+  fs.writeFileSync(path.join(TMP_HOME, 'dir2project_preference.json'), JSON.stringify({
+    [CWD]: { issueId: IID, issueTitle: '已配置任务', prefs: { [IID]: {
+      model: 'codex', language: 'zh', excluded_skill_ids: [], excluded_memory_ids: [],
+      done: ['model', 'language', 'skills', 'memories'],
+    } } },
+  }))
+
+  const realFetch = globalThis.fetch
+  globalThis.fetch = ((u: any, init?: any) => mockFetch(String(u), init)) as unknown as typeof fetch
+
+  console.log('\n[RESUME] boot with saved prefs → straight to chat\n')
+  let reachedChat = false
+  const { lastFrame, unmount } = render(React.createElement(App))
+  for (let i = 0; i < 80; i++) {        // up to ~4s
+    if ((lastFrame() ?? '').includes('输入问题')) { reachedChat = true; break }
+    await delay(50)
+  }
+  const frame = lastFrame() ?? ''
+  unmount()
+  globalThis.fetch = realFetch
+
+  ok(reachedChat, 'booted straight into chat (skipped wizard)')
+  ok(frame.includes('绑定项目') && frame.includes('已配置任务'), 'chat header shows the saved project + issue')
+  ok(!frame.includes('选择当前路径的绑定项目') && !frame.includes('选择模型'), 'did NOT show project/model picker')
+
+  try { fs.rmSync(TMP_HOME, { recursive: true, force: true }) } catch { /* ignore */ }
+  console.log(`\n==== RESUME RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => { console.error('FATAL', e); process.exit(2) })

package/tests/screen.test.tsx

@@ -0,0 +1,117 @@
+/**
+ * Screen / picker residue regression — "选择项目/Issue/会话时屏幕不残留其他东西".
+ *
+ * Root cause: Ink renders inline and, per frame, erases only as many lines as the
+ * previous frame occupied. A frame taller than the terminal window scrolls, so
+ * Ink can no longer reach the real top of that frame to erase it — stale lines
+ * from the previous screen stay behind as residue (worst when a tall list picker
+ * gives way to a shorter screen).
+ *
+ * The fix has two halves, both asserted here:
+ *   1. <Screen> pins every route to exactly the terminal height (overflow:hidden)
+ *      so no frame ever scrolls → no residue on any transition.
+ *   2. Select reserves enough chrome rows that a long list window never exceeds
+ *      the terminal, so nothing is clipped/garbled at the bottom.
+ *
+ * Run:  npm run test:screen
+ */
+import React from 'react'
+import { Box, Text } from 'ink'
+import { render } from 'ink-testing-library'
+import { Screen } from '../src/components/Screen.js'
+import { Select } from '../src/components/primitives.js'
+import { fitTranscript } from '../src/components/Chat.js'
+import type { AnyEntry } from '../src/types.js'
+
+const delay = (ms: number) => new Promise<void>(r => setTimeout(r, ms))
+const strip = (s: string) => s.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '')
+const lineCount = (s: string) => s.split('\n').length
+
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+
+// ink-testing-library's stdout reports no `rows`, so Screen falls back to 24.
+const ROWS = 24
+
+async function main() {
+  console.log('\n[SCREEN] no-residue picker transitions\n')
+
+  // A hidden older entry may contribute only its tail rows when the viewport
+  // has one spare row. That preview must retain the entry's foreground style;
+  // rendering it as a bare dimColor string makes a clipped cyan Markdown link
+  // look gray even though the rest of the message is colored.
+  const styledEntries: AnyEntry[] = [
+    { type: 'assistant', uuid: 'styled-old', message: { role: 'assistant', content: [{ type: 'text', text: '[彩色链接](https://example.com)' }] } },
+    { type: 'assistant', uuid: 'styled-new', message: { role: 'assistant', content: [{ type: 'text', text: '最新消息' }] } },
+  ]
+  const fitted = fitTranscript(styledEntries, 3, 80)
+  ok(fitted.peekRows.length === 1, 'small viewport exposes one tail row from the hidden message')
+  ok(fitted.peekRows[0]?.styled.includes('\x1b[') && fitted.peekRows[0]?.styled.includes('彩色链接'), 'partial older row keeps its ANSI foreground styling')
+
+  // ── 1. Without Screen, a tall frame overflows the terminal (the bug). ───────
+  const tall = render(
+    <Box flexDirection="column">
+      {Array.from({ length: 40 }, (_, i) => <Text key={i}>item {i}</Text>)}
+    </Box>,
+  )
+  await delay(30)
+  const tallLines = lineCount(tall.lastFrame() ?? '')
+  ok(tallLines > ROWS, `uncapped tall frame overflows terminal (rendered ${tallLines} > ${ROWS})`)
+
+  // ── 2. Screen caps the same tall content to exactly the terminal height. ───
+  const capped = render(
+    <Screen>
+      <Box flexDirection="column">
+        {Array.from({ length: 40 }, (_, i) => <Text key={i}>item {i}</Text>)}
+      </Box>
+    </Screen>,
+  )
+  await delay(30)
+  const capFrame = capped.lastFrame() ?? ''
+  ok(lineCount(capFrame) === ROWS, `Screen caps frame to terminal height (${lineCount(capFrame)} === ${ROWS})`)
+
+  // ── 3. Realistic picker: AIMUX line + header + a 40-item Select + footer,
+  //       wrapped in Screen, must fit within the terminal with the footer
+  //       visible and the list windowed (overflow items hidden, not spilled). ─
+  const items = Array.from({ length: 40 }, (_, i) => ({ label: `项目 ${i}`, value: `p${i}`, desc: `desc ${i}` }))
+  const picker = render(
+    <Screen>
+      <Box flexDirection="column" paddingX={2} paddingY={1}>
+        <Text dimColor>AIMUX · 已连接</Text>
+        <Text bold color="cyan">选择当前路径的绑定项目</Text>
+        <Text color="gray">/some/path</Text>
+        <Box marginTop={1}>
+          <Select items={items} />
+        </Box>
+        <Text color="gray">↑↓ 选择 · 回车确认 · Esc 退出</Text>
+      </Box>
+    </Screen>,
+  )
+  await delay(30)
+  const pf = strip(picker.lastFrame() ?? '')
+  ok(lineCount(picker.lastFrame() ?? '') === ROWS, `picker frame pinned to terminal height (${lineCount(picker.lastFrame() ?? '')} === ${ROWS})`)
+  ok(pf.includes('Esc 退出'), 'picker footer visible (list did not push it off / clip it)')
+  ok(!pf.includes('项目 39'), 'list is windowed — tail item not spilled onto screen')
+  ok(/还有 \d+ 项/.test(pf), 'windowed overflow shows a "还有 N 项" hint')
+
+  // ── 4. Transition tall-picker → short screen leaves no residue: the new frame
+  //       is still exactly terminal height (constant → Ink erase realigns) and
+  //       contains none of the old picker's lines. ─────────────────────────────
+  picker.rerender(
+    <Screen>
+      <Box paddingX={2} paddingY={1}>
+        <Text color="green">准备就绪，进入对话…</Text>
+      </Box>
+    </Screen>,
+  )
+  await delay(30)
+  const after = strip(picker.lastFrame() ?? '')
+  ok(lineCount(picker.lastFrame() ?? '') === ROWS, `post-transition frame still terminal height (${lineCount(picker.lastFrame() ?? '')} === ${ROWS})`)
+  ok(!after.includes('选择当前路径'), 'previous picker heading gone after transition (no residue)')
+  ok(after.includes('准备就绪'), 'new screen content rendered')
+
+  console.log(`\n==== SCREEN RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch(e => { console.error('FATAL', e); process.exit(2) })

package/tests/scroll.test.tsx

@@ -0,0 +1,252 @@
+/**
+ * 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('PageUp'), 'older-records hint offers PageUp (nothing is silently lost)')
+
+    // ── 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')
+
+    // The "↑ 还有 N 条较早记录" hint must be pinned to the FIRST line below the
+    // header and span the full width — it must not float mid-transcript when the
+    // viewport has spare rows (regression for real terminals, which bound the
+    // transcript box height via stdout.isTTY).
+    const tallLines = tallFrame.split('\n')
+    const hintIdx = tallLines.findIndex(l => l.includes('较早记录'))
+    ok(hintIdx === 1, `older-records hint is the first line under the header (line ${hintIdx}, expected 1)`)
+    const messageRows = tallLines.slice(hintIdx + 1).filter(line => line.trim())
+    ok(messageRows.length > 0 && messageRows[0].includes('⋯'), 'older message tail is visible immediately after the history hint')
+
+    // ── PageUp: viewport scrolls back over history ────────────────────────────
+    stdin.write('\x1b[5~')                                   // PageUp
+    await delay(300)
+    const upFrame = strip(lastFrame() ?? '')
+    ok(upFrame.includes('PageDown'), 'after PageUp: a PageDown hint appears (scrolled up)')
+    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('PageDown'), 'wheel up: a PageDown hint appears (scrolled back)')
+    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('PageDown'), 'legacy wheel up: a PageDown hint appears (scrolled back)')
+    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() ?? '')
+    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() ?? '')
+    ok(after.includes('回答 24'), 'disable-mouse: wheel up leaves latest entry in view')
+    ok(!after.includes('PageDown'), 'disable-mouse: wheel up does NOT scroll (no PageDown hint)')
+  } 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('PageDown'), 'all entries fit — no paging hints at rest')
+
+    // 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) })