@mobius-os/mobius 0.3.27 → 0.3.34

package/src/components/Chat.tsx

@@ -11,14 +11,16 @@ import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { Box, Text, useStdout } from 'ink'
 import { useChat } from '../hooks/useChat.js'
 import { MobiusClient } from '../api.js'
-import { renderMarkdownLines } from '../markdown.js'
-import { viewsForEntry, dedupeUserEntries, toolLabel, isAssistantOutput, type EntryView } from '../lib/entry-view.js'
+import { viewsForEntry, dedupeUserEntries, isAssistantOutput } from '../lib/entry-view.js'
 import {
-  clampLines, headTailLines, displayWidth, compareSel, entryScreenLines,
-  buildTranscriptModel, computeTranscriptGeometry, screenToSelPoint,
+  displayWidth, compareSel, entryScreenRows, screenToSelPoint,
   buildSelectionMap, buildSelectionText, osc52,
-  type TranscriptModel, type TranscriptGeometry, type SelPoint,
+  type TranscriptModel, type TranscriptGeometry, type SelPoint, type ScreenRow,
 } from '../lib/screen-text.js'
+import {
+  createRowAccess, moveAnchorByRows, sliceViewport, tailAnchor,
+  type RowAnchor,
+} from '../lib/transcript-viewport.js'
 import type { ReadyState } from './PrepScreen.js'
 import type { AnyEntry } from '../types.js'
 import { ConfigFlow, ReconfigFlow, type ConfigResult } from './ConfigFlow.js'
@@ -46,8 +48,7 @@ interface TerminalSize {
   isTty: boolean
 }
 
-import { createRequire } from 'node:module'
-const VERSION = createRequire(import.meta.url)('../../package.json').version
+import { TUI_VERSION } from '../version.js'
 const DEFAULT_COMPOSER_ROWS = 5
 const STATUS_ROWS = 3
 
@@ -63,11 +64,18 @@ const SLASH_COMMANDS = [
 export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear, onResume, onQuit, onReconfigure, onConfigCancel, aimuxStatus }: ChatProps) {
   const chat = useChat({ client, ready, resumeSessionId })
   const [showHelp, setShowHelp] = useState(false)
-  const [scrollBack, setScrollBack] = useState(0)
+  // null means "follow the tail". A concrete anchor identifies the exact row
+  // at the top of the viewport while the user browses history.
+  const [rowAnchor, setRowAnchor] = useState<RowAnchor | null>(null)
   const [composerRows, setComposerRows] = useState(DEFAULT_COMPOSER_ROWS)
   const [modelLabel, setModelLabel] = useState<string | null>(null)
   const [configOpen, setConfigOpen] = useState(false)
   const [reconfigOpen, setReconfigOpen] = useState(false)
+  // Ink may deliver one final event to Composer while an async config picker is
+  // replacing it. The shared ref lets that stale listener report "not handled"
+  // so App can replay the key after the new Select mounts.
+  const chatInputActiveRef = useRef(true)
+  chatInputActiveRef.current = !configOpen && !reconfigOpen
   // Ink's useInput keeps whatever handler was registered at subscription time;
   // reading mutable refs (updated every render) keeps the callback from acting
   // on a stale `configOpen`/sessionId closure after the config flow opens.
@@ -96,7 +104,7 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
       return
     }
     setShowHelp(false)
-    setScrollBack(0)
+    setRowAnchor(null)
     void chat.send(t)
   }, [chat, runSlash])
 
@@ -112,39 +120,66 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
   // (type:user / response_item.message[user] / event_msg.user_message) 合并成 1 条,
   // 避免在累积视图里把同一条提问显示多次.
   const dedupedEntries = useMemo(() => dedupeUserEntries(chat.entries), [chat.entries])
-  // Cache: entry index → rendered line count. Cleared when entries or columns change.
-  const entryLines = useRef<Map<number, number>>(new Map())
-  useEffect(() => { entryLines.current.clear() }, [dedupedEntries, terminal.columns])
-  const getEntryLines = useCallback((i: number) => {
-    const c = entryLines.current.get(i)
-    if (c !== undefined) return c
-    const n = entryScreenLines(viewsForEntry(dedupedEntries[i]), terminal.columns).length || 1
-    entryLines.current.set(i, n)
-    return n
-  }, [dedupedEntries, terminal.columns])
+  const pendingEntry = useMemo<AnyEntry | null>(() => chat.pendingUser === null ? null : ({
+    type: 'user',
+    __id: '__pending-user__',
+    message: { role: 'user', content: chat.pendingUser },
+  }), [chat.pendingUser])
+  const transcriptEntries = useMemo(
+    () => pendingEntry ? [...dedupedEntries, pendingEntry] : dedupedEntries,
+    [dedupedEntries, pendingEntry],
+  )
+
+  // Markdown parsing and wrapping are paid once per entry/terminal width. Keep
+  // the two most recent widths so resize-back does not immediately reparse the
+  // whole visible history, while bounding cache growth during repeated resizes.
+  const rowCache = useRef<WeakMap<AnyEntry, Map<number, ScreenRow[]>>>(new WeakMap())
+  const rowsForEntry = useCallback((entry: AnyEntry): readonly ScreenRow[] => {
+    let widths = rowCache.current.get(entry)
+    if (!widths) {
+      widths = new Map()
+      rowCache.current.set(entry, widths)
+    }
+    const cached = widths.get(terminal.columns)
+    if (cached) return cached
+    const rows = entryScreenRows(viewsForEntry(entry), terminal.columns)
+    if (widths.size >= 2) widths.delete(widths.keys().next().value!)
+    widths.set(terminal.columns, rows)
+    return rows
+  }, [terminal.columns])
+  const rowAccess = useMemo(() => createRowAccess(
+    transcriptEntries,
+    // UUID is stable across SSE history replay; __id is only the local fallback
+    // for entries that do not carry a backend identity (notably the optimistic
+    // pending user row).
+    (entry, index) => String(entry.uuid ?? entry.__id ?? `entry-${index}`),
+    (entry) => rowsForEntry(entry),
+  ), [transcriptEntries, rowsForEntry])
   const viewportRows = terminal.isTty ? Math.max(9, terminal.rows - 1) : terminal.rows
   const activityRows = (chat.typing ? 2 : 0) + (chat.error ? 1 : 0)
   const helpRows = showHelp ? SLASH_COMMANDS.length + 3 : 0
-  const transcriptRows = Math.max(1, viewportRows - composerRows - STATUS_ROWS - activityRows - helpRows - 3)
-  const fitted = useMemo(
-    () => fitTranscript(dedupedEntries, transcriptRows, terminal.columns, scrollBack),
-    [dedupedEntries, transcriptRows, terminal.columns, scrollBack],
+  // Conversation chrome is exactly two rows: compact header + navigation.
+  const transcriptRows = Math.max(1, viewportRows - composerRows - STATUS_ROWS - activityRows - helpRows - 2)
+  const tail = useMemo(() => tailAnchor(rowAccess, transcriptRows), [rowAccess, transcriptRows])
+  const effectiveAnchor = rowAnchor ?? tail
+  const viewport = useMemo(
+    () => sliceViewport(rowAccess, effectiveAnchor, transcriptRows),
+    [rowAccess, effectiveAnchor, transcriptRows],
   )
-  const showWelcome = dedupedEntries.length === 0 && chat.pendingUser === null && scrollBack === 0
-
-  // Keep a history page pinned while new events stream in. At the latest page,
-  // new output continues to auto-follow as usual.
-  const prevLenRef = useRef(dedupedEntries.length)
-  useEffect(() => {
-    const previous = prevLenRef.current
-    const current = dedupedEntries.length
-    prevLenRef.current = current
-    if (current > previous && scrollBack > 0) {
-      setScrollBack(value => value + current - previous)
-    } else if (scrollBack > current) {
-      setScrollBack(current)
-    }
-  }, [dedupedEntries.length, scrollBack])
+  const showWelcome = transcriptEntries.length === 0
+  const pageRows = Math.max(1, transcriptRows - 1)
+
+  const scrollRows = useCallback((deltaRows: number) => {
+    if (deltaRows === 0) return
+    selState.current = null
+    setSel(null)
+    setRowAnchor(previous => {
+      const start = previous ?? tailAnchor(rowAccess, transcriptRows)
+      const next = moveAnchorByRows(rowAccess, start, deltaRows)
+      if (deltaRows > 0 && !sliceViewport(rowAccess, next, transcriptRows).hasNewer) return null
+      return next
+    })
+  }, [rowAccess, transcriptRows])
 
   // Show the model's friendly label (e.g. "GPT-5.6-Sol") in the header/status
   // instead of its opaque key (e.g. "codex:mobiusdefaultaabb").
@@ -170,16 +205,13 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
       if (isEscapeKeypress(_input, key)) onConfigCancel(handlerRef.current.sessionId)
       return
     }
-    const step = Math.max(1, fitted.entries.length)
-    if (key.pageUp) setScrollBack(value => Math.min(dedupedEntries.length, value + step))
-    else if (key.pageDown) setScrollBack(value => Math.max(0, value - step))
-  })
+    if (key.pageUp) scrollRows(-pageRows)
+    else if (key.pageDown) scrollRows(pageRows)
+  }, { interactive: false })
 
-  const olderHint = !showWelcome && (fitted.hiddenOlder > 0 || scrollBack > 0)
-    ? fitted.hiddenOlder > 0
-      ? `↑ 还有 ${fitted.hiddenOlder} 条较早记录 · 滚轮/PageUp 翻页 · 拖动选中文本`
-      : '已到最早记录 · 滚轮/PageDown 翻页 · 拖动选中文本'
-    : null
+  const navigationHint = viewport.hasOlder
+    ? `${viewport.hasNewer ? '↑ 较早内容 · ↓ 较新内容' : '↑ 还有较早内容'} · 滚轮 3 行 · PageUp/PageDown ${pageRows} 行 · 拖动选中文本`
+    : `${viewport.hasNewer ? '已到最早 · ↓ 还有较新内容' : '全部内容'} · 滚轮 3 行 · PageUp/PageDown ${pageRows} 行 · 拖动选中文本`
 
   // Mouse: wheel pages through history in small fixed steps, and a left-button
   // drag selects transcript text (tmux-style: the app owns the mouse, draws its
@@ -191,23 +223,16 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
   const [sel, setSel] = useState<{ anchor: SelPoint; end: SelPoint; active: boolean } | null>(null)
   const [copyNotice, setCopyNotice] = useState<string | null>(null)
 
-  // Geometry + text model must mirror the rendered transcript so a screen
-  // (row, col) maps to the right entry/line/char. Recompute with the fitted view.
-  const tipShown = dedupedEntries.length === 0 && chat.pendingUser === null && !showHelp
-  const geometry: TranscriptGeometry = useMemo(() => computeTranscriptGeometry({
-    viewportRows,
-    composerRows,
-    statusRows: STATUS_ROWS,
-    activityRows,
-    helpRows,
-    showWelcome,
-    welcomeRows: 10,
-    olderHintShown: olderHint !== null,
-    tipShown,
-  }), [viewportRows, composerRows, activityRows, helpRows, showWelcome, olderHint, tipShown])
+  // Selection uses the exact virtual rows mounted below. There is no separate
+  // fitting/geometry pass, so hit-testing, rendering and clipboard extraction
+  // cannot disagree about which rows are on screen.
+  const geometry: TranscriptGeometry = useMemo(
+    () => ({ boxTop: 2, boxH: transcriptRows }),
+    [transcriptRows],
+  )
   const transcriptModel: TranscriptModel = useMemo(
-    () => buildTranscriptModel(fitted.entries, terminal.columns),
-    [fitted.entries, terminal.columns],
+    () => ({ entries: viewport.rows.map(item => [item.row.plain]), totalRows: viewport.rows.length }),
+    [viewport.rows],
   )
   const selMap = useMemo(
     () => (sel?.active ? buildSelectionMap(transcriptModel, sel.anchor, sel.end) : null),
@@ -223,25 +248,7 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
 
   useMouseEvents({
     onWheel: (delta) => {
-      if (delta === 0) return
-      const targetLines = 2
-      let lines = 0
-      let next = scrollBack
-      const n = dedupedEntries.length
-      if (delta > 0) {
-        // scroll up (older): hide more entries from the tail
-        for (let i = n - 1 - next; i >= 0 && lines < targetLines; i--) {
-          lines += getEntryLines(i)
-          next++
-        }
-      } else {
-        // scroll down (newer): unhide entries from the tail
-        for (let i = n - next; i < n && lines < targetLines; i++) {
-          lines += getEntryLines(i)
-          next--
-        }
-      }
-      setScrollBack(Math.min(n, Math.max(0, next)))
+      scrollRows(delta * -3)
     },
     onPress: (row, col) => {
       const p = screenToSelPoint(row, col, transcriptModel, geometry)
@@ -321,32 +328,25 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
           ? <WelcomeCard ready={ready} columns={terminal.columns} resumed={Boolean(resumeSessionId)} modelDisplay={modelDisplay} />
           : <CompactHeader ready={ready} sessionId={chat.sessionId} columns={terminal.columns} />}
 
-        {/* Older-records hint is pinned OUTSIDE the flex-end scroll box so it is
-            always the first line of the transcript, spanning the full width,
-            instead of floating mid-screen when the transcript has spare rows. */}
-        {olderHint !== null
-          ? <Box width="100%" flexShrink={0}><Text dimColor wrap="truncate-end">  {olderHint}</Text></Box>
+        {!showWelcome
+          ? <Box width="100%" flexShrink={0}><Text dimColor wrap="truncate-end">  {navigationHint}</Text></Box>
           : null}
 
-        <Box flexGrow={1} flexShrink={1} flexDirection="column" justifyContent={showWelcome || fitted.hiddenOlder > 0 ? 'flex-start' : 'flex-end'} overflowY="hidden">
-          {fitted.peekLines.length > 0
-            ? <Box width="100%" flexShrink={0} flexDirection="column">
-                {fitted.peekLines.map((line, index) => (
-                  <Text key={`peek-${index}`} dimColor wrap="truncate-end">{index === 0 ? '  ⋯ ' : '    '}{line}</Text>
-                ))}
-              </Box>
-            : null}
-          {fitted.entries.map((entry, index) => {
-            const entrySel = selMap?.get(index)
-            const key = entry.__id ?? `entry-${fitted.startIndex + index}`
-            return entrySel
-              ? <EntryScreenWithSelection key={key} entry={entry} columns={terminal.columns} sel={entrySel} />
-              : <EntryAccum key={key} entry={entry} columns={terminal.columns} />
-          })}
-          {chat.pendingUser !== null ? <UserLine text={chat.pendingUser} /> : null}
-          {fitted.hiddenRecent > 0
-            ? <Box width="100%" flexShrink={0}><Text dimColor wrap="truncate-end">  ↓ 滚轮/PageDown 翻页 · 较新 {fitted.hiddenRecent} 条</Text></Box>
-            : null}
+        <Box
+          height={showWelcome ? undefined : transcriptRows}
+          flexGrow={showWelcome ? 1 : 0}
+          flexShrink={showWelcome ? 1 : 0}
+          flexDirection="column"
+          justifyContent="flex-end"
+          overflowY="hidden"
+        >
+          {!showWelcome ? viewport.rows.map((item, index) => {
+            const range = selMap?.get(index)?.get(0)
+            const text = range && range.start < range.end
+              ? highlightScreenRow(item.row.styled, range.start, range.end)
+              : item.row.styled
+            return <ScreenText key={`${item.entryId}:${item.rowIndex}`} row={item.row} text={text || ' '} />
+          }) : null}
         </Box>
 
         {dedupedEntries.length === 0 && chat.pendingUser === null && !showHelp
@@ -367,6 +367,7 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
           typing={chat.typing}
           commands={SLASH_COMMANDS}
           onHeightChange={setComposerRows}
+          inputActiveRef={chatInputActiveRef}
         />
         <StatusArea
           ready={ready}
@@ -410,7 +411,7 @@ function WelcomeCard({ ready, columns, resumed, modelDisplay }: { ready: ReadySt
         <Text>
           <Text dimColor>{'>_ '}</Text>
           <Text bold>Mobius</Text>
-          <Text dimColor> (v{VERSION})</Text>
+          <Text dimColor> (v{TUI_VERSION})</Text>
         </Text>
         <Text> </Text>
         <MetaRow label="model:" value={modelDisplay} hint="/help 查看命令" labelWidth={labelWidth} />
@@ -445,154 +446,58 @@ function CompactHeader({ ready, sessionId, columns }: { ready: ReadyState; sessi
   )
 }
 
-function EntryAccum({ entry, columns }: { entry: AnyEntry; columns: number }) {
-  const views = viewsForEntry(entry)
-  return (
-    <Box flexDirection="column">
-      {views.map((view, index) => <ViewLine key={index} view={view} columns={columns} />)}
-    </Box>
-  )
+function ScreenText({ row, text }: { row: ScreenRow; text: string }) {
+  const tone = row.tone
+  const color = tone === 'tool' ? 'cyan'
+    : tone === 'tool_error' || tone === 'edit_old' || tone === 'error' ? 'red'
+      : tone === 'edit_header' || tone === 'reasoning' ? 'magenta'
+        : tone === 'edit_new' ? 'green'
+          : tone === 'system' ? 'yellow'
+            : undefined
+  const dimColor = tone === 'tool_result' || tone === 'tool_error' || tone === 'reasoning' || tone === 'system'
+  return <Text wrap="truncate-end" bold={tone === 'user'} dimColor={dimColor} color={color}>{text}</Text>
 }
 
-// While a drag-selection is active, the affected entries are re-rendered from the
-// screen-text model (plain rows, no ANSI) so the selected char range can be
-// painted with a background — the same rows the model produces, keeping the
-// layout stable. Rows outside the selection keep their original text.
-function EntryScreenWithSelection({ entry, columns, sel }: {
-  entry: AnyEntry
-  columns: number
-  sel: Map<number, { start: number; end: number }>
-}) {
-  const lines = entryScreenLines(viewsForEntry(entry), columns)
-  return (
-    <Box flexDirection="column">
-      {lines.map((row, index) => {
-        const range = sel.get(index)
-        if (range && range.start < range.end) {
-          return (
-            <Text key={index} wrap="truncate-end">
-              <Text>{row.slice(0, range.start)}</Text>
-              <Text backgroundColor="cyan" color="black">{row.slice(range.start, range.end)}</Text>
-              <Text>{row.slice(range.end)}</Text>
-            </Text>
-          )
-        }
-        return <Text key={index} wrap="truncate-end">{row || ' '}</Text>
-      })}
-    </Box>
-  )
-}
-
-function ViewLine({ view, columns }: { view: EntryView; columns: number }) {
-  const width = Math.max(8, columns - 4)
-  switch (view.kind) {
-    case 'skip':
-      return null
-    case 'user':
-      return <UserLine text={view.text} />
-    case 'assistant': {
-      const lines = renderMarkdownLines(view.text)
-      return (
-        <Box marginTop={1} flexDirection="column">
-          {lines.map((line, index) => (
-            <Text key={index} wrap={line.code ? 'truncate-end' : 'wrap'}>
-              {index === 0 ? '• ' : '  '}{line.text || ' '}
-            </Text>
-          ))}
-        </Box>
-      )
+const ANSI_CSI_RE = /^\x1b\[[0-?]*[ -/]*[@-~]/
+const SELECTION_BG = '\x1b[46m'
+const SELECTION_BG_END = '\x1b[49m'
+
+/** Add a background to visible UTF-16 offsets without stripping existing ANSI. */
+function highlightScreenRow(styled: string, start: number, end: number): string {
+  if (start >= end) return styled
+  let out = ''
+  let raw = 0
+  let visible = 0
+  let highlighted = false
+  while (raw < styled.length) {
+    if (styled.charCodeAt(raw) === 0x1b) {
+      const match = ANSI_CSI_RE.exec(styled.slice(raw))
+      if (match) {
+        out += match[0]
+        raw += match[0].length
+        // A full SGR reset inside Markdown/syntax text also resets the injected
+        // background; immediately restore it while the selected span is active.
+        if (highlighted && /^\x1b\[(?:0)?m$/.test(match[0])) out += SELECTION_BG
+        continue
+      }
     }
-    case 'tool_call': {
-      // compact (≤2 行): 命令行 + 可选结果行 (已与 tool_result 合并).
-      const head = clampLines(`${toolLabel(view.toolName)} ${view.summary}`.trim(), width - 2, 1)[0]
-      return (
-        <Box marginTop={1} flexDirection="column">
-          <Text color="cyan">• {head}</Text>
-          {view.result ? (
-            <Text dimColor color={view.result.isError ? 'red' : undefined}>
-              {'  └ '}{clampLines(view.result.text, width - 4, 1)[0] || '(无输出)'}
-            </Text>
-          ) : null}
-        </Box>
-      )
+    const codePoint = styled.codePointAt(raw)!
+    const char = String.fromCodePoint(codePoint)
+    const nextVisible = visible + char.length
+    if (!highlighted && nextVisible > start && visible < end) {
+      out += SELECTION_BG
+      highlighted = true
     }
-    case 'tool_result': {
-      // codex 式 head+ellipsis+tail (output_max_lines=5): tool 结果保留头尾,
-      // 中间省略行数; DIM 样式 + └/缩进前缀 (对齐 codex exec_cell/render.rs).
-      const lines = headTailLines(view.text, width - 4, 5)
-      return (
-        <Box flexDirection="column">
-          {lines.map((l, i) => (
-            <Text key={i} dimColor color={view.isError ? 'red' : undefined}>{i === 0 ? '  └ ' : '    '}{l}</Text>
-          ))}
-        </Box>
-      )
+    if (highlighted && visible >= end) {
+      out += SELECTION_BG_END
+      highlighted = false
     }
-    case 'code_edit':
-      return <CodeEditView view={view} />
-    case 'write_file':
-      return <WriteFileView view={view} />
-    case 'reasoning': {
-      const lines = clampLines(view.text, width - 4, 2)
-      return (
-        <Box marginTop={1} flexDirection="column">
-          {lines.map((line, i) => (
-            <Text key={i} dimColor color="magenta">{i === 0 ? '  ◇ ' : '    '}{line}</Text>
-          ))}
-        </Box>
-      )
-    }
-    case 'system':
-      return <Text dimColor color="yellow">  {clampLines(view.text, width - 2, 2)[0]}</Text>
-    case 'error':
-      return (
-        <Box marginTop={1} flexDirection="column">
-          {view.text.split('\n').map((line, i) => (
-            <Text key={i} color="red">{i === 0 ? '⚠ ' : '  '}{line}</Text>
-          ))}
-        </Box>
-      )
-    default:
-      return null
+    out += char
+    raw += char.length
+    visible = nextVisible
   }
-}
-
-// 代码修改 (Edit/StrReplace/apply_patch) — full: 完整展示 old(−)/new(+) 改动原文.
-function CodeEditView({ view }: { view: { filePath: string; oldString: string; newString: string } }) {
-  return (
-    <Box marginTop={1} flexDirection="column">
-      <Text color="magenta">✎ 编辑 {view.filePath || '(未指定文件)'}</Text>
-      {view.oldString ? view.oldString.split('\n').map((line, i) => (
-        <Text key={`o${i}`} color="red">{'  − '}{line}</Text>
-      )) : null}
-      {view.newString ? view.newString.split('\n').map((line, i) => (
-        <Text key={`n${i}`} color="green">{'  + '}{line}</Text>
-      )) : null}
-    </Box>
-  )
-}
-
-// 文件写入 (Write/create_file) — full: 完整展示写入内容原文.
-function WriteFileView({ view }: { view: { filePath: string; content: string } }) {
-  return (
-    <Box marginTop={1} flexDirection="column">
-      <Text color="magenta">✎ 写入 {view.filePath || '(未指定文件)'}</Text>
-      {view.content.split('\n').map((line, i) => (
-        <Text key={i} color="green">{'  + '}{line}</Text>
-      ))}
-    </Box>
-  )
-}
-
-// clampLines / headTailLines / displayWidth live in src/lib/screen-text.ts
-// (mirrored, exported) and are imported above; they must match ViewLine exactly
-// so the drag-selection text model aligns with the rendered rows.
-
-function UserLine({ text }: { text: string }) {
-  const lines = text.split('\n')
-  if (lines[0] !== undefined) lines[0] = `› ${lines[0]}`
-  for (let i = 1; i < lines.length; i++) lines[i] = `  ${lines[i]}`
-  return <Box marginTop={1}><Text bold>{lines.join('\n')}</Text></Box>
+  if (highlighted) out += SELECTION_BG_END
+  return out
 }
 
 function WorkingIndicator({ firstQuery }: { firstQuery: boolean }) {
@@ -653,9 +558,10 @@ interface ComposerProps {
   typing: boolean
   commands: { cmd: string; desc: string }[]
   onHeightChange?: (rows: number) => void
+  inputActiveRef?: React.RefObject<boolean>
 }
 
-export function Composer({ onSubmit, onStop, onQuit, typing, commands, onHeightChange }: ComposerProps) {
+export function Composer({ onSubmit, onStop, onQuit, typing, commands, onHeightChange, inputActiveRef }: ComposerProps) {
   const [value, setValue] = useState('')
   const [cursor, setCursor] = useState(0)
   const [popupIdx, setPopupIdx] = useState(0)
@@ -799,6 +705,7 @@ export function Composer({ onSubmit, onStop, onQuit, typing, commands, onHeightC
   useEffect(() => () => resetPasteBurst(), [])
 
   useStableInput((input, key) => {
+    if (inputActiveRef?.current === false) return false
     if (isMouseInput(input)) return // mouse events must never become typed text
     const now = Date.now()
     const escape = isEscapeKeypress(input, key)
@@ -1005,7 +912,7 @@ function normalizeComposerPaste(text: string): string {
 }
 
 function isEnhancedNewlineInput(input: string): boolean {
-  return /^\[(?:13|27);2(?:u|~)$/.test(input) || input === '\x1b\r'
+  return /^\[13;2u$/.test(input) || /^\[27;2;13~$/.test(input) || input === '\x1b\r'
 }
 
 function findPasteMarker(input: string, code: '200' | '201', from = 0): number {
@@ -1161,93 +1068,3 @@ function clickableUrl(url: string, maxLen?: number): string {
 
 // displayWidth is imported from src/lib/screen-text.ts (CJK/emoji-aware), used
 // here to size the AIMUX status block so the web URL truncates exactly.
-
-function wrappedRows(text: string, width: number): number {
-  const safeWidth = Math.max(1, width)
-  return text.split('\n').reduce((sum, line) => sum + Math.max(1, Math.ceil(displayWidth(line) / safeWidth)), 0)
-}
-
-function entryRows(entry: AnyEntry, columns: number): number {
-  const width = Math.max(8, columns - 4)
-  return Math.max(1, viewsForEntry(entry).reduce((sum, view) => {
-    switch (view.kind) {
-      case 'skip': return sum
-      case 'user': return sum + 1 + wrappedRows(view.text, width - 2)
-      case 'assistant': {
-        const rows = renderMarkdownLines(view.text).reduce((total, line) => {
-          return total + (line.code ? 1 : wrappedRows(line.text || ' ', width - 2))
-        }, 0)
-        return sum + 1 + rows
-      }
-      case 'tool_call': return sum + 2 + (view.result ? 1 : 0)
-      case 'tool_result': return sum + headTailLines(view.text, width - 4, 5).length
-      case 'code_edit':
-        return sum + 2 + wrappedRows(view.filePath || '(未指定文件)', width - 4)
-          + wrappedRows(view.oldString, width - 4) + wrappedRows(view.newString, width - 4)
-      case 'write_file':
-        return sum + 2 + wrappedRows(view.filePath || '(未指定文件)', width - 4)
-          + wrappedRows(view.content, width - 4)
-      case 'reasoning': return sum + 1 + clampLines(view.text, width - 4, 2).length
-      case 'system': return sum + 1
-      case 'error': return sum + 1 + wrappedRows(view.text, width - 2)
-      default: return sum
-    }
-  }, 0))
-}
-
-function fitTranscript(entries: AnyEntry[], rowBudget: number, columns: number, scrollBack = 0): {
-  entries: AnyEntry[]
-  /** Tail rows of the next older entry, used to fill spare space above the viewport. */
-  peekLines: string[]
-  hiddenOlder: number
-  hiddenRecent: number
-  startIndex: number
-} {
-  const tail = Math.max(0, entries.length - scrollBack)
-  const available = tail === 0 ? [] : entries.slice(0, tail)
-  const renderedRows = available.map((entry) => entryScreenLines(viewsForEntry(entry), columns))
-  const fit = (budget: number) => {
-    let rows = 0
-    let first = available.length
-    for (let index = available.length - 1; index >= 0; index--) {
-      const nextRows = renderedRows[index].length
-      if (first < available.length && rows + nextRows > budget) break
-      rows += nextRows
-      first = index
-    }
-    return { first, rows }
-  }
-
-  const base = fit(rowBudget)
-  let fitted = base
-  let first = fitted.first
-  let peekLines: string[] = []
-  // When older history exists, guarantee at least one row for the tail of the
-  // next older message. If complete entries exactly consume the budget, refit
-  // them with one fewer row; only the oldest complete entry can drop out, while
-  // the latest content remains visible. A single oversized entry keeps its
-  // original rendering because it cannot safely donate a row.
-  if (first > 0 && fitted.rows <= rowBudget) {
-    if (fitted.rows === rowBudget && rowBudget > 1) {
-      const reduced = fit(rowBudget - 1)
-      if (reduced.first > 0 && reduced.rows <= rowBudget - 1) {
-        fitted = reduced
-        first = reduced.first
-      }
-    }
-    const olderLines = renderedRows[first - 1].slice()
-    while (olderLines.length > 0 && !olderLines[0].trim()) olderLines.shift()
-    while (olderLines.length > 0 && !olderLines[olderLines.length - 1].trim()) olderLines.pop()
-    const spare = rowBudget - fitted.rows
-    if (spare > 0 && olderLines.length > 0) {
-      peekLines = olderLines.slice(-spare)
-    }
-  }
-  return {
-    entries: available.slice(first),
-    peekLines,
-    hiddenOlder: first,
-    hiddenRecent: entries.length - tail,
-    startIndex: first,
-  }
-}

package/src/components/ConfigFlow.tsx

@@ -322,6 +322,7 @@ export function ReconfigFlow({ client, onDone }: {
                     { label: '➕ 创建新项目', value: '__create__' },
                     ...projects.map(p => ({ label: p.name, value: p.id, desc: p.description })),
                   ]}
+                  initialActive={projects.length > 0 ? 1 : 0}
                   onSelect={v => v === '__create__' ? setCreateMode('project') : pickProject(projects!.find(p => p.id === v)!)}
                 />}
           </Box>
@@ -345,6 +346,7 @@ export function ReconfigFlow({ client, onDone }: {
                       { label: '➕ 创建新任务', value: '__create__' },
                       ...issues.map(i => ({ label: i.title, value: i.id, desc: i.description })),
                     ]}
+                    initialActive={1}
                     onSelect={v => v === '__create__' ? setCreateMode('issue') : pickIssue(issues!.find(i => i.id === v)!)} />}
           </Box>
           <Text color="gray">↑↓ 选择 · 回车确认 · Esc 取消</Text>