@mobius-os/mobius 0.3.5 → 0.3.6

package/package.json

@@ -1,30 +1,50 @@
 {
   "name": "@mobius-os/mobius",
-  "version": "0.3.5",
+  "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/components/Chat.tsx

@@ -12,7 +12,7 @@ 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'
@@ -80,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 条,
   // 避免在累积视图里把同一条提问显示多次.
@@ -113,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
@@ -347,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(() => {
@@ -356,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>

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') {