@mobius-os/mobius 0.3.26 → 0.3.31

package/tests/flow.test.tsx

@@ -0,0 +1,211 @@
+/**
+ * Flow test — drive the WHOLE App as a user would, end to end, through the real
+ * Ink screens (login → prep wizard → chat → /clear → /resume), against a mocked
+ * backend. Captures rendered frames at each milestone as evidence.
+ *
+ * Run:  npm run test:flow
+ */
+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-flow-'))
+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 emit(ev: string, data: Record<string, unknown>) {
+  sseController?.enqueue(enc.encode(`event: ${ev}\ndata: ${JSON.stringify({ event: ev, ...data })}\n\n`))
+}
+function json(body: unknown, status = 200) {
+  return new Response(JSON.stringify(body), { status, headers: { 'content-type': 'application/json' } })
+}
+
+const snapshots: { step: string; frame: string }[] = []
+function snap(step: string, frame: string) { snapshots.push({ step, frame: frame.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '') }) }
+
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+
+// ── mocked backend (precise URL matchers — substring overlaps broke an earlier draft) ─
+const PID = 'proj-1', IID = 'issue-1', SID = 'sess-1'
+function mockFetch(url: string, init?: RequestInit): Response {
+  // SSE
+  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'
+  // auth
+  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.endsWith('/connection')) {
+    const match = url.match(/remotes\/([^/]+)\/connection/)
+    return json({ identifier: match ? decodeURIComponent(match[1]) : 'tui-test', event_stream_connected: true })
+  }
+  // sessions (must be checked before issues/projects — the session URL contains /issues too)
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'POST') return json({ session_id: SID })         // create session
+  if (url.includes('/sessions') && url.includes('/issues') && method === 'GET') {                                            // list sessions (resume)
+    return json([{ session_id: SID, name: '历史会话一', last_active: new Date(Date.now() - 3600_000).toISOString(), message_count: 5, model: 'codex', issue_title: '命令行任务' }])
+  }
+  if (url.endsWith('/messages') && method === 'POST') {
+    setTimeout(() => {
+      emit('typing', { active: true })
+      emit('jsonl_entry', { session_id: SID, entry: { type: 'assistant', message: { role: 'assistant', content: [{ type: 'text', text: '已收到，这是来自 TUI 的回复。' }] } } })
+      emit('typing', { active: false })
+    }, 200)
+    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 })
+  }
+  // issues
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'POST') return json({ id: IID, project_id: PID, title: '命令行任务' })  // create issue
+  if (url.includes('/api/projects/') && url.includes('/issues') && method === 'GET') return json([{ id: IID, project_id: PID, title: '命令行任务' }]) // list issues
+  // projects
+  if (url.includes('/api/projects') && method === 'GET') return json([{ id: PID, name: '已有项目甲' }])   // list projects
+  if (url.endsWith('/api/projects') && method === 'POST') return json({ id: PID, name: '测试项目PTY' })   // create project (exact)
+  // preference lookups
+  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 = 4000) {
+  for (let i = 0; i < timeoutMs / 50; i++) {
+    if ((lastFrame() ?? '').includes(needle)) return true
+    await delay(50)
+  }
+  return false
+}
+
+async function main() {
+  // Pre-seed login so App auto-logs in (login form itself is covered in ui.test).
+  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
+  process.env.MOBIUS_TUI_DEBUG = '1'
+
+  console.log('\n[FLOW] full App drive (mocked backend)\n')
+  const { stdin, lastFrame, unmount } = render(React.createElement(App))
+
+  try {
+    // ── prep: project picker (auto-logged in) ────────────────────────────────
+    ok(await waitFor(lastFrame, '选择当前路径的绑定项目'), 'booted into project picker')
+    // pick "➕ 创建新项目" (active index 0) → name wizard
+    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)                             // submit project name
+    snap('1-prep-project-created', lastFrame() ?? '')
+
+    // ── prep: issue picker (no issues → create) ──────────────────────────────
+    ok(await waitFor(lastFrame, '创建新任务'), 'issue picker shown')
+    stdin.write('\r'); await delay(120)                             // → create-name
+    ok(await waitFor(lastFrame, '输入任务名称'), 'issue name wizard opened')
+    stdin.write('\x1b'); await delay(120)                           // Esc → issue list
+    ok(await waitFor(lastFrame, '选择任务（Issue）'), 'Esc returns from issue name wizard to issue list')
+    stdin.write('\r'); await delay(120)                             // → create-name again
+    ok(await waitFor(lastFrame, '输入任务名称'), 'issue name wizard can be reopened after Esc')
+    stdin.write('命令行任务'); await delay(120)
+    stdin.write('\r'); await delay(300)                             // create issue (worktree off) → model
+
+    // ── prep: preferences ────────────────────────────────────────────────────
+    ok(await waitFor(lastFrame, '选择模型'), 'model picker shown')
+    stdin.write('\r'); await delay(250)                             // pick codex
+    ok(await waitFor(lastFrame, '选择回复语言'), 'language picker shown')
+    stdin.write('\r'); await delay(400)                             // zh; skills+memories empty → auto-skip
+
+    // ── chat ─────────────────────────────────────────────────────────────────
+    ok(await waitFor(lastFrame, '输入问题'), 'entered chat (preferences complete)')
+    snap('2-chat-ready', lastFrame() ?? '')
+
+    // send a message — expect streamed assistant reply
+    stdin.write('你好，请回复一句话'); await delay(120)
+    stdin.write('\r')
+    ok(await waitFor(lastFrame, '已收到', 6000), 'assistant reply streamed into transcript')
+    await delay(300)
+    snap('3-chat-after-reply', lastFrame() ?? '')
+
+    // ── /clear ───────────────────────────────────────────────────────────────
+    stdin.write('/clear'); await delay(120)
+    stdin.write('\r')
+    ok(await waitFor(lastFrame, '输入问题'), '/clear reset to a fresh chat')
+    snap('4-after-clear', lastFrame() ?? '')
+
+    // ── /resume ──────────────────────────────────────────────────────────────
+    // /resume — wait for the post-/clear remount to settle, then type slowly.
+    await delay(500)
+    stdin.write('/resume'); await delay(300)
+    stdin.write('\r')
+    await delay(500)
+    snap('4b-resume-picker', lastFrame() ?? '')
+    ok(await waitFor(lastFrame, '恢复历史会话'), '/resume picker opened')
+    ok((lastFrame() ?? '').includes('历史会话一'), 'resume list shows the past session')
+    stdin.write('\r'); await delay(500)                             // pick session → reconnect SSE
+    ok(await waitFor(lastFrame, '输入问题'), 'resumed into chat')
+    snap('5-after-resume', lastFrame() ?? '')
+
+    // ── /config: full reconfigure (project → issue → model) ──────────────
+    // Unlike /model, /config walks through project, issue, AND model steps.
+    await delay(400)
+    stdin.write('/config'); await delay(300)
+    stdin.write('\r')
+    ok(await waitFor(lastFrame, '重新配置'), '/config opens the full reconfig flow')
+    ok(await waitFor(lastFrame, '选择项目'), '/config shows project picker first')
+    // Pick the first project (created above).
+    stdin.write('\r'); await delay(400)
+    ok(await waitFor(lastFrame, '选择任务'), '/config shows issue picker after project')
+    // Pick the first issue.
+    stdin.write('\r'); await delay(400)
+    ok(await waitFor(lastFrame, '选择模型'), '/config shows model picker after issue')
+    ok(await waitFor(lastFrame, 'GPT-5.5'), '/config model list rendered')
+    stdin.write('\r'); await delay(700)                             // pick codex → create session
+    ok(await waitFor(lastFrame, '输入问题'), '/config creates a fresh session and returns to chat')
+    ok((lastFrame() ?? '').includes('?session=sess-1'), 'reconfigured chat is attached to the new session')
+    snap('6-after-config', lastFrame() ?? '')
+
+    // ── /model: swap model only, keep current task ─────────────────────────
+    // No issue/project step — the current task is kept; pick a model and App
+    // remounts Chat on the eagerly created session.
+    await delay(400)
+    stdin.write('/model'); await delay(300)
+    stdin.write('\r')
+    ok(await waitFor(lastFrame, '更换模型'), '/model opens the model picker directly')
+    ok(await waitFor(lastFrame, '选择模型'), 'model picker shown without an issue-selection step')
+    ok((lastFrame() ?? '').includes('当前任务: 命令行任务'), 'current task is kept (issue not changed)')
+    ok(await waitFor(lastFrame, 'GPT-5.5'), 'model list rendered (Select mounted)')
+    stdin.write('\r'); await delay(700)                             // pick codex → create session
+    ok(await waitFor(lastFrame, '输入问题'), '/model creates a fresh session and returns to chat')
+    ok((lastFrame() ?? '').includes('?session=sess-1'), '/model new session attached')
+    snap('7-after-model', lastFrame() ?? '')
+    snap('6-after-config', lastFrame() ?? '')
+  } finally {
+    unmount()
+    globalThis.fetch = realFetch
+  }
+
+  console.log('\n──────── captured frames ────────')
+  for (const s of snapshots) {
+    console.log(`\n── ${s.step} ──`)
+    console.log(s.frame.replace(/\n{3,}/g, '\n\n').trim())
+  }
+
+  try { fs.rmSync(TMP_HOME, { recursive: true, force: true }) } catch { /* ignore */ }
+  console.log(`\n==== FLOW RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => { console.error('FATAL', e); process.exit(2) })

package/tests/integration.test.ts

@@ -0,0 +1,114 @@
+/**
+ * Integration test — exercises the real Mobius backend end-to-end.
+ *
+ *   login (passwordless) → getMe → listModels → createProject → createIssue →
+ *   createSession → sendMessage → open SSE → assert assistant entries stream in.
+ *
+ * Run:  npm run test:integration
+ * Target: a local Mobius backend by default; set MOBIUS_TUI_SERVER /
+ * MOBIUS_TUI_USER to point at a specific server.
+ */
+import { login, getMe, MobiusClient, ApiError } from '../src/api.js'
+import { SseConnection } from '../src/sse.js'
+import { assistantEntryText, isHiddenNoise } from '../src/lib/entry-view.js'
+import type { AnyEntry } from '../src/types.js'
+
+const SERVER = process.env.MOBIUS_TUI_SERVER || 'http://127.0.0.1:45616'
+const USERNAME = process.env.MOBIUS_TUI_USER || 'admin'
+const WAIT_MS = Number(process.env.MOBIUS_TUI_WAIT_MS || 90000)
+
+let pass = 0, fail = 0
+function ok(cond: boolean, msg: string) {
+  if (cond) { pass++; console.log(`  ✓ ${msg}`) }
+  else { fail++; console.error(`  ✗ ${msg}`) }
+}
+
+async function main() {
+  console.log(`\n[1/7] login → ${SERVER} as ${USERNAME}`)
+  const lr = await login(SERVER, USERNAME)
+  ok(!!lr.token && lr.token.length > 20, `got token (len ${lr.token.length})`)
+  ok(lr.user.id === USERNAME, `user.id = ${lr.user.id} (${lr.user.display_name})`)
+
+  console.log('\n[2/7] getMe validates token')
+  const me = await getMe(SERVER, lr.token)
+  ok(me.id === USERNAME, `getMe ok, role=${me.role}, work_dir=${me.work_dir}`)
+
+  const client = new MobiusClient(SERVER, lr.token)
+
+  console.log('\n[3/7] model options')
+  const models = await client.modelOptions()
+  const keys = models.map(m => m.key)
+  ok(models.length > 0, `${models.length} models available`)
+  ok(keys.includes('codex') || models.some(m => /codex|claude|deepseek/i.test(m.key)),
+    `a usable model present (sample: ${keys.slice(0, 5).join(', ')})`)
+  const modelKey = keys.includes('codex') ? 'codex' : models[0].key
+
+  console.log('\n[4/7] create test project + issue')
+  const stamp = new Date().toISOString().replace(/[:.]/g, '-').slice(0, 19)
+  const proj = await client.createProject({ name: `tui-itest-${stamp}`, description: 'TUI integration test (auto)', bindPath: `tui-itest-${stamp}`, defaultUseWorktree: false })
+  ok(!!proj.id, `project created: ${proj.name} (${proj.id})`)
+  const issue = await client.createIssue(proj.id, { title: 'auto-test', description: 'integration', use_worktree: false })
+  ok(!!issue.id, `issue created: ${issue.title} (${issue.id})`)
+
+  console.log('\n[5/7] create session with preferences')
+  const session = await client.createSession(issue.id, {
+    name: `tui-itest-${stamp}`, model: modelKey, language: 'zh',
+    excluded_skill_ids: [], excluded_memory_ids: [],
+  })
+  ok(!!session.session_id, `session created (${session.session_id})`)
+
+  console.log('\n[6/7] send message + open SSE, wait for assistant reply')
+  await client.sendMessage(session.session_id, '请只回复两个字：成功。不要调用任何工具。')
+
+  const entries: AnyEntry[] = []
+  let gotAssistant = false
+  let firstEntryMs = 0
+  const t0 = Date.now()
+  await new Promise<void>((resolve) => {
+    const url = `${SERVER}/api/sessions/${encodeURIComponent(session.session_id)}/events?token=${encodeURIComponent(lr.token)}`
+    const conn = new SseConnection(url, {
+      onEntry: (entry) => {
+        if (!firstEntryMs) firstEntryMs = Date.now() - t0
+        entries.push(entry)
+        if (!isHiddenNoise(entry) && assistantEntryText(entry)) gotAssistant = true
+        if (gotAssistant) { setTimeout(resolve, 1500) } // grab trailing entries
+      },
+      onError: (m) => console.error('  (sse error)', m),
+    })
+    conn.start()
+    const deadline = setTimeout(() => { conn.close(); resolve() }, WAIT_MS)
+    // also resolve promptly once we clearly have a finalized assistant msg
+    const poll = setInterval(() => {
+      if (gotAssistant && Date.now() - (entries[entries.length - 1]?.__ts ?? 0) > 3000) {
+        // no-op; rely on the 1.5s resolve above
+      }
+      if (Date.now() - t0 > WAIT_MS) { clearInterval(poll); clearTimeout(deadline) }
+    }, 1000)
+  })
+
+  ok(entries.length > 0, `received ${entries.length} SSE jsonl_entry events`)
+  ok(firstEntryMs > 0, `first entry after ${firstEntryMs}ms`)
+  ok(gotAssistant, 'received an assistant text entry')
+
+  // Show a sample of the transcript the TUI would render.
+  console.log('\n  —— transcript sample ——')
+  for (const e of entries.slice(0, 8)) {
+    const t = assistantEntryText(e)
+    if (t) console.log('  • ' + t.slice(0, 120).replace(/\n/g, '\n    '))
+  }
+
+  console.log('\n[7/7] cleanup')
+  try { await client.stopSession(session.session_id) } catch { /* ignore */ }
+  for (const p of [`/api/sessions/${session.session_id}`, `/api/issues/${issue.id}`, `/api/projects/${proj.id}`]) {
+    try { await fetch(`${SERVER}${p}`, { method: 'DELETE', headers: { Authorization: `Bearer ${lr.token}` } }) } catch { /* ignore */ }
+  }
+  console.log('  (best-effort cleanup done)')
+
+  console.log(`\n==== RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => {
+  console.error('\nFATAL:', e instanceof ApiError ? `${e.message} (HTTP ${e.status})` : e)
+  process.exit(2)
+})

package/tests/preview.tsx

@@ -0,0 +1,104 @@
+/**
+ * 一次性预览: 把典型 jsonl entry 喂进新的 mergeToolCalls → viewsForBlock,
+ * 按 Chat.tsx 的 ViewLine 格式打印, 直观验证"对齐 web"后的渲染效果.
+ *  跑: npx tsx tests/preview.tsx   (看完可删)
+ */
+import { mergeToolCalls, viewsForBlock, toolLabel } from '../src/lib/entry-view.js'
+
+// ── 典型 entry 构造 (Claude SDK 形态) ──────────────────────────────────────
+const entries: any[] = [
+  // 1. 用户提问
+  { type: 'user', uuid: 'u1', message: { content: '帮我把 getData 改成 async 实现' } },
+
+  // 2. assistant 文本回复 (full 完整展示)
+  { type: 'assistant', uuid: 'a1', message: { content: [{ type: 'text', text: '好的，改成 async/await 实现。\n\n主要改动：\n1. 加 async 关键字\n2. await 替换 .then()\n3. try/catch 错误处理' }] } },
+
+  // 3. Read 命令 + 结果 (compact, 合并成一块, ≤2 行)
+  { type: 'assistant', uuid: 'a2', message: { content: [{ type: 'tool_use', id: 't1', name: 'Read', input: { file_path: '/src/foo.ts' } }] } },
+  { type: 'user', uuid: 'u2', message: { content: [{ type: 'tool_result', tool_use_id: 't1', content: 'export function getData() {\n  return fetch(url);\n}\n\n// ... 还有 200 行省略' }] } },
+
+  // 4. Edit 代码修改 (full: old−/new+ 完整展示)
+  { type: 'assistant', uuid: 'a3', message: { content: [{ type: 'tool_use', id: 't2', name: 'Edit', input: { file_path: '/src/foo.ts', old_string: 'export function getData() {\n  return fetch(url);\n}', new_string: 'export async function getData() {\n  const res = await fetch(url);\n  return res.json();\n}' } }] } },
+  { type: 'user', uuid: 'u3', message: { content: [{ type: 'tool_result', tool_use_id: 't2', content: 'The file /src/foo.ts has been updated.' }] } },
+
+  // 5. Bash 命令 + 长结果 (compact, 合并, ≤2 行)
+  { type: 'assistant', uuid: 'a4', message: { content: [{ type: 'tool_use', id: 't3', name: 'Bash', input: { command: 'npm run typecheck' } }] } },
+  { type: 'user', uuid: 'u4', message: { content: [{ type: 'tool_result', tool_use_id: 't3', content: '> @mobius-os/mobius typecheck\n> tsc --noEmit\n\nAll good. 还有非常多非常多的编译输出行全部应该被压成一行省略号...' }] } },
+
+  // 6. reasoning 思考 (compact, ≤2 行)
+  { type: 'assistant', uuid: 'a5', message: { content: [{ type: 'thinking', thinking: '用户要改异步实现，先读代码理解同步逻辑，再用 async/await 重写。要注意错误处理和返回值结构。这段思考过程非常非常长，必须被 clampLines 硬截断到最多两行，超出部分末尾加省略号。' }] } },
+
+  // 7. 噪声 (应被隐藏, 不显示)
+  { type: 'event_msg', uuid: 'n1', payload: { type: 'token_count', input_tokens: 1234, output_tokens: 567 } },
+  { type: 'session_meta', uuid: 'n2', payload: { cwd: '/repo', model: 'gpt-5' } },
+  { type: 'turn_context', uuid: 'n4', payload: { turn_id: 't0' } },
+
+  // 8. context_compacted (对齐 web: 不再隐藏, 显示成 system 行)
+  { type: 'event_msg', uuid: 'n3', payload: { type: 'context_compacted' } },
+
+  // 9. error (full 完整展示)
+  { type: 'event_msg', uuid: 'e1', payload: { type: 'error', message: '模型连接超时，请检查网络后重试' } },
+]
+
+// ── 模拟 Chat.tsx ViewLine 的格式 (带 ANSI 颜色) ─────────────────────────
+const WIDTH = 76
+const C = { red: '\x1b[31m', green: '\x1b[32m', cyan: '\x1b[36m', magenta: '\x1b[35m', yellow: '\x1b[33m', dim: '\x1b[2m', bold: '\x1b[1m', reset: '\x1b[0m' }
+
+function clamp(text: string, width: number, max: number): string[] {
+  if (!text) return ['']
+  const paras = text.replace(/\r\n/g, '\n').split('\n')
+  const wrapped: string[] = []
+  for (const p of paras) {
+    if (p === '') { wrapped.push(''); continue }
+    for (let i = 0; i < p.length; i += width) wrapped.push(p.slice(i, i + width))
+  }
+  if (wrapped.length <= max) return wrapped
+  const t = wrapped.slice(0, max)
+  const last = t[max - 1]
+  t[max - 1] = last.length >= width ? last.slice(0, width - 1) + '…' : last + '…'
+  return t
+}
+
+console.log(`${C.dim}═══ 合并后渲染预览 (width=76, 对齐 web 过滤) ═══${C.reset}\n`)
+const blocks = mergeToolCalls(entries)
+console.log(`${C.dim}[原始 ${entries.length} 条 entry → 合并后 ${blocks.length} 个 block]${C.reset}\n`)
+
+for (const block of blocks) {
+  for (const view of viewsForBlock(block)) {
+    switch (view.kind) {
+      case 'skip':
+        break
+      case 'user':
+        console.log(`\n${C.bold}› ${view.text}${C.reset}`)
+        break
+      case 'assistant':
+        console.log(`${C.bold}•${C.reset} ${view.text}`)
+        break
+      case 'tool_call': {
+        const head = clamp(`${toolLabel(view.toolName)} ${view.summary}`.trim(), WIDTH - 2, 1)[0]
+        console.log(`${C.cyan}• ${head}${C.reset}`)
+        if (view.result) console.log(`${C.dim}  └ ${clamp(view.result.text, WIDTH - 4, 1)[0] || '(无输出)'}${C.reset}`)
+        break
+      }
+      case 'code_edit':
+        console.log(`${C.magenta}✎ 编辑 ${view.filePath || '(未指定文件)'}${C.reset}`)
+        for (const l of view.oldString.split('\n')) console.log(`  ${C.red}−${C.reset} ${l}`)
+        for (const l of view.newString.split('\n')) console.log(`  ${C.green}+${C.reset} ${l}`)
+        break
+      case 'write_file':
+        console.log(`${C.magenta}✎ 写入 ${view.filePath || '(未指定文件)'}${C.reset}`)
+        for (const l of view.content.split('\n')) console.log(`  ${C.green}+${C.reset} ${l}`)
+        break
+      case 'reasoning':
+        clamp(view.text, WIDTH - 4, 2).forEach((l, i) => console.log(`${C.dim}${C.magenta}  ◇ ${l}${C.reset}`))
+        break
+      case 'system':
+        console.log(`${C.dim}${C.yellow}  ${clamp(view.text, WIDTH - 2, 2)[0]}${C.reset}`)
+        break
+      case 'error':
+        console.log(`${C.red}⚠ ${view.text}${C.reset}`)
+        break
+    }
+  }
+}
+console.log(`\n${C.dim}═══ 预览结束 ═══${C.reset}`)

package/tests/reconnect.test.tsx

@@ -0,0 +1,170 @@
+/**
+ * Reconnect regression — "TUI 输入经常显示两次" (input often renders twice).
+ *
+ * Root cause: the optimistic `pendingUser` placeholder is cleared on the live
+ * `jsonl_entry` path but NOT when the same message is delivered via a reconnect's
+ * `jsonl_history` replay. Behind a reverse proxy (nginx idle timeout) the SSE
+ * stream drops mid-turn and auto-reconnects; the reconnect replays the session
+ * tail — which now contains the just-sent user message — so it lands in `entries`
+ * while `pendingUser` is still set, and the user's input is shown twice. If the
+ * whole turn finished while disconnected, no live entry ever arrives to clear the
+ * placeholder, so the duplication persists until the next send.
+ *
+ * This test drops the SSE stream right after the user sends "good" and has the
+ * reconnect replay history containing that user entry, then asserts "good" is
+ * rendered exactly once. Without the fix it renders twice.
+ *
+ * Run:  npm run test:reconnect
+ */
+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-reconnect-'))
+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' } })
+}
+
+let pass = 0, fail = 0
+function ok(c: boolean, m: string) { c ? (pass++, console.log(`  ✓ ${m}`)) : (fail++, console.error(`  ✗ ${m}`)) }
+
+const PID = 'proj-1', IID = 'issue-1', SID = 'sess-1'
+let connectCount = 0
+// Entries the next SSE connect should replay as jsonl_history (simulates the
+// server's tail snapshot on reconnect containing the just-persisted user turn).
+let pendingHistory: any[] = []
+
+function mockFetch(url: string, init?: RequestInit): Response {
+  // ── SSE: a fresh stream per connect. Reconnects (connect >= 2) replay history. ─
+  if (url.includes('/events')) {
+    const n = ++connectCount
+    return new Response(new RS({
+      start(c: any) {
+        sseController = c
+        c.enqueue(enc.encode('event: subscribed\ndata: {"event":"subscribed"}\n\n'))
+        if (n >= 2 && pendingHistory.length) {
+          const payload = JSON.stringify({ event: 'jsonl_history', entries: pendingHistory, done: true })
+          c.enqueue(enc.encode(`event: jsonl_history\ndata: ${payload}\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' } })
+  // aimux bridge probe — satisfy it so ensureSession doesn't loop for 8s.
+  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([])
+  // Sending a message: persist it, then DROP the live stream so the only delivery
+  // path is the reconnect's history replay (the exact scenario that double-rendered).
+  if (url.endsWith('/messages') && method === 'POST') {
+    pendingHistory = [{ type: 'user', uuid: 'user-good-1', message: { role: 'user', content: 'good' } }]
+    setTimeout(() => { try { sseController?.close() } catch { /* ignore */ } }, 150)
+    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 ((lastFrame() ?? '').includes(needle)) return true
+    await delay(50)
+  }
+  return false
+}
+
+/** Count non-overlapping occurrences of needle in s (after stripping ANSI codes). */
+function countOccur(s: string, needle: string): number {
+  const clean = s.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '')
+  let n = 0, i = 0
+  while ((i = clean.indexOf(needle, i)) !== -1) { n++; i += needle.length }
+  return n
+}
+
+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[RECONNECT] input-not-duplicated regression (mocked backend)\n')
+  const { stdin, lastFrame, unmount } = render(React.createElement(App))
+
+  try {
+    // ── boot through the prep wizard into chat (same drive as flow.test) ─────────
+    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')
+
+    // ── the bug: send "good", SSE drops, reconnect replays it via history ───────
+    connectCount = 0  // reset so the post-send reconnect is "connect 2"
+    stdin.write('good'); await delay(120)
+    stdin.write('\r')
+    // The user's message shows instantly via the optimistic placeholder, so do NOT
+    // gate on "good" appearing — gate on the reconnect actually firing (connect 2),
+    // which is what replays history and (without the fix) double-renders the input.
+    let reconnected = false
+    for (let i = 0; i < 8000 / 50; i++) {
+      if (connectCount >= 2) { reconnected = true; break }
+      await delay(50)
+    }
+    ok(reconnected, 'SSE dropped and reconnected after the send')
+    await delay(500)  // let the reconnect's history replay render
+
+    const frame = lastFrame() ?? ''
+    const occurrences = countOccur(frame, 'good')
+    console.log(`  i occurrences of "good" in frame: ${occurrences}`)
+    ok(occurrences === 1, `user input rendered exactly once (got ${occurrences}; would be 2 without the fix)`)
+    if (occurrences !== 1) {
+      console.log('── frame ──\n' + frame.replace(/\x1b\[[0-9;?]*[a-zA-Z]/g, '').replace(/\n{3,}/g, '\n\n').trim())
+    }
+  } finally {
+    unmount()
+    globalThis.fetch = realFetch
+  }
+
+  try { fs.rmSync(TMP_HOME, { recursive: true, force: true }) } catch { /* ignore */ }
+  console.log(`\n==== RECONNECT RESULT: ${pass} passed, ${fail} failed ====\n`)
+  process.exit(fail === 0 ? 0 : 1)
+}
+
+main().catch((e) => { console.error('FATAL', e); process.exit(2) })