@mobius-os/mobius 0.3.4 → 0.3.6

package/package.json

@@ -1,30 +1,50 @@
 {
   "name": "@mobius-os/mobius",
-  "version": "0.3.4",
+  "version": "0.3.6",
   "type": "module",
   "description": "Mobius terminal client. Reuses Mobius frontend TypeScript types and jsonl entry shapes.",
   "bin": {
     "mobius": "bin/mobius-tui.js",
     "mobius-tui": "bin/mobius-tui.js"
   },
-  "scripts": {
-    "start": "tsx src/main.tsx"
-  },
   "files": [
     "bin",
     "src",
     "README.md"
   ],
+  "scripts": {
+    "dev": "tsx src/main.tsx",
+    "start": "tsx src/main.tsx",
+    "typecheck": "tsc --noEmit",
+    "test:integration": "tsx tests/integration.test.ts",
+    "test:ui": "tsx tests/ui.test.tsx",
+    "test:flow": "tsx tests/flow.test.tsx",
+    "test:resume": "tsx tests/resume.test.tsx",
+    "test:aimux": "tsx tests/aimux.test.tsx",
+    "test:reconnect": "tsx tests/reconnect.test.tsx",
+    "test:screen": "tsx tests/screen.test.tsx",
+    "test:scroll": "tsx tests/scroll.test.tsx",
+    "test": "npm run typecheck && npm run test:ui && npm run test:integration"
+  },
   "dependencies": {
     "chalk": "^5.3.0",
     "cli-highlight": "2.1.11",
     "extract-zip": "^2.0.1",
     "ink": "5.2.0",
     "marked": "12.0.2",
-    "react": "18.3.1",
-    "tsx": "4.19.2"
+    "react": "18.3.1"
+  },
+  "devDependencies": {
+    "@types/node": "18.19.34",
+    "@types/react": "18.3.3",
+    "ink-testing-library": "4.0.0",
+    "tsx": "4.19.2",
+    "typescript": "5.4.5"
   },
   "engines": {
     "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
   }
 }

package/src/aimux.ts

@@ -209,6 +209,27 @@ export function tuiAimuxIdentifier(): string {
   return `tui-${host || 'pc'}`
 }
 
+/**
+ * Build the reverse-connect command in one place. The TUI can launch AIMUX
+ * through either a venv executable or bundled Python; both paths must request
+ * hidden Windows shells or every remote command flashes a console and steals
+ * keyboard focus from the TUI.
+ */
+export function reverseConnectArgs(
+  server: string,
+  identifier: string,
+  token: string,
+  platform: NodeJS.Platform = process.platform,
+): string[] {
+  return [
+    'reverse', 'connect', `${server.replace(/\/$/, '')}/aimux_bridge`,
+    '--identifier', identifier,
+    '--token', token,
+    '--replace',
+    ...(platform === 'win32' ? ['--silent-shell'] : []),
+  ]
+}
+
 export async function probeAimuxBridgeConnection(
   server: string,
   token: string,
@@ -261,7 +282,7 @@ export class AimuxSupervisor {
     onStatus({ state: 'starting', phase: 'connecting', detail: '正在连接 Mobius AIMUX bridge…', identifier, attempt: this.reconnectAttempt })
     const child = this.opts.spawnProcess?.() ?? spawn(
       aimuxExe(),
-      ['reverse', 'connect', `${server.replace(/\/$/, '')}/aimux_bridge`, '--identifier', identifier, '--token', token, '--replace', ...(process.platform === 'win32' ? ['--silent-shell'] : [])],
+      reverseConnectArgs(server, identifier, token),
       { windowsHide: true },
     )
     this.child = child
@@ -402,7 +423,7 @@ export async function startAimuxConnection(opts: { server: string; token: string
     const launcher = ready.launcher
     supervisor = new AimuxSupervisor({
       server: opts.server, token: opts.token, identifier, onStatus,
-      spawnProcess: () => spawnLauncher(launcher, ['reverse', 'connect', `${opts.server.replace(/\/$/, '')}/aimux_bridge`, '--identifier', identifier, '--token', opts.token, '--replace']),
+      spawnProcess: () => spawnLauncher(launcher, reverseConnectArgs(opts.server, identifier, opts.token)),
     })
     supervisor.start()
   })().finally(() => { installing = null })

package/src/components/Chat.tsx

@@ -12,11 +12,12 @@ import { Box, Static, Text, useInput, useStdout } from 'ink'
 import { useChat } from '../hooks/useChat.js'
 import { MobiusClient } from '../api.js'
 import { renderMarkdownLines } from '../markdown.js'
-import { viewsForEntry, dedupeUserEntries, toolLabel, type EntryView } from '../lib/entry-view.js'
+import { viewsForEntry, dedupeUserEntries, toolLabel, isAssistantOutput, type EntryView } from '../lib/entry-view.js'
 import type { ReadyState } from './PrepScreen.js'
 import type { AnyEntry } from '../types.js'
 import type { AimuxStatus } from '../aimux.js'
 import { AimuxStatusLine, aimuxStatusText } from './AimuxStatus.js'
+import { isEscapeKeypress } from './primitives.js'
 
 interface ChatProps {
   client: MobiusClient
@@ -79,6 +80,14 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
   // (the terminal's own scrollback holds history; no in-app pager needed).
   const showWelcome = chat.entries.length === 0 && chat.pendingUser === null
 
+  // First query of a fresh session triggers the full backend bootstrap (lazy
+  // session creation, worker spawn, context load) before any output streams.
+  // Label that phase "Initializing for the first query" instead of "Working"
+  // so it reads as startup rather than a stuck agent. Once the first assistant
+  // output is observed (or the session is a resumed one with prior history),
+  // the indicator falls back to the normal Working label for every turn.
+  const firstQueryInFlight = !resumeSessionId && !chat.entries.some(isAssistantOutput)
+
   // 用户输入去重 (对齐 web viewer/rounds.ts buildRounds): codex 同一提问的 3 形态
   // (type:user / response_item.message[user] / event_msg.user_message) 合并成 1 条,
   // 避免在累积视图里把同一条提问显示多次.
@@ -112,7 +121,7 @@ export function ChatScreen({ client, ready, webUserId, resumeSessionId, onClear,
       </Static>
 
       {chat.pendingUser !== null ? <UserLine text={chat.pendingUser} /> : null}
-      {chat.typing ? <WorkingIndicator /> : null}
+      {chat.typing ? <WorkingIndicator firstQuery={firstQueryInFlight} /> : null}
       {chat.error ? <Text color="red">⚠ {chat.error}</Text> : null}
 
       {chat.entries.length === 0 && chat.pendingUser === null && !showHelp
@@ -346,7 +355,7 @@ function UserLine({ text }: { text: string }) {
   return <Box marginTop={1}><Text bold>{lines.join('\n')}</Text></Box>
 }
 
-function WorkingIndicator() {
+function WorkingIndicator({ firstQuery }: { firstQuery: boolean }) {
   const startedAt = useRef(Date.now())
   const [animationFrame, setAnimationFrame] = useState(0)
   useEffect(() => {
@@ -355,7 +364,9 @@ function WorkingIndicator() {
   }, [])
   const secs = Math.floor((Date.now() - startedAt.current) / 1000)
   const elapsed = secs >= 60 ? `${Math.floor(secs / 60)}m ${String(secs % 60).padStart(2, '0')}s` : `${secs}s`
-  const label = `• Working (${elapsed} · esc to interrupt)`
+  const label = firstQuery
+    ? `• Initializing for the first query (${elapsed})`
+    : `• Working (${elapsed} · esc to interrupt)`
   return (
     <Box marginTop={1}>
       <Text>{shimmerText(label, animationFrame)}</Text>
@@ -423,7 +434,8 @@ function Composer({ onSubmit, onStop, onQuit, typing, commands }: ComposerProps)
   }
 
   useInput((input, key) => {
-    if (typing && key.escape) { void onStop(); return }
+    const escape = isEscapeKeypress(input, key)
+    if (typing && escape) { void onStop(); return }
 
     if (popupOpen) {
       if (key.upArrow) { setPopupIdx(i => (i <= 0 ? filtered.length - 1 : i - 1)); return }
@@ -432,7 +444,7 @@ function Composer({ onSubmit, onStop, onQuit, typing, commands }: ComposerProps)
         const pick = filtered[popupIdx >= 0 ? popupIdx : 0]
         if (pick) { edit(`${pick.cmd} `, pick.cmd.length + 1); setPopupDismissed(true); return }
       }
-      if (key.escape) { setPopupDismissed(true); return }
+      if (escape) { setPopupDismissed(true); return }
     }
 
     if (key.return) {
@@ -476,7 +488,7 @@ function Composer({ onSubmit, onStop, onQuit, typing, commands }: ComposerProps)
     if (key.ctrl && input === 'u') { edit('', 0); return }
     if (key.ctrl && input === 'k') { edit(value.slice(0, cursor), cursor); return }
     if (key.ctrl && input === 'j') { edit(value.slice(0, cursor) + '\n' + value.slice(cursor), cursor + 1); return }
-    if (key.ctrl || key.meta || key.escape || !input) return
+    if (key.ctrl || key.meta || escape || !input) return
     edit(value.slice(0, cursor) + input + value.slice(cursor), cursor + input.length)
   })
 

package/src/components/PrepScreen.tsx

@@ -293,7 +293,7 @@ function IssuePicker({ issues, onPick, onCreate }: {
         <Text bold color="cyan">创建新任务</Text>
         <Text color="gray">输入任务名称（不使用 git worktree）</Text>
         <TextInput value={name} onChange={setName} focused placeholder="命令行任务"
-          onSubmit={() => onCreate(name)} />
+          onSubmit={() => onCreate(name)} onEscape={() => setMode('list')} />
         <Text color="gray">回车创建 · Esc 返回</Text>
       </Box>
     )

package/src/components/primitives.tsx

@@ -5,6 +5,11 @@
 import React, { useEffect, useRef, useState } from 'react'
 import { Box, Text, useInput, useStdout } from 'ink'
 
+/** Windows Terminal/ConPTY may expose Esc as a named key, a raw byte, or Ctrl+[. */
+export function isEscapeKeypress(input: string, key: { escape?: boolean; ctrl?: boolean }): boolean {
+  return key.escape === true || input === '\x1b' || (key.ctrl === true && input === '[')
+}
+
 // ─── TextInput ───────────────────────────────────────────────────────────────
 export interface TextInputProps {
   value: string
@@ -46,7 +51,7 @@ export function TextInput(props: TextInputProps) {
     if (key.return) { props.onSubmit?.(); return }
     if (key.upArrow) { props.onArrowUp?.(); return }
     if (key.downArrow) { props.onArrowDown?.(); return }
-    if (key.escape || input === '\x1b') { props.onEscape?.(); return }
+    if (isEscapeKeypress(input, key)) { props.onEscape?.(); return }
     if (key.tab) { props.onTab?.(); return }
     // Ink labels the \x7f that virtually every terminal's Backspace key emits
     // as `key.delete` (see its parse-keypress.js TODO). Treat either signal as
@@ -175,7 +180,7 @@ export function Select(props: SelectProps) {
       if (key.return) { props.onConfirm?.(Array.from(selectedSet)); return }
       if (input === ' ') { props.onToggle?.(items[active].value); return }
     }
-    if (key.escape) { props.onBack?.(); return }
+    if (isEscapeKeypress(input, key)) { props.onBack?.(); return }
   }, { isActive: props.focused !== false })
 
   // viewport: keep the active item on screen. Without this a long list renders

package/src/lib/entry-view.ts

@@ -669,7 +669,7 @@ export function stripUserFraming(text: string): string {
   return after || text
 }
 
-function isAssistantOutput(e: AnyEntry): boolean {
+export function isAssistantOutput(e: AnyEntry): boolean {
   if (e?.type === 'assistant') return true
   if (e?.type === 'event_msg' && e?.payload?.type === 'agent_message') return true
   if (e?.type === 'response_item') {

package/src/main.tsx

@@ -3,8 +3,8 @@
  *
  * Run:  npx tsx src/main.tsx   (or `npm start`)
  *
- * exitOnCtrlC is disabled — the composer interprets Ctrl+C itself (stop the
- * current generation while busy; quit when idle). Use /quit to exit explicitly.
+ * Ink owns Ctrl+C globally so Windows users can always exit, including from
+ * setup screens that do not mount the chat composer.
  */
 import React from 'react'
 import { render } from 'ink'