devez-vibe 1.2.9 → 1.2.11

package/bridge/claude-agent-sdk-bridge.mjs

@@ -438,9 +438,10 @@ async function createSession(params, resumeId) {
     turnSequence: 1,
     itemSequence: 1,
     streamBlocks: new Map(),
-    tools: new Map(),
-    tasks: new Map(),
-    subagents: new Map(),
+    tools: new Map(),
+    tasks: new Map(),
+    planCreatePending: false,
+    subagents: new Map(),
     knownSubagents: new Map(),
     lastContextUsage: null,
     lastContextWindow: 0,
@@ -546,7 +547,7 @@ function emitOpeningNotice(session) {
 // Windows rounds larger timer delays up to the next scheduler slice. Ten
 // milliseconds lands near one terminal frame instead of visibly stepping at ~30ms.
 const SMOOTH_TEXT_INTERVAL_MS = 10;
-const SMOOTH_TEXT_TARGET_FRAMES = 8;
+const SMOOTH_TEXT_TARGET_FRAMES = 10;
 const SMOOTH_TEXT_MAX_GRAPHEMES = 24;
 const graphemeSegmenter = typeof Intl.Segmenter === "function"
   ? new Intl.Segmenter(undefined, { granularity: "grapheme" })
@@ -581,10 +582,21 @@ class SmoothTextStream {
     this.waiters = [];
   }
 
-  push(text) {
-    this.pending += text;
-    if (this.timer == null) this.drain();
-  }
+  push(text) {
+    this.pending += text;
+    this.schedule();
+  }
+
+  schedule() {
+    if (this.timer != null) return;
+    // Wait one visual frame before the first drain. Claude often sends several
+    // tiny deltas back-to-back; batching them removes the uneven one-character
+    // jumps while keeping added latency below one frame.
+    this.timer = setTimeout(() => {
+      this.timer = null;
+      this.drain();
+    }, this.intervalMs);
+  }
 
   drain() {
     if (!this.pending) {
@@ -593,14 +605,13 @@ class SmoothTextStream {
       return;
     }
     const { chunk, rest } = takeSmoothTextChunk(this.pending);
-    this.pending = rest;
-    this.emit(chunk);
-    if (this.pending) {
-      this.timer = setTimeout(() => this.drain(), this.intervalMs);
-    } else {
-      this.timer = null;
-      for (const resolve of this.waiters.splice(0)) resolve();
-    }
+    this.pending = rest;
+    this.emit(chunk);
+    if (this.pending) {
+      this.schedule();
+    } else {
+      for (const resolve of this.waiters.splice(0)) resolve();
+    }
   }
 
   finish() {
@@ -780,7 +791,7 @@ function processAssistant(session, message) {
   }
 }
 
-function processToolUse(session, block) {
+function processToolUse(session, block) {
   const name = block.name || "Tool";
   const input = block.input || {};
   if (name === "TaskCreate" || name === "TaskUpdate" || name === "TaskList") {
@@ -788,11 +799,13 @@ function processToolUse(session, block) {
     session.tools.set(block.id, { name, input, suppressed: true });
     return;
   }
-  if (name === "AskUserQuestion") {
-    session.tools.set(block.id, { name, input, suppressed: true });
-    return;
-  }
-  const item = toolItem(session, block.id, name, input);
+  if (name === "AskUserQuestion") {
+    flushPendingPlan(session);
+    session.tools.set(block.id, { name, input, suppressed: true });
+    return;
+  }
+  flushPendingPlan(session);
+  const item = toolItem(session, block.id, name, input);
   session.tools.set(block.id, { name, input, item });
   emitItem(session, "started", item);
   if (SUBAGENT_TOOLS.includes(name)) startSubagent(session, block);
@@ -898,21 +911,30 @@ function latestTaskPlan(tasks) {
   return new Map(entries.slice(start));
 }
 
-function updatePlanFromToolUse(session, name, toolUseId, input) {
+function updatePlanFromToolUse(session, name, toolUseId, input) {
   const turnId = session.turn?.id;
   if (name === "TaskCreate") {
     prepareTaskPlanForCreate(session.tasks, input.subject);
-    session.tasks.set(`pending:${toolUseId}`, {
+    session.tasks.set(`pending:${toolUseId}`, {
       id: `pending:${toolUseId}`,
       subject: input.subject || input.description || "작업",
       status: "pending",
-      turnId,
-    });
-  } else if (name === "TaskUpdate") {
-    applyTaskUpdate(session.tasks, input, turnId, () => emitPlan(session));
-  }
-  emitPlan(session);
-}
+      turnId,
+    });
+    session.planCreatePending = true;
+    return;
+  } else if (name === "TaskUpdate") {
+    session.planCreatePending = false;
+    applyTaskUpdate(session.tasks, input, turnId, () => emitPlan(session));
+  }
+  if (name === "TaskUpdate") emitPlan(session);
+}
+
+function flushPendingPlan(session) {
+  if (!session.planCreatePending) return;
+  session.planCreatePending = false;
+  emitPlan(session);
+}
 
 function updatePlanFromToolResult(session, pending, message) {
   const value = message.tool_use_result;
@@ -1325,8 +1347,9 @@ async function runPendingPrompt(session) {
   }
 }
 
-function finishTurn(session, error, durationMs) {
-  if (!session.turn) return;
+function finishTurn(session, error, durationMs) {
+  if (!session.turn) return;
+  flushPendingPlan(session);
   flushSmoothStreams(session);
   clearForegroundSubagents(session);
   const turn = { id: session.turn.id, status: error ? "failed" : "completed" };
@@ -1913,9 +1936,53 @@ async function runSelfTest() {
   }
   prepareTaskPlanForCreate(restoredTasks, "7. 추가 작업");
   if (restoredTasks.size !== 6) throw new Error("Claude appended task unexpectedly reset the plan");
-  prepareTaskPlanForCreate(restoredTasks, "1. 새 작업");
-  if (restoredTasks.size !== 0) throw new Error("Claude new task plan did not reset the previous plan");
-  const usage = tokenBreakdown({
+  prepareTaskPlanForCreate(restoredTasks, "1. 새 작업");
+  if (restoredTasks.size !== 0) throw new Error("Claude new task plan did not reset the previous plan");
+  const batchedPlanSession = {
+    id: "batched-plan-self-test",
+    turn: { id: "batched-plan-turn" },
+    tasks: new Map(),
+    planCreatePending: false,
+  };
+  const batchedPlanCaptured = [];
+  const batchedPlanWrite = process.stdout.write;
+  process.stdout.write = (chunk) => {
+    batchedPlanCaptured.push(String(chunk));
+    return true;
+  };
+  try {
+    for (let index = 1; index <= 3; index++) {
+      const toolUseId = `batched-create-${index}`;
+      const subject = `${index}. 작업 ${index}`;
+      updatePlanFromToolUse(batchedPlanSession, "TaskCreate", toolUseId, { subject });
+      updatePlanFromToolResult(
+        batchedPlanSession,
+        { name: "TaskCreate", toolUseId },
+        { tool_use_result: { task: { id: String(index), subject } } },
+      );
+    }
+    updatePlanFromToolUse(
+      batchedPlanSession,
+      "TaskUpdate",
+      "batched-update-1",
+      { taskId: "1", status: "in_progress" },
+    );
+  } finally {
+    process.stdout.write = batchedPlanWrite;
+  }
+  const batchedPlanEvents = batchedPlanCaptured
+    .join("")
+    .trim()
+    .split("\n")
+    .filter(Boolean)
+    .map((line) => JSON.parse(line))
+    .filter((event) => event.method === "turn/plan/updated");
+  if (batchedPlanEvents.length !== 1
+    || batchedPlanEvents[0].params?.plan?.length !== 3
+    || batchedPlanEvents[0].params.plan[0]?.status !== "inProgress") {
+    throw new Error(`Claude batched plan self-test failed: ${JSON.stringify(batchedPlanEvents)}`);
+  }
+  const usage = tokenBreakdown({
     input_tokens: 2,
     cache_read_input_tokens: 68_000,
     cache_creation_input_tokens: 500,
@@ -2127,10 +2194,13 @@ async function runSelfTest() {
     throw new Error(`Claude Korean progress normalization self-test failed: ${JSON.stringify(languageEvents)}`);
   }
   const smoothText = "Claude가 👨‍👩‍👧‍👦 한 문장을 한꺼번에 보내도 부드럽게 표시합니다.";
-  const emitted = [];
-  const smooth = new SmoothTextStream((chunk) => emitted.push(chunk), 0);
-  smooth.push(smoothText);
-  await smooth.finish();
+  const emitted = [];
+  const smooth = new SmoothTextStream((chunk) => emitted.push(chunk), 0);
+  smooth.push(smoothText);
+  if (emitted.length !== 0) {
+    throw new Error(`Claude smooth stream did not batch its first frame: ${JSON.stringify(emitted)}`);
+  }
+  await smooth.finish();
   if (emitted.length < 2 || emitted.join("") !== smoothText) {
     throw new Error(`Claude smooth stream self-test failed: ${JSON.stringify(emitted)}`);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "devez-vibe",
-  "version": "1.2.9",
+  "version": "1.2.11",
   "description": "Stable terminal UI for Codex and Claude Agent SDK",
   "keywords": [
     "codex",