@noobdemon/noob-cli 1.9.6 → 1.9.8

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@noobdemon/noob-cli",
-  "version": "1.9.6",
+  "version": "1.9.8",
   "publishConfig": {
     "access": "public"
   },

package/src/agent.js

@@ -33,7 +33,7 @@ Available tools (each is self-contained; pick the SMALLEST tool that answers the
 Context is finite. Don't slurp the whole repo up front. Discover information progressively: list_dir/glob to map → grep to locate → read_file (with offset+limit for big files) to inspect only what matters. Each tool result spends your attention budget — make every call earn it. When a tool returns a huge blob, extract the few facts you need, then move on; don't re-read it later (the result stays in history).
 
 # Rules
-- TODO-BASED EXECUTION: For any multi-step task (3+ actions), CREATE a todo list FIRST as your very first tool call using write_file to a temp block in your response (format: "- [ ] item"). Then WORK THROUGH EVERY ITEM, checking them off ("- [x]") as you complete each. BEFORE summarizing or claiming "done", mentally verify: "Have I checked off ALL items? Is there anything left unchecked?" If ANY item remains unchecked, CONTINUE — do not stop. If the user's request implies multiple deliverables, treat each as a TODO item. NEVER stop mid-plan. NEVER assume something is done without a tool result proving it.
+- TODO-BASED EXECUTION: For any multi-step task (3+ actions), CREATE a todo list FIRST in your response text (NOT in a file — just write them as "- [ ] task name" in your reply). Then WORK THROUGH EVERY ITEM, checking them off ("- [x] task name") as you complete each. The runtime parses your text for these markers and shows a progress bar to the user. BEFORE summarizing or claiming "done", verify ALL items are "- [x]". If ANY remain unchecked, CONTINUE — do not stop. NEVER stop mid-plan.
 - GROUND TRUTH = real TOOL RESULTs in this conversation, not your memory or what you intended to do. A file changed only if a write_file/edit_file result confirms it (see the FILES CHANGED list). A test passed / build succeeded / command worked only if a run_command result above shows it. Never narrate outcomes you didn't observe; if you haven't checked, say so and check now (read_file / list_dir / run the command). Before any "done/summary" reply, reconcile every file and result you're about to claim against the actual tool results above — if it isn't there, you didn't do it yet.
 - Investigate before editing: read the relevant files first; never invent file contents.
 - Make the smallest change that fully solves the task. Match the surrounding code style.

package/src/repl.js

@@ -5,7 +5,7 @@ import chalk from "chalk";
 import { createTui } from "./tui.js";
 import { runAgent, maybeSummarize } from "./agent.js";
 import { runSubAgent, spawnAgentToolsDoc, MAX_SUBAGENT_DEPTH } from "./subagent.js";
-import { TokenMeter } from "./tokens.js";
+import { TokenMeter, countMessages, CONTEXT_WINDOW } from "./tokens.js";
 import { stream, usage, ApiError, resetMemoryToken } from "./api.js";
 import { runTool, describe, DESTRUCTIVE, addRoot, removeRoot, listRoots, OutOfScopeError, nearestExistingDir } from "./tools.js";
 import { MODELS, PROVIDERS, findModel, providerColor, DEFAULT_MODEL } from "./models.js";
@@ -146,6 +146,7 @@ export async function startRepl(opts = {}) {
     extraRoots: [], // thư mục ngoài cwd được /add-dir cấp quyền (UX display only;
                     // source of truth là extraRoots trong src/tools.js)
     _longSessionWarned: false, // đã in cảnh báo phiên dài chưa (reset khi /clear)
+    todos: [], // [{text, done}] — todo list parse từ model output, render trên status bar
   };
   const tokenMeter = new TokenMeter();
 
@@ -365,6 +366,9 @@ export async function startRepl(opts = {}) {
     session = sessions.newSession({ cwd: process.cwd(), model: state.model.id });
     // Reset per-session upstream memory token so the next chat starts fresh.
     resetMemoryToken();
+    // Clear todo list khi phiên mới.
+    state.todos = [];
+    tui.setTodos([]);
   };
 
   // /frontend-design <yêu cầu> — vận dụng skill frontend-design (skills/frontend-design/SKILL.md)
@@ -1182,7 +1186,7 @@ NGUYÊN TẮC:
     // Nhờ vậy người dùng LUÔN thấy đồng hồ + token đang chạy, kể cả khi treo chờ y/n.
     const tickMeta = () => {
       const elapsed = ((Date.now() - t0) / 1000).toFixed(0);
-      tui.setMeta(`${elapsed}s · ${tokenMeter.format()}`);
+      tui.setMeta(`${elapsed}s · ${tokenMeter.formatWithPct()}`);
     };
     const tick = (label) => {
       tui.status(c.dim(`${label}…`));
@@ -1233,6 +1237,8 @@ NGUYÊN TẮC:
         ? text + `\n\n[File người dùng nhắc tới bằng @: ${files.join(", ")} — đọc bằng read_file nếu cần.]`
         : text;
       state.history.push({ role: "user", content });
+      // Tính context tokens realtime — đếm system prompt + history trước khi gửi.
+      tokenMeter.setContext(countMessages(state.history));
       if (process.stdin.isTTY && !state.steerHintShown) {
         console.log(c.dim("  " + t.steerHint));
         state.steerHintShown = true;
@@ -1326,6 +1332,9 @@ NGUYÊN TẮC:
       // Lượt cuối không stream ra gì (vd model suy luận trả 1 cục) → in fallback.
       if ((!printer || !printer.started) && answer?.trim())
         printAnswer(answer, state.model.name, providerColor(state.model.provider));
+      // Parse todo từ model output → render trên status bar.
+      state.todos = parseTodosFromHistory(state.history);
+      tui.setTodos(state.todos);
       return answer; // vòng ULTRA cần text này để dò token hoàn thành
     } catch (err) {
       stopSpin();
@@ -1334,34 +1343,28 @@ NGUYÊN TẮC:
     } finally {
       abort = null;
       tui.setBusy(false);
-      // Cảnh báo phiên dài: in một lần khi tổng chars vượt ~2× ngưỡng summarize
-      // (60k trong agent.js). Tự maybeSummarize đã chạy bên trong, nhưng người
-      // dùng có thể muốn /clear chủ động cho gọn ngữ cảnh + tốc độ.
+      // Auto-compact dựa trên context tokens thay vì chars.
+      // 80% context window (160k tokens) → auto compact.
+      // 70% (140k tokens) → cảnh báo mạnh.
+      // 60% (120k tokens) → nhắc nhẹ.
       try {
-        const totalChars = state.history.reduce(
-          (a, m) => a + (typeof m.content === "string" ? m.content.length : JSON.stringify(m.content || "").length),
-          0,
-        );
-        const k = Math.round(totalChars / 1000);
-        // Mốc 3 (240k+): TỰ ĐỘNG compact — không hỏi, không chờ user. Mục tiêu là
-        // giữ model chạy mượt khi user mải làm việc, không để phiên phình mãi.
-        // Dùng cờ _autoCompacting chống re-entrant (nếu compact lâu, lượt sau
-        // tới trước khi xong thì bỏ qua).
-        if (totalChars > 240000 && !state._autoCompacting) {
+        const totalTokens = countMessages(state.history);
+        tokenMeter.setContext(totalTokens);
+        const k = Math.round(totalTokens / 1000);
+        const pct = Math.round((totalTokens / CONTEXT_WINDOW) * 100);
+        // Mốc 3 (≥80% — 160k tokens): TỰ ĐỘNG compact.
+        if (totalTokens >= CONTEXT_WINDOW * 0.8 && !state._autoCompacting) {
           state._autoCompacting = true;
-          console.log(c.accent("  ⚡ " + t.autoCompactTrigger(k)));
+          console.log(c.accent(`  ⚡ ${t.autoCompactTrigger(k)} (${pct}% context)`));
           tui.setBusy(true, t.compactRunning);
           try {
             const ok = await maybeSummarize(state.history, { model: state.model, force: true });
             tui.setBusy(false);
             if (ok) {
-              const afterChars = state.history.reduce(
-                (a, m) => a + (typeof m.content === "string" ? m.content.length : 0),
-                0,
-              );
-              const aK = Math.round(afterChars / 1000);
-              const pct = totalChars > 0 ? Math.round(((totalChars - afterChars) / totalChars) * 100) : 0;
-              console.log(c.ok("  " + t.autoCompactDone(k, aK, pct)));
+              const afterTokens = countMessages(state.history);
+              const aK = Math.round(afterTokens / 1000);
+              const saved = totalTokens > 0 ? Math.round(((totalTokens - afterTokens) / totalTokens) * 100) : 0;
+              console.log(c.ok(`  ${t.autoCompactDone(k, aK, saved)} (${Math.round((afterTokens / CONTEXT_WINDOW) * 100)}% context)`));
               state._longSessionWarned = false;
               persist();
             } else {
@@ -1373,19 +1376,42 @@ NGUYÊN TẮC:
           } finally {
             state._autoCompacting = false;
           }
-        } else if (totalChars > 200000) {
-          // Mốc 2 (200k–240k): cảnh báo mạnh, in lại mỗi lượt.
-          console.log(c.err("  " + t.veryLongSession(k)));
+        } else if (totalTokens >= CONTEXT_WINDOW * 0.7) {
+          // Mốc 2 (≥70% — 140k tokens): cảnh báo mạnh.
+          console.log(c.err(`  ⚠ ${t.veryLongSession(k)} (${pct}% context)`));
           state._longSessionWarned = true;
-        } else if (totalChars > 120000 && !state._longSessionWarned) {
-          // Mốc 1 (120k+): nhắc nhẹ một lần.
-          console.log(c.dim("  ⓘ " + t.longSession(k)));
+        } else if (totalTokens >= CONTEXT_WINDOW * 0.6 && !state._longSessionWarned) {
+          // Mốc 1 (≥60% — 120k tokens): nhắc nhẹ một lần.
+          console.log(c.dim(`  ⓘ ${t.longSession(k)} (${pct}% context)`));
           state._longSessionWarned = true;
         }
       } catch {}
     }
   }
 
+  // ── Todo parser ────────────────────────────────────────────────────────────
+  // Scan history assistant messages cho pattern `- [ ] task` và `- [x] task`.
+  // Trả về [{text, done}] — items mới nhất ở cuối. Dùng state mới nhất (cuối
+  // history) để反映todo hiện tại của model.
+  function parseTodosFromHistory(history) {
+    const todos = [];
+    for (const m of history) {
+      if (m.role !== "assistant" || typeof m.content !== "string") continue;
+      // Match todo items: `- [ ] task` hoặc `- [x] task` (case-insensitive)
+      const lines = m.content.split("\n");
+      for (const line of lines) {
+        const doneMatch = line.match(/^[\s]*-\s*\[x\]\s+(.+)/i);
+        if (doneMatch) { todos.push({ text: doneMatch[1].trim(), done: true }); continue; }
+        const todoMatch = line.match(/^[\s]*-\s*\[\s?\]\s+(.+)/);
+        if (todoMatch) { todos.push({ text: todoMatch[1].trim(), done: false }); }
+      }
+    }
+    // Dedupe: giữ item CUỐI cùng cho mỗi text (model có thể lặp todo)
+    const seen = new Map();
+    for (const t of todos) seen.set(t.text, t);
+    return [...seen.values()];
+  }
+
   async function execTool(name, input) {
     const desc = describe(name, input);
     const color = name === "run_command" ? "#ef4444" : "#f59e0b";

package/src/tokens.js

@@ -32,11 +32,16 @@ export function countMessages(messages = []) {
 // window đủ rộng (256 chars) để qua mọi ranh giới token thực tế của cl100k_base
 // (token dài nhất ~ vài chục byte).
 const TAIL_WINDOW = 256;
+// Context window tối đa của model (200k tokens). Dùng để tính % usage realtime.
+export const CONTEXT_WINDOW = 200000;
 
 export class TokenMeter {
   constructor() {
     this.input = 0;
     this.output = 0;
+    // Context size (tokens) hiện tại của messages sắp gửi lên API.
+    // Được set từ repl.js trước mỗi lượt gọi, cập nhật realtime.
+    this.contextTokens = 0;
     // Phần đầu output đã "commit" — không đụng vào nữa.
     this._committedChars = 0; // số ký tự đã đẩy qua khỏi tail window
     this._committedTokens = 0; // tổng token tương ứng đã cộng vào this.output
@@ -92,9 +97,26 @@ export class TokenMeter {
     const fmt = (n) => (n >= 1000 ? (n / 1000).toFixed(1) + "k" : String(n));
     return `↑${fmt(this.input)} ↓${fmt(this.output)} (${fmt(this.total)})`;
   }
+  // Định dạng kèm context usage: "↑1.2k ↓340 (1.5k) · ctx 45%".
+  formatWithPct() {
+    const base = this.format();
+    const pct = this.contextPct();
+    if (pct === null) return base;
+    return `${base} · ctx ${pct}%`;
+  }
+  // Phần trăm context window đã dùng (0–100). Trả null nếu chưa có data.
+  contextPct() {
+    if (!this.contextTokens) return null;
+    return Math.min(100, Math.round((this.contextTokens / CONTEXT_WINDOW) * 100));
+  }
+  // Đặt context size (tokens) — gọi từ repl.js trước mỗi lượt API.
+  setContext(n) {
+    this.contextTokens = Math.max(0, n | 0);
+  }
   reset() {
     this.input = 0;
     this.output = 0;
+    this.contextTokens = 0;
     this._committedChars = 0;
     this._committedTokens = 0;
     this._tail = "";

package/src/tui.js

@@ -73,6 +73,10 @@ function wrapText(text, width, maxLines) {
   return lines.map(close);
 }
 const FRAMES = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+function truncStr(s, max) {
+  if (!s) return "";
+  return s.length > max ? s.slice(0, max - 1) + "…" : s;
+}
 
 export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer } = {}) {
   const tty = !!(process.stdout.isTTY && process.stdin.isTTY) && process.env.NOOB_TUI !== "0";
@@ -141,6 +145,7 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
   let busy = false;
   let busyLabel = "";
   let busyMeta = ""; // chuỗi phụ (elapsed + token) repl đẩy vào qua setMeta()
+  let todos = []; // [{text, done}] — danh sách todo đang chạy, repl parse từ model output
   let frame = 0;
   let frameTimer = null;
   let prevRows = 0;
@@ -311,6 +316,25 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
       return wrapText(liveOut, cols(), 2);
     }
     const spin = FRAMES[frame % FRAMES.length];
+    // Todo progress bar: hiện khi có todos, thay thế statusText/busyLabel
+    if (todos.length) {
+      const done = todos.filter((t) => t.done).length;
+      const total = todos.length;
+      const current = todos.find((t) => !t.done);
+      const pct = Math.round((done / total) * 100);
+      // Thanh progress: ████░░░░ 2/5 (40%)
+      const barW = Math.min(12, Math.floor(cols() * 0.15));
+      const filled = Math.round((done / total) * barW);
+      const bar = "█".repeat(filled) + "░".repeat(barW - filled);
+      const progress = c.ok(`${done}/${total}`) + c.dim(` ${bar} ${pct}%`);
+      // Task đang làm: ▸ ...
+      const taskLine = current
+        ? c.accent("▸ ") + c.dim(truncStr(current.text, cols() - 12))
+        : c.ok("✓ hoàn thành!");
+      const meta = busy && busyMeta ? c.dim(" · " + busyMeta) : "";
+      const tail = busy ? c.dim(" · Ctrl+C") : "";
+      return [progress + meta + tail, taskLine];
+    }
     // Khi busy, LUÔN hiện elapsed+tokens (busyMeta) cạnh statusText/busyLabel để
     // người dùng thấy phiên đang sống — kể cả lúc model im giữa các bước.
     if (statusText) {
@@ -637,6 +661,12 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
       busyMeta = next;
       if (busy) draw();
     },
+    setTodos(items) {
+      // repl parse todo từ model output, đẩy vào TUI để render progress bar.
+      // items: [{text: string, done: boolean}] — empty array = ẩn todo bar.
+      todos = Array.isArray(items) ? items : [];
+      draw();
+    },
     setPrompt(label) {
       promptLabel = label || "";
       draw();