@mobius-os/mobius 0.3.31 → 0.3.38

package/tests/ui.test.tsx

@@ -22,7 +22,7 @@ import { PrepScreen } from '../src/components/PrepScreen.js'
 import { Select, TextInput } from '../src/components/primitives.js'
 import { MobiusClient } from '../src/api.js'
 import { renderMarkdownLines } from '../src/markdown.js'
-import { viewsForEntry, toolLabel } from '../src/lib/entry-view.js'
+import { dedupeUserEntries, viewsForEntry, toolLabel } from '../src/lib/entry-view.js'
 import { SseConnection } from '../src/sse.js'
 import type { ReadyState } from '../src/components/PrepScreen.js'
 
@@ -162,7 +162,7 @@ async function testChat() {
   })
   try {
     const { stdin, lastFrame, unmount } = render(
-      <ChatScreen client={client} ready={ready} webUserId="test-user" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />
+      <ChatScreen client={client} ready={ready} webUserId="test-user" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onLogout={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />
     )
     await delay(40)
     const initialFrame = lastFrame() ?? ''
@@ -226,7 +226,7 @@ async function testResumedWorkingStatus() {
   })
   try {
     const { stdin, lastFrame, unmount } = render(
-      <ChatScreen client={client} ready={ready} webUserId="test-user" resumeSessionId="s1" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />
+      <ChatScreen client={client} ready={ready} webUserId="test-user" resumeSessionId="s1" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onLogout={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />
     )
     await delay(120)
     ok((lastFrame() ?? '').includes('Working ('), 'resuming an already-running session restores Working without a new typing event')
@@ -261,6 +261,27 @@ function testMarkdownCodeRendering() {
 
   const unlabelled = renderMarkdownLines('```\necho $HOME\n```')
   ok(unlabelled.length === 1 && unlabelled[0].text === 'echo $HOME' && unlabelled[0].code, 'unlabelled code stays plain instead of being guessed as bash')
+
+  // HTML entity decoding — marked's lexer encodes ', ", <, >, & even when
+  // only tokenising, so the TUI renderer must decode them back.
+  const entities = renderMarkdownLines("What's \"cool\"? 1 < 2 & 3 > 1")
+  const entityText = entities.map(r => r.text).join('\n')
+  ok(entityText.includes("What's"), "&#39; decoded back to apostrophe")
+  ok(entityText.includes('"cool"'), "&quot; decoded back to double-quote")
+  ok(entityText.includes('1 < 2'), "&lt; decoded back to <")
+  ok(entityText.includes('3 > 1'), "&gt; decoded back to >")
+  ok(entityText.includes('& 3'), "&amp; decoded back to &")
+}
+
+function testFirstUserEntryDedupe() {
+  console.log('\n[UI 4b] first user message event deduplication')
+  const framed = '上下文注入\n\n## 用户的问题\n\n你好，检查首条消息'
+  const entries = [
+    { type: 'user', uuid: 'framed-user', message: { role: 'user', content: framed } },
+    { type: 'event_msg', uuid: 'plain-user', payload: { type: 'user_message', message: '你好，检查首条消息' } },
+  ]
+  const deduped = dedupeUserEntries(entries as any)
+  ok(deduped.length === 1, 'framed and plain first-turn user events render once')
 }
 
 // ════════════════════════════════════════════════════════════════════════════
@@ -286,11 +307,18 @@ async function testPrepRender() {
     ok(frame.includes('选择当前路径的绑定项目'), 'project picker title shown')
     ok(frame.includes('已有项目A') && frame.includes('已有项目B'), 'existing projects listed')
     ok(frame.includes('创建新项目'), 'create-new option present')
-    // multi-line description must be flattened onto one line with ⏎ in place of \n
-    ok(frame.includes('已有项目A — 第一行 ⏎ 第二行'), 'multi-line description flattened to a single line')
-    ok(frame.includes('已有项目B — 单行描述'), 'single-line description kept as-is')
+    // Only the highlighted row carries its description; unfocused rows stay
+    // compact and show their names alone.
+    ok(!frame.includes('已有项目A - 第一行') && !frame.includes('已有项目B - 单行描述'), 'unfocused project rows omit their descriptions')
+    stdin.write('\x1b[B'); await delay(15) // move focus from search to the list
+    stdin.write('\x1b[B'); await delay(15) // highlight the first project
+    const selectedFrame = lastFrame() ?? ''
+    ok(selectedFrame.includes('已有项目A - 第一行 ⏎ 第二行'), 'selected multi-line description stays on the main row')
+    ok(!selectedFrame.includes('已有项目B - 单行描述'), 'unselected project description is omitted')
+    ok(!frame.includes('\n    第一行') && !frame.includes('\n    单行描述'), 'project explanations do not render as an additional row')
     ok(!frame.includes('加载项目列表…'), 'completed project load does not leave a stale loading message')
 
+    stdin.write('\x1b[A'); await delay(15) // return to the create row
     stdin.write('\r')
     await delay(30)
     const createFrame = lastFrame() ?? ''
@@ -302,6 +330,56 @@ async function testPrepRender() {
   } finally { restoreFetch() }
 }
 
+// ════════════════════════════════════════════════════════════════════════════
+// TEST 5b — Project and issue pickers filter by the search field
+// ════════════════════════════════════════════════════════════════════════════
+async function testPrepSearch() {
+  console.log('\n[UI 5b] Prep picker search filtering')
+  const client = new MobiusClient('http://mock.local', 'mock-jwt-token')
+  installMock((url) => {
+    if (url.includes('/api/projects') && !url.includes('/issues') && !url.includes('/skills') && !url.includes('/memories')) {
+      return jsonResponse([
+        { id: 'p1', name: '前端平台', description: '用户界面与组件' },
+        { id: 'p2', name: '数据管线', description: '批处理任务' },
+      ])
+    }
+    if (url.includes('/api/projects/p2/issues')) {
+      return jsonResponse([
+        { id: 'i1', project_id: 'p2', title: '修复导入超时', description: '处理批处理任务' },
+        { id: 'i2', project_id: 'p2', title: '更新监控面板', description: '前端界面' },
+      ])
+    }
+    if (url.includes('/sessions/model-options')) return jsonResponse([])
+    if (url.includes('/sessions/default-model')) return jsonResponse({ model: 'codex' })
+    if (url.includes('/skills') || url.includes('/memories')) return jsonResponse([])
+    return jsonResponse({ error: 'no mock' }, 404)
+  })
+  try {
+    const { lastFrame, stdin, unmount } = render(<PrepScreen client={client} onReady={() => {}} />)
+    await delay(120)
+    stdin.write('数据')
+    await delay(40)
+    let frame = lastFrame() ?? ''
+    ok(frame.includes('数据管线') && !frame.includes('前端平台'), 'project search keeps matching project and hides non-matches')
+    ok(!frame.includes('创建新项目'), 'project search hides the create row while searching')
+    stdin.write('\r')
+    await delay(160)
+    ok((lastFrame() ?? '').includes('选择任务（Issue）'), 'matching project opens its issue picker')
+
+    stdin.write('超时')
+    await delay(40)
+    frame = lastFrame() ?? ''
+    ok(frame.includes('修复导入超时') && !frame.includes('更新监控面板'), 'issue search matches title and hides other issues')
+    stdin.write('\r')
+    await delay(120)
+    ok((lastFrame() ?? '').includes('选择模型') || (lastFrame() ?? '').includes('加载模型列表'), 'matching issue is selected with Enter')
+    unmount()
+    // This test deliberately selects a project; remove its persisted cwd
+    // binding so later picker tests still start on the project screen.
+    try { fs.rmSync(path.join(TMP_HOME, 'dir2project.json'), { force: true }) } catch { /* ignore */ }
+  } finally { restoreFetch() }
+}
+
 // ════════════════════════════════════════════════════════════════════════════
 // TEST 6 — Select viewport: a long list must not overflow the terminal
 // ════════════════════════════════════════════════════════════════════════════
@@ -471,6 +549,56 @@ async function testComposerDeleteKeys() {
   unmount()
 }
 
+// ════════════════════════════════════════════════════════════════════════════
+// TEST 8d — Home/End and Ctrl+Left/Right cursor movement
+// ════════════════════════════════════════════════════════════════════════════
+async function testCursorNavigationKeys() {
+  console.log('\n[UI 8d] Home/End + Ctrl-arrow cursor navigation')
+
+  let textInputSubmitted = ''
+  function TextHarness() {
+    const [v, setV] = React.useState('alpha beta')
+    return <TextInput value={v} onChange={setV} focused onSubmit={() => { textInputSubmitted = v }} />
+  }
+  const textInput = render(<TextHarness />)
+  await delay(20)
+  textInput.stdin.write('\x1b[H'); await delay(15)       // Home
+  textInput.stdin.write('^'); await delay(15)
+  textInput.stdin.write('\x1b[F'); await delay(15)       // End
+  textInput.stdin.write('$'); await delay(15)
+  textInput.stdin.write('\x1b[1;5D'); await delay(15)    // Ctrl+Left
+  textInput.stdin.write('|'); await delay(15)
+  textInput.stdin.write('\x1b[1;5C'); await delay(15)    // Ctrl+Right
+  textInput.stdin.write('!'); await delay(15)
+  textInput.stdin.write('\r'); await delay(20)
+  textInput.unmount()
+  ok(textInputSubmitted === '^alpha |beta$!', `TextInput cursor keys edit at expected boundaries (got ${JSON.stringify(textInputSubmitted)})`)
+
+  const composerSubmitted: string[] = []
+  const composer = render(
+    <Composer
+      onSubmit={v => composerSubmitted.push(v)}
+      onStop={() => {}}
+      onQuit={() => {}}
+      typing={false}
+      commands={[]}
+    />,
+  )
+  await delay(20)
+  composer.stdin.write('alpha beta'); await delay(20)
+  composer.stdin.write('\x1b[H'); await delay(15)
+  composer.stdin.write('^'); await delay(15)
+  composer.stdin.write('\x1b[F'); await delay(15)
+  composer.stdin.write('$'); await delay(15)
+  composer.stdin.write('\x1b[1;5D'); await delay(15)
+  composer.stdin.write('|'); await delay(15)
+  composer.stdin.write('\x1b[1;5C'); await delay(15)
+  composer.stdin.write('!'); await delay(15)
+  composer.stdin.write('\r'); await delay(30)
+  composer.unmount()
+  ok(composerSubmitted[0] === '^alpha |beta$!', `Composer cursor keys edit at expected boundaries (got ${JSON.stringify(composerSubmitted[0])})`)
+}
+
 // ════════════════════════════════════════════════════════════════════════════
 // TEST 9 — Codex-style composer keeps multiline pastes intact and grows/shrinks
 // ════════════════════════════════════════════════════════════════════════════
@@ -489,7 +617,7 @@ async function testComposerMultilinePaste() {
   await delay(20)
   const initial = lastFrame() ?? ''
   ok(initial.includes('╭') && initial.includes('╰'), 'composer has a visible bordered input boundary')
-  ok(initial.includes('Enter 发送') && initial.includes('Ctrl+J 换行'), 'composer shows Codex-style submit/newline hints')
+  ok(initial.includes('Enter 发送') && initial.includes('Shift+Enter / Alt+Enter / Ctrl+J 换行'), 'composer shows submit/newline hints')
 
   stdin.write('\x1b[200~第一行\r\n第二行\r第三行\x1b[201~')
   await delay(20)
@@ -736,7 +864,7 @@ async function testChatSseReconnects() {
   })
   try {
     const { stdin, lastFrame, unmount } = render(
-      <ChatScreen client={client} ready={ready} webUserId="test-user" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
+      <ChatScreen client={client} ready={ready} webUserId="test-user" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onLogout={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
     )
     await delay(40)
     // Ink's test stdin treats one chunk as one keypress. Send text and Enter as
@@ -808,7 +936,7 @@ async function testIdleCompletedSessionReopensSseOnSend() {
   })
   try {
     const { stdin, lastFrame, unmount } = render(
-      <ChatScreen client={client} ready={ready} webUserId="test-user" resumeSessionId="s1" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
+      <ChatScreen client={client} ready={ready} webUserId="test-user" resumeSessionId="s1" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onLogout={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
     )
     await delay(180)
     ok(sseCall === 1, 'completed idle session did not reconnect by itself')
@@ -848,7 +976,7 @@ async function testSendRetries502() {
   })
   try {
     const { stdin, lastFrame, unmount } = render(
-      <ChatScreen client={client} ready={ready} webUserId="u" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
+      <ChatScreen client={client} ready={ready} webUserId="u" onClear={() => {}} onResume={() => {}} onQuit={() => {}} onLogout={() => {}} onReconfigure={() => {}} onConfigCancel={() => {}} />,
     )
     await delay(40)
     stdin.write('hi'); await delay(30); stdin.write('\r')
@@ -865,12 +993,15 @@ async function main() {
   await testChat()
   await testResumedWorkingStatus()
   testMarkdownCodeRendering()
+  testFirstUserEntryDedupe()
   await testPrepRender()
+  await testPrepSearch()
   await testSelectViewport()
   await testProjectPickerEscQuit()
   await testTextInputBackspace()
   await testTextInputDeleteKeys()
   await testComposerDeleteKeys()
+  await testCursorNavigationKeys()
   await testComposerMultilinePaste()
   testWorkingShimmer()
   testReasoningViews()

package/tests/viewport.test.ts

@@ -0,0 +1,83 @@
+import { performance } from 'node:perf_hooks'
+import { coalesceMouseEvents, parseMouseEvents } from '../src/components/primitives.js'
+import {
+  createRowAccess, moveAnchorByRows, sliceViewport, tailAnchor,
+  type RowAnchor,
+} from '../src/lib/transcript-viewport.js'
+
+interface Entry { id: string; rows: number[] }
+
+let passed = 0
+let failed = 0
+function ok(condition: boolean, message: string): void {
+  if (condition) { passed += 1; console.log(`  ✓ ${message}`) }
+  else { failed += 1; console.error(`  ✗ ${message}`) }
+}
+
+function access(entries: Entry[]) {
+  return createRowAccess(entries, entry => entry.id, entry => entry.rows)
+}
+
+function sameAnchor(actual: RowAnchor | null, entryId: string, rowIndex: number): boolean {
+  return actual?.entryId === entryId && actual.rowIndex === rowIndex
+}
+
+function main(): void {
+  console.log('\n[VIEWPORT] exact row-level transcript navigation\n')
+
+  const long = access([{ id: 'long', rows: Array.from({ length: 1000 }, (_, i) => i) }])
+  const tail = tailAnchor(long, 24)
+  ok(sameAnchor(tail, 'long', 976), '1000-row entry tails at row 976 in a 24-row viewport')
+  const pageUp = moveAnchorByRows(long, tail, -23)
+  ok(sameAnchor(pageUp, 'long', 953), 'PageUp moves exactly 23 rows inside one long entry')
+  ok(sameAnchor(moveAnchorByRows(long, pageUp, 23), 'long', 976), 'PageDown exactly reverses PageUp')
+
+  const mixed = access([
+    { id: 'a', rows: [0, 1] },
+    { id: 'b', rows: Array.from({ length: 50 }, (_, i) => i) },
+    { id: 'c', rows: [0, 1, 2] },
+    { id: 'd', rows: Array.from({ length: 1000 }, (_, i) => i) },
+  ])
+  const crossed = moveAnchorByRows(mixed, { entryId: 'd', entryIndex: 3, rowIndex: 0 }, -4)
+  ok(sameAnchor(crossed, 'b', 49), 'row navigation crosses mixed-height entry boundaries exactly')
+  const mixedUp = moveAnchorByRows(mixed, tailAnchor(mixed, 24), -777)
+  ok(JSON.stringify(moveAnchorByRows(mixed, mixedUp, 777)) === JSON.stringify(tailAnchor(mixed, 24)), 'large mixed-height PageUp/PageDown movement is reversible')
+
+  const startSlice = sliceViewport(long, { entryId: 'long', entryIndex: 0, rowIndex: 0 }, 24)
+  const middleSlice = sliceViewport(long, { entryId: 'long', entryIndex: 0, rowIndex: 500 }, 24)
+  const endSlice = sliceViewport(long, tail, 24)
+  ok(startSlice.rows[0]?.row === 0, 'long entry start is directly accessible')
+  ok(middleSlice.rows[0]?.row === 500, 'long entry middle is directly accessible')
+  ok(endSlice.rows.at(-1)?.row === 999, 'long entry end is directly accessible')
+  ok(startSlice.rows.length === 24 && middleSlice.rows.length === 24 && endSlice.rows.length === 24, 'only viewport-height rows are materialized in each slice')
+
+  const resized = access([{ id: 'long', rows: Array.from({ length: 700 }, (_, i) => i) }])
+  const restored = sliceViewport(resized, { entryId: 'long', entryIndex: 0, rowIndex: 500 }, 10).anchor
+  ok(sameAnchor(restored, 'long', 500), 'resize preserves a historical entry/row anchor')
+  ok(sameAnchor(tailAnchor(resized, 10), 'long', 690), 'tail-follow mode recomputes against the resized layout')
+
+  const appended = access([
+    { id: 'long', rows: Array.from({ length: 1000 }, (_, i) => i) },
+    { id: 'new', rows: [0, 1, 2] },
+  ])
+  const held = sliceViewport(appended, pageUp, 24).anchor
+  ok(sameAnchor(held, 'long', 953), 'new entries do not move a historical anchor')
+  ok(sameAnchor(tailAnchor(appended, 24), 'long', 979), 'tail-follow mode automatically includes newly appended rows')
+
+  const burst = '\x1b[<64;5;5M'.repeat(5)
+  const coalesced = coalesceMouseEvents(parseMouseEvents(burst))
+  ok(coalesced.length === 1 && coalesced[0]?.kind === 'wheel' && coalesced[0].delta === 5, 'five wheel events in one input chunk coalesce into one +5 action')
+  ok(sameAnchor(moveAnchorByRows(long, tail, -3 * (coalesced[0]?.kind === 'wheel' ? coalesced[0].delta : 0)), 'long', 961), 'five wheel notches move exactly 15 rows')
+
+  const thousand = access(Array.from({ length: 1000 }, (_, i) => ({ id: `e-${i}`, rows: [i] })))
+  for (let i = 0; i < 100; i++) sliceViewport(thousand, moveAnchorByRows(thousand, tailAnchor(thousand, 24), -i), 24)
+  const started = performance.now()
+  for (let i = 0; i < 1000; i++) sliceViewport(thousand, moveAnchorByRows(thousand, tailAnchor(thousand, 24), -(i % 900)), 24)
+  const averageMs = (performance.now() - started) / 1000
+  ok(averageMs < 5, `1000-entry viewport navigation averages under 5ms (${averageMs.toFixed(3)}ms)`)
+
+  console.log(`\n==== VIEWPORT RESULT: ${passed} passed, ${failed} failed ====\n`)
+  process.exit(failed === 0 ? 0 : 1)
+}
+
+main()