@noobdemon/noob-cli 1.12.7 → 1.12.9

package/CHANGELOG.md

@@ -2,6 +2,28 @@
 
 Tất cả thay đổi đáng kể của `@noobdemon/noob-cli` được ghi vào file này.
 
+## [1.12.9] - 2026-06-13
+
+### Added
+- **Tool `web_fetch`** (`src/tools.js` + `src/agent.js`): tool đọc cho model tải nội dung URL http/https. Shape `{url: str, raw?: bool}`. Dùng `fetch` native (Node ≥18), validate URL + chỉ cho http/https (reject `file://` và URL rác), timeout 30s, hủy được theo Ctrl+C (qua `signal`). Mặc định strip HTML → text đọc được (helper `htmlToText`: gỡ script/style/head, block tag → newline, gỡ tag, decode entity phổ biến, gọn whitespace); `raw:true` trả HTML thô; non-HTML (text/plain, JSON) trả nguyên văn. Output clip ở `MAX_OUT` như mọi tool. KHÔNG vào `DESTRUCTIVE` — read-only, không xin phép (giống `read_file`/`grep`). Khai báo trong SYSTEM prompt cạnh `read_file`. Giới hạn: strip bằng regex, trang SPA render client-side sẽ trả gần rỗng. Smoke `scripts/smoke-web-fetch.mjs` 13/13 pass (HTML strip, raw mode, text/plain, reject URL không hợp lệ/non-http/thiếu url, describe preview).
+
+### Changed
+- **Tách stream printer khỏi `src/repl.js`** (`src/repl/stream-printer.js`, ~186 dòng): chuyển khối tự chứa `renderStreamBlock`/`makeStreamPrinter`/`renderStreamLine`/`looksLikeTableRow`/`TABLE_SEP_RE` sang module riêng — chỉ phụ thuộc 4 helper render từ `ui.js` + `chalk`, không kéo theo closure state của `startRepl`. `repl.js` giờ `import { makeStreamPrinter }` + `export { renderStreamBlock } from './repl/stream-printer.js'` (re-export giữ contract cho `scripts/smoke-table-stream2.mjs`). Gỡ 3 import thừa (`renderInline`/`renderHeadingLine`/`renderBulletPrefix`) khỏi `repl.js`. Status bar (`printStatus`) cố tình KHÔNG tách — khóa chặt vào >10 biến closure, tách pure không đáng. Verify: `smoke-table-stream2.mjs` 5/5 pass + `check-imports.mjs` OK.
+
+### Removed
+- **Dọn file rác ở thư mục gốc**: xóa `body.json`, `body3.json`, `tweet_dump.txt` (artifact scratch, đều untracked trong git). Thêm `body*.json` vào `.gitignore` (`tweet_dump.txt` đã ignore từ trước) để tránh tái diễn.
+
+## [1.12.8] - 2026-06-13
+
+### Added
+- **Claude Opus 4.8** (`gateway-claude-opus-4-8`, provider `anthropic`, tier `flagship`) — set làm `DEFAULT_MODEL` mới.
+
+### Removed
+- **Rút catalog xuống 3 flagship** (`src/models.js`): chỉ còn `gateway-claude-opus-4-8`, `gateway-gpt-5-5`, `gateway-deepseek-v4-pro`. Gỡ toàn bộ 32 model cũ: o3/o3-mini/o4-mini/DeepSeek R1/Qwen QwQ (reasoning), GPT-5 Mini/Nano + Gemini Flash + DeepSeek V4 Flash + GPT-4.1 Mini/Nano (fast), Gemini 2.5/3/3.1 Pro, Grok 3/4, Qwen 3 Max, Kimi K2, Llama 3.3 70B, Claude Sonnet 4/4.6, Opus 4.1/4.5/4.6/4.7, GPT-5/5.1/5.3/5.4/4o/5 Online. `PROVIDERS` map còn 3 entry (`openai`/`anthropic`/`deepseek`).
+
+### Changed
+- **Worker `claude-code-proxy`** (`worker/src/worker.js`): `mapModel` map "opus/claude/sonnet/haiku" → `opus-4-8`, "gpt/o3/o4" → `gpt-5-5`, "deepseek" → `deepseek-v4-pro`; fallback default → `opus-4-8`. `modelsList()` chỉ còn 3 id mới. Đã deploy (version `689b94d1`).
+
 ## [1.12.7] - 2026-06-12
 
 ### Changed

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@noobdemon/noob-cli",
-  "version": "1.12.7",
+  "version": "1.12.9",
   "publishConfig": {
     "access": "public"
   },
-  "description": "Trợ lý lập trình agentic trong terminal (kiểu Claude Code), tiếng Việt, dùng sức mạnh Noob Demon — 34 mô hình AI.",
+  "description": "Trợ lý lập trình agentic trong terminal (kiểu Claude Code), tiếng Việt, dùng sức mạnh Noob Demon — 3 mô hình flagship (Claude Opus 4.8, GPT-5.5, DeepSeek V4 Pro).",
   "type": "module",
   "bin": {
     "noob": "bin/noob.js"

package/src/agent.js

@@ -21,6 +21,7 @@ Then STOP and wait — the runtime executes the tool and replies with a TOOL RES
 
 Available tools (each is self-contained; pick the SMALLEST tool that answers the question):
 - read_file   {"path": str, "offset"?: int, "limit"?: int}   — read a file. Default reads whole file. For files you suspect are LARGE (>500 lines), first check size via list_dir/glob, then read with offset+limit (e.g. 200 lines at a time) instead of slurping. The "N  " line-number prefix in output is DISPLAY ONLY — never copy it into edit_file.
+- web_fetch   {"url": str, "raw"?: bool}                      — fetch an http/https URL and return its content as plain text (HTML stripped to readable text; set "raw":true for unstripped HTML). Use for docs, changelogs, API references, or any page the user links. Read-only, no permission needed. 30s timeout; output is clipped like other tools.
 - write_file  {"path": str, "content": str}                   — create/overwrite a file. Use ONLY for new files or full rewrites; otherwise prefer edit_file.
 - edit_file   {"path": str, "old_string": str, "new_string": str, "replace_all"?: bool} — exact string replace. old_string must match the file's RAW text byte-for-byte (indentation/whitespace included, NO line-number prefix) and be unique unless replace_all. If a replace fails, re-read the file and copy the exact text.
 - list_dir    {"path"?: str}                                  — list a directory. Use to map an unfamiliar project before reading anything.

package/src/models.js

@@ -1,98 +1,27 @@
 // Model catalog supported by the Noob Demon gateway.
 export const MODELS = [
-  { id: 'gateway-gpt-5', name: 'GPT-5', provider: 'openai', tier: 'flagship' },
-  { id: 'gateway-gpt-5-1', name: 'GPT-5.1', provider: 'openai', tier: 'flagship' },
-  { id: 'gateway-gpt-5-3', name: 'GPT-5.3', provider: 'openai', tier: 'flagship' },
-  { id: 'gateway-gpt-5-4', name: 'GPT-5.4', provider: 'openai', tier: 'flagship' },
-  { id: 'gateway-gpt-5-5', name: 'GPT-5.5', provider: 'openai', tier: 'flagship' },
-  { id: 'gateway-gpt-o3', name: 'o3', provider: 'openai', tier: 'reasoning' },
-  { id: 'gateway-gpt-o3-mini', name: 'o3 Mini', provider: 'openai', tier: 'reasoning' },
-  { id: 'gateway-gpt-o4-mini', name: 'o4-mini', provider: 'openai', tier: 'reasoning' },
-  { id: 'gateway-gpt-4o', name: 'GPT-4o', provider: 'openai', tier: 'standard' },
-  { id: 'gateway-gpt-4-1-mini', name: 'GPT-4.1 Mini', provider: 'openai', tier: 'fast' },
-  { id: 'gateway-gpt-4-1-nano', name: 'GPT-4.1 Nano', provider: 'openai', tier: 'fast' },
-  { id: 'gateway-gpt-5-mini', name: 'GPT-5 Mini', provider: 'openai', tier: 'fast' },
-  { id: 'gateway-gpt-5-nano', name: 'GPT-5 Nano', provider: 'openai', tier: 'fast' },
-  { id: 'gateway-gpt-5-online', name: 'GPT-5 Online', provider: 'openai', tier: 'standard' },
-  {
-    id: 'gateway-claude-opus-4-7',
-    name: 'Claude Opus 4.7',
-    provider: 'anthropic',
-    tier: 'flagship',
-  },
-  {
-    id: 'gateway-claude-opus-4-6',
-    name: 'Claude Opus 4.6',
-    provider: 'anthropic',
-    tier: 'flagship',
-  },
   {
-    id: 'gateway-claude-opus-4-5',
-    name: 'Claude Opus 4.5',
+    id: 'gateway-claude-opus-4-8',
+    name: 'Claude Opus 4.8',
     provider: 'anthropic',
     tier: 'flagship',
   },
-  {
-    id: 'gateway-claude-opus-4-1',
-    name: 'Claude Opus 4.1',
-    provider: 'anthropic',
-    tier: 'standard',
-  },
-  {
-    id: 'gateway-claude-sonnet-4',
-    name: 'Claude Sonnet 4',
-    provider: 'anthropic',
-    tier: 'standard',
-  },
-  {
-    id: 'gateway-claude-sonnet-4-6',
-    name: 'Claude Sonnet 4.6',
-    provider: 'anthropic',
-    tier: 'standard',
-  },
-  { id: 'gateway-google-2.5-pro', name: 'Gemini 2.5 Pro', provider: 'google', tier: 'flagship' },
-  { id: 'gateway-gemini-3-pro', name: 'Gemini 3 Pro', provider: 'google', tier: 'flagship' },
-  { id: 'gateway-gemini-3-1-pro', name: 'Gemini 3.1 Pro', provider: 'google', tier: 'flagship' },
-  { id: 'gateway-gemini-2.5-flash', name: 'Gemini 2.5 Flash', provider: 'google', tier: 'fast' },
+  { id: 'gateway-gpt-5-5', name: 'GPT-5.5', provider: 'openai', tier: 'flagship' },
   {
     id: 'gateway-deepseek-v4-pro',
     name: 'DeepSeek V4 Pro',
     provider: 'deepseek',
     tier: 'flagship',
   },
-  {
-    id: 'gateway-deepseek-v4-flash',
-    name: 'DeepSeek V4 Flash',
-    provider: 'deepseek',
-    tier: 'fast',
-  },
-  { id: 'gateway-deepseek-r1', name: 'DeepSeek R1', provider: 'deepseek', tier: 'reasoning' },
-  { id: 'gateway-deepseek-v3', name: 'DeepSeek V3', provider: 'deepseek', tier: 'standard' },
-  { id: 'gateway-grok-4', name: 'Grok 4', provider: 'xai', tier: 'flagship' },
-  { id: 'gateway-grok-3', name: 'Grok 3', provider: 'xai', tier: 'standard' },
-  { id: 'gateway-qwen-3-max', name: 'Qwen 3 Max', provider: 'alibaba', tier: 'standard' },
-  { id: 'gateway-qwen-qwq-32b', name: 'Qwen QwQ 32B', provider: 'alibaba', tier: 'reasoning' },
-  { id: 'gateway-deepinfra-kimi-k2', name: 'Kimi K2', provider: 'moonshot', tier: 'standard' },
-  {
-    id: 'gateway-llama-3-3-70b-versatile',
-    name: 'Llama 3.3 70B',
-    provider: 'meta',
-    tier: 'standard',
-  },
 ];
 
 export const PROVIDERS = {
   openai: { name: 'OpenAI', color: '#10a37f' },
   anthropic: { name: 'Anthropic', color: '#d97706' },
-  google: { name: 'Google', color: '#3b82f6' },
   deepseek: { name: 'DeepSeek', color: '#06b6d4' },
-  xai: { name: 'xAI', color: '#ef4444' },
-  alibaba: { name: 'Alibaba', color: '#8b5cf6' },
-  moonshot: { name: 'Moonshot', color: '#ec4899' },
-  meta: { name: 'Meta', color: '#6366f1' },
 };
 
-export const DEFAULT_MODEL = 'gateway-claude-opus-4-7';
+export const DEFAULT_MODEL = 'gateway-claude-opus-4-8';
 
 export function findModel(id) {
   if (!id || typeof id !== 'string') return undefined;

package/src/repl/stream-printer.js

@@ -0,0 +1,185 @@
+// Stream printer: render delta token của model thành ANSI line-by-line.
+//
+// Tách từ src/repl.js (mục "tách repl.js"). CHỈ phụ thuộc helper render từ
+// ui.js + chalk — không đụng closure state của startRepl, nên tách sạch.
+//
+// Chiến lược (giữ NGUYÊN từ bản gốc):
+//   - Tích đầy đủ MỘT dòng (\n) rồi mới render & write — vậy `**bold**`, backtick,
+//     và heading `## foo` không bị cắt giữa chừng giữa các token.
+//   - Trên dòng đang dở (chưa thấy \n), giữ trong buffer; cuối cùng `flush()` xử lý.
+//   - Block code fence (```lang ... ```) bypass renderer: in nguyên xi giữa cặp ```.
+//   - ```tool trở đi: nuốt sạch (sẽ render riêng qua tool dispatcher).
+//   - Bảng markdown (header + separator |---|) cần parse đa dòng → gom thành
+//     table block, render qua marked.parse() 1 lần (renderStreamBlock).
+//     QUAN TRỌNG: stream line-by-line không tương thích với block elements
+//     đa dòng — flushCompleteLines phải HOLD các dòng cuối là table-row/sep
+//     candidate để chờ đủ data trước khi parse.
+import chalk from 'chalk';
+import {
+  renderMarkdown,
+  renderInline,
+  renderHeadingLine,
+  renderBulletPrefix,
+} from '../ui.js';
+
+function renderStreamLine(line, inCodeFence) {
+  if (inCodeFence) return line; // code fence body: in raw, không parse markdown.
+  const heading = renderHeadingLine(line);
+  if (heading !== null) return heading;
+  return renderInline(renderBulletPrefix(line));
+}
+
+// Dòng separator của bảng markdown: |---|---| hoặc |:---:|---:| v.v.
+export const TABLE_SEP_RE = /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/;
+
+// Dòng có ít nhất 1 pipe ở giữa (không tính pipe đầu/cuối) → ứng viên row của bảng.
+function looksLikeTableRow(line) {
+  const trimmed = line.trim();
+  if (!trimmed.startsWith('|') && !trimmed.includes('|')) return false;
+  // Cần ít nhất 1 ký tự `|` thực sự phân tách cột.
+  const stripped = trimmed.replace(/^\|/, '').replace(/\|$/, '');
+  return stripped.includes('|');
+}
+
+// Render block lines (mảng dòng KHÔNG có \n cuối) thành ANSI. Detect table block
+// và parse qua marked; phần còn lại render line-by-line như cũ.
+export function renderStreamBlock(lines, fenceState) {
+  const out = [];
+  let i = 0;
+  while (i < lines.length) {
+    const ln = lines[i];
+    // Code fence ưu tiên cao nhất — không đụng vào nội dung fence.
+    const fenceMatch = ln.match(/^\s*```/);
+    if (fenceMatch) {
+      out.push(renderStreamLine(ln, fenceState.inCodeFence));
+      fenceState.inCodeFence = !fenceState.inCodeFence;
+      i++;
+      continue;
+    }
+    if (fenceState.inCodeFence) {
+      out.push(ln);
+      i++;
+      continue;
+    }
+    // Detect table: dòng hiện tại là row + dòng kế tiếp là separator.
+    if (
+      looksLikeTableRow(ln) &&
+      i + 1 < lines.length &&
+      TABLE_SEP_RE.test(lines[i + 1])
+    ) {
+      // Gom hết các dòng row liên tiếp.
+      const tableLines = [ln, lines[i + 1]];
+      let j = i + 2;
+      while (j < lines.length && looksLikeTableRow(lines[j])) {
+        tableLines.push(lines[j]);
+        j++;
+      }
+      out.push(renderMarkdown(tableLines.join('\n')));
+      i = j;
+      continue;
+    }
+    out.push(renderStreamLine(ln, false));
+    i++;
+  }
+  return out.join('\n');
+}
+
+export function makeStreamPrinter(name, color) {
+  let buf = ''; // toàn bộ delta đã nhận (chưa cắt)
+  let printed = 0; // offset đã in trong buf
+  let suppress = false;
+  let started = false;
+  let header = false;
+  let inCodeFence = false;
+  const HOLD = 8; // giữ đuôi 8 char để phát hiện sớm "```tool"
+  const emit = (s) => {
+    if (!s) return;
+    if (!header) {
+      process.stdout.write('\n' + chalk.hex(color).bold('  ● ' + name) + '\n  ');
+      header = true;
+    }
+    // s có thể chứa \n từ render line + leading newline gốc. Thay \n → \n  để indent.
+    process.stdout.write(s.replace(/\n/g, '\n  '));
+    started = true;
+  };
+  // Render & emit từ printed → end. Chỉ flush các dòng đã HOÀN CHỈNH (có \n).
+  // Dòng cuối chưa có \n: chừa lại trong buf cho lần push tiếp theo.
+  // Lùi mốc flush nếu các dòng cuối là table-row/separator candidate — chờ đủ
+  // data để gom thành table block parse 1 lần qua marked (xem renderStreamBlock).
+  const flushCompleteLines = (end) => {
+    const slice = buf.slice(printed, end);
+    if (!slice) return;
+    const lastNl = slice.lastIndexOf('\n');
+    if (lastNl === -1) return;
+    let complete = slice.slice(0, lastNl + 1);
+    let completeLines = complete.split('\n');
+    if (completeLines[completeLines.length - 1] === '') completeLines.pop();
+    let hold = 0;
+    while (
+      completeLines.length - hold > 0 &&
+      (looksLikeTableRow(completeLines[completeLines.length - 1 - hold]) ||
+        TABLE_SEP_RE.test(completeLines[completeLines.length - 1 - hold]))
+    ) {
+      hold++;
+      if (hold > 64) break;
+    }
+    if (hold > 0) {
+      const keptLines = completeLines.slice(0, completeLines.length - hold);
+      if (keptLines.length === 0) return; // toàn bộ slice là table candidate → chờ
+      complete = keptLines.join('\n') + '\n';
+      completeLines = keptLines;
+    }
+    printed += complete.length;
+    const fenceState = { inCodeFence };
+    const rendered = renderStreamBlock(completeLines, fenceState);
+    inCodeFence = fenceState.inCodeFence;
+    emit(rendered + '\n');
+  };
+  return {
+    get started() {
+      return started;
+    },
+    get suppressing() {
+      return suppress;
+    },
+    push(delta) {
+      buf += delta;
+      if (suppress) return;
+      const f = buf.indexOf('```tool');
+      if (f !== -1) {
+        // Flush mọi thứ TRƯỚC ```tool (full lines + phần dở của dòng cuối cũng in luôn
+        // vì sắp suppress, không cần chừa buffer nữa).
+        const beforeTool = buf.slice(printed, f);
+        if (beforeTool) {
+          const parts = beforeTool.split('\n');
+          // bỏ '' cuối nếu kết thúc bằng \n
+          if (parts[parts.length - 1] === '') parts.pop();
+          const fenceState = { inCodeFence };
+          const rendered = renderStreamBlock(parts, fenceState);
+          inCodeFence = fenceState.inCodeFence;
+          emit(rendered);
+        }
+        printed = buf.length;
+        suppress = true;
+        return;
+      }
+      // Chỉ flush các dòng đã hoàn chỉnh; chừa đuôi HOLD char để phát hiện ```tool.
+      const safeEnd = Math.max(printed, buf.length - HOLD);
+      if (safeEnd > printed) flushCompleteLines(safeEnd);
+    },
+    flush() {
+      if (!suppress && printed < buf.length) {
+        // Render phần còn lại (kể cả dòng cuối chưa có \n).
+        const tail = buf.slice(printed);
+        const parts = tail.split('\n');
+        if (parts[parts.length - 1] === '') parts.pop();
+        const fenceState = { inCodeFence };
+        const rendered = renderStreamBlock(parts, fenceState);
+        inCodeFence = fenceState.inCodeFence;
+        emit(rendered);
+        printed = buf.length;
+      }
+      if (started) process.stdout.write('\n');
+    },
+  };
+}

package/src/repl.js

@@ -18,7 +18,8 @@ import {
   nearestExistingDir,
 } from './tools.js';
 import { MODELS, PROVIDERS, findModel, providerColor, DEFAULT_MODEL } from './models.js';
-import { c, banner, modelBadge, renderMarkdown, renderInline, renderHeadingLine, renderBulletPrefix, box, formatQuota } from './ui.js';
+import { c, banner, modelBadge, renderMarkdown, box, formatQuota } from './ui.js';
+import { makeStreamPrinter } from './repl/stream-printer.js';
 import { renderUnifiedDiff, renderNewFilePreview } from './diff.js';
 import {
   askPermission as _askPermission,
@@ -2110,174 +2111,11 @@ function printAnswer(text, name, color) {
   );
 }
 
-// Stream printer với inline markdown rendering. Chiến lược:
-//   - Tích đầy đủ MỘT dòng (\n) rồi mới render & write — vậy `**bold**`, backtick,
-//     và heading `## foo` không bị cắt giữa chừng giữa các token.
-//   - Trên dòng đang dở (chưa thấy \n), giữ trong buffer; cuối cùng `flush()` xử lý.
-//   - Block code fence (```lang ... ```) bypass renderer: in nguyên xi giữa cặp ```.
-//   - ```tool trở đi: nuốt sạch (sẽ render riêng qua tool dispatcher).
-//   - Bảng markdown (header + separator |---|) cần parse đa dòng → gom thành
-//     table block, render qua marked.parse() 1 lần (renderStreamBlock).
-//     QUAN TRỌNG: stream line-by-line không tương thích với block elements
-//     đa dòng — flushCompleteLines phải HOLD các dòng cuối là table-row/sep
-//     candidate để chờ đủ data trước khi parse.
-function renderStreamLine(line, inCodeFence) {
-  if (inCodeFence) return line; // code fence body: in raw, không parse markdown.
-  const heading = renderHeadingLine(line);
-  if (heading !== null) return heading;
-  return renderInline(renderBulletPrefix(line));
-}
-// Dòng separator của bảng markdown: |---|---| hoặc |:---:|---:| v.v.
-const TABLE_SEP_RE = /^\s*\|?\s*:?-{3,}:?\s*(\|\s*:?-{3,}:?\s*)+\|?\s*$/;
-// Dòng có ít nhất 1 pipe ở giữa (không tính pipe đầu/cuối) → ứng viên row của bảng.
-function looksLikeTableRow(line) {
-  const trimmed = line.trim();
-  if (!trimmed.startsWith('|') && !trimmed.includes('|')) return false;
-  // Cần ít nhất 1 ký tự `|` thực sự phân tách cột.
-  const stripped = trimmed.replace(/^\|/, '').replace(/\|$/, '');
-  return stripped.includes('|');
-}
-// Render block lines (mảng dòng KHÔNG có \n cuối) thành ANSI. Detect table block
-// và parse qua marked; phần còn lại render line-by-line như cũ.
-export function renderStreamBlock(lines, fenceState) {
-  const out = [];
-  let i = 0;
-  while (i < lines.length) {
-    const ln = lines[i];
-    // Code fence ưu tiên cao nhất — không đụng vào nội dung fence.
-    const fenceMatch = ln.match(/^\s*```/);
-    if (fenceMatch) {
-      out.push(renderStreamLine(ln, fenceState.inCodeFence));
-      fenceState.inCodeFence = !fenceState.inCodeFence;
-      i++;
-      continue;
-    }
-    if (fenceState.inCodeFence) {
-      out.push(ln);
-      i++;
-      continue;
-    }
-    // Detect table: dòng hiện tại là row + dòng kế tiếp là separator.
-    if (
-      looksLikeTableRow(ln) &&
-      i + 1 < lines.length &&
-      TABLE_SEP_RE.test(lines[i + 1])
-    ) {
-      // Gom hết các dòng row liên tiếp.
-      const tableLines = [ln, lines[i + 1]];
-      let j = i + 2;
-      while (j < lines.length && looksLikeTableRow(lines[j])) {
-        tableLines.push(lines[j]);
-        j++;
-      }
-      out.push(renderMarkdown(tableLines.join('\n')));
-      i = j;
-      continue;
-    }
-    out.push(renderStreamLine(ln, false));
-    i++;
-  }
-  return out.join('\n');
-}
-function makeStreamPrinter(name, color) {
-  let buf = ''; // toàn bộ delta đã nhận (chưa cắt)
-  let printed = 0; // offset đã in trong buf
-  let suppress = false;
-  let started = false;
-  let header = false;
-  let inCodeFence = false;
-  const HOLD = 8; // giữ đuôi 8 char để phát hiện sớm "```tool"
-  const emit = (s) => {
-    if (!s) return;
-    if (!header) {
-      process.stdout.write('\n' + chalk.hex(color).bold('  ● ' + name) + '\n  ');
-      header = true;
-    }
-    // s có thể chứa \n từ render line + leading newline gốc. Thay \n → \n  để indent.
-    process.stdout.write(s.replace(/\n/g, '\n  '));
-    started = true;
-  };
-  // Render & emit từ printed → end. Chỉ flush các dòng đã HOÀN CHỈNH (có \n).
-  // Dòng cuối chưa có \n: chừa lại trong buf cho lần push tiếp theo.
-  // Lùi mốc flush nếu các dòng cuối là table-row/separator candidate — chờ đủ
-  // data để gom thành table block parse 1 lần qua marked (xem renderStreamBlock).
-  const flushCompleteLines = (end) => {
-    const slice = buf.slice(printed, end);
-    if (!slice) return;
-    const lastNl = slice.lastIndexOf('\n');
-    if (lastNl === -1) return;
-    let complete = slice.slice(0, lastNl + 1);
-    let completeLines = complete.split('\n');
-    if (completeLines[completeLines.length - 1] === '') completeLines.pop();
-    let hold = 0;
-    while (
-      completeLines.length - hold > 0 &&
-      (looksLikeTableRow(completeLines[completeLines.length - 1 - hold]) ||
-        TABLE_SEP_RE.test(completeLines[completeLines.length - 1 - hold]))
-    ) {
-      hold++;
-      if (hold > 64) break;
-    }
-    if (hold > 0) {
-      const keptLines = completeLines.slice(0, completeLines.length - hold);
-      if (keptLines.length === 0) return; // toàn bộ slice là table candidate → chờ
-      complete = keptLines.join('\n') + '\n';
-      completeLines = keptLines;
-    }
-    printed += complete.length;
-    const fenceState = { inCodeFence };
-    const rendered = renderStreamBlock(completeLines, fenceState);
-    inCodeFence = fenceState.inCodeFence;
-    emit(rendered + '\n');
-  };
-  return {
-    get started() {
-      return started;
-    },
-    get suppressing() {
-      return suppress;
-    },
-    push(delta) {
-      buf += delta;
-      if (suppress) return;
-      const f = buf.indexOf('```tool');
-      if (f !== -1) {
-        // Flush mọi thứ TRƯỚC ```tool (full lines + phần dở của dòng cuối cũng in luôn
-        // vì sắp suppress, không cần chừa buffer nữa).
-        const beforeTool = buf.slice(printed, f);
-        if (beforeTool) {
-          const parts = beforeTool.split('\n');
-          // bỏ '' cuối nếu kết thúc bằng \n
-          if (parts[parts.length - 1] === '') parts.pop();
-          const fenceState = { inCodeFence };
-          const rendered = renderStreamBlock(parts, fenceState);
-          inCodeFence = fenceState.inCodeFence;
-          emit(rendered);
-        }
-        printed = buf.length;
-        suppress = true;
-        return;
-      }
-      // Chỉ flush các dòng đã hoàn chỉnh; chừa đuôi HOLD char để phát hiện ```tool.
-      const safeEnd = Math.max(printed, buf.length - HOLD);
-      if (safeEnd > printed) flushCompleteLines(safeEnd);
-    },
-    flush() {
-      if (!suppress && printed < buf.length) {
-        // Render phần còn lại (kể cả dòng cuối chưa có \n).
-        const tail = buf.slice(printed);
-        const parts = tail.split('\n');
-        if (parts[parts.length - 1] === '') parts.pop();
-        const fenceState = { inCodeFence };
-        const rendered = renderStreamBlock(parts, fenceState);
-        inCodeFence = fenceState.inCodeFence;
-        emit(rendered);
-        printed = buf.length;
-      }
-      if (started) process.stdout.write('\n');
-    },
-  };
-}
+// Stream printer (renderStreamBlock / makeStreamPrinter) đã tách sang
+// ./repl/stream-printer.js — pure, chỉ phụ thuộc helper render từ ui.js.
+// Re-export renderStreamBlock để giữ contract smoke-table-stream2.mjs
+// (import { renderStreamBlock } from 'src/repl.js').
+export { renderStreamBlock } from './repl/stream-printer.js';
 
 function printError(err) {
   const map = {

package/src/tools.js

@@ -172,12 +172,48 @@ function clip(s) {
   return s.slice(0, MAX_OUT) + `\n… [truncated, ${s.length - MAX_OUT} more chars]`;
 }
 
+// Strip HTML → plain text cho web_fetch. Không phải parser đầy đủ — đủ để model
+// đọc nội dung trang: bỏ script/style/head, đổi block tag → newline, gỡ tag còn
+// lại, decode entity phổ biến, gọn dòng trống thừa.
+function htmlToText(html) {
+  let s = html;
+  s = s.replace(/<!--[\s\S]*?-->/g, ' ');
+  s = s.replace(/<(script|style|head|noscript|svg)\b[\s\S]*?<\/\1>/gi, ' ');
+  // Block-level tag → newline để giữ cấu trúc đoạn.
+  s = s.replace(/<\/(p|div|section|article|header|footer|li|tr|h[1-6]|ul|ol|table|blockquote)>/gi, '\n');
+  s = s.replace(/<br\s*\/?>/gi, '\n');
+  s = s.replace(/<[^>]+>/g, ' '); // gỡ mọi tag còn lại
+  // Decode entity phổ biến.
+  const ent = {
+    '&nbsp;': ' ',
+    '&amp;': '&',
+    '&lt;': '<',
+    '&gt;': '>',
+    '&quot;': '"',
+    '&#39;': "'",
+    '&apos;': "'",
+  };
+  s = s.replace(/&(nbsp|amp|lt|gt|quot|#39|apos);/g, (m) => ent[m] || m);
+  s = s.replace(/&#(\d+);/g, (_, n) => {
+    try {
+      return String.fromCodePoint(Number(n));
+    } catch {
+      return '';
+    }
+  });
+  // Gọn whitespace: nhiều space → 1, nhiều dòng trống → tối đa 1 dòng trống.
+  s = s.replace(/[ \t]+/g, ' ');
+  s = s.replace(/ *\n */g, '\n');
+  s = s.replace(/\n{3,}/g, '\n\n');
+  return s;
+}
+
 // Tools that mutate the filesystem or run code require user approval.
 export const DESTRUCTIVE = new Set(['write_file', 'edit_file', 'run_command']);
 
 /**
  * Tên các tool model có thể gọi.
- * @typedef {'read_file'|'write_file'|'edit_file'|'list_dir'|'glob'|'grep'|'run_command'|'bg_output'|'kill_bg'} ToolName
+ * @typedef {'read_file'|'web_fetch'|'write_file'|'edit_file'|'list_dir'|'glob'|'grep'|'run_command'|'bg_output'|'kill_bg'} ToolName
  */
 
 /**
@@ -196,6 +232,8 @@ export const DESTRUCTIVE = new Set(['write_file', 'edit_file', 'run_command']);
  * @property {number} [timeout] run_command: ms (default 60000)
  * @property {boolean} [background] run_command: spawn ngầm, trả về NGAY
  * @property {number} [id] bg_output/kill_bg
+ * @property {string} [url] web_fetch: URL http/https cần tải
+ * @property {boolean} [raw] web_fetch: true = trả HTML thô, không strip
  */
 
 /**
@@ -257,6 +295,50 @@ export const TOOLS = {
     );
   },
 
+  async web_fetch({ url, raw }, { signal } = {}) {
+    checkAbort(signal);
+    if (!url || typeof url !== 'string') throw new Error('web_fetch: thiếu "url" (string)');
+    let u;
+    try {
+      u = new URL(url);
+    } catch {
+      throw new Error(`web_fetch: URL không hợp lệ: ${url}`);
+    }
+    if (u.protocol !== 'http:' && u.protocol !== 'https:')
+      throw new Error(`web_fetch: chỉ hỗ trợ http/https (nhận ${u.protocol})`);
+    // Timeout 30s, hủy theo signal (Ctrl+C) lẫn timeout nội bộ.
+    const ctrl = new AbortController();
+    const onAbort = () => ctrl.abort();
+    if (signal) {
+      if (signal.aborted) ctrl.abort();
+      else signal.addEventListener('abort', onAbort, { once: true });
+    }
+    const timer = setTimeout(() => ctrl.abort(), 30000);
+    let res;
+    try {
+      res = await fetch(u, {
+        signal: ctrl.signal,
+        redirect: 'follow',
+        headers: { 'user-agent': 'noob-cli/web_fetch', accept: 'text/html,text/plain,*/*' },
+      });
+    } catch (e) {
+      if (ctrl.signal.aborted && !signal?.aborted)
+        throw new Error('web_fetch: quá thời gian (30s)');
+      if (signal?.aborted) throw new Error('aborted');
+      throw new Error(`web_fetch: không tải được ${u.href}: ${e.message}`);
+    } finally {
+      clearTimeout(timer);
+      signal?.removeEventListener?.('abort', onAbort);
+    }
+    const ct = res.headers.get('content-type') || '';
+    const body = await res.text();
+    const head = `${res.status} ${res.statusText} · ${ct || 'unknown type'} · ${u.href}\n\n`;
+    // raw:true hoặc không phải HTML → trả nguyên văn (đã clip). Ngược lại strip HTML.
+    const isHtml = /html/i.test(ct) || /^\s*<(!doctype|html)/i.test(body);
+    const text = raw || !isHtml ? body : htmlToText(body);
+    return clip(head + text.trim());
+  },
+
   async write_file({ path: p, content }, { signal } = {}) {
     checkAbort(signal);
     await fs.mkdir(path.dirname(abs(p)), { recursive: true });
@@ -670,6 +752,8 @@ export function describe(name, input) {
   switch (name) {
     case 'read_file':
       return `read ${input.path}`;
+    case 'web_fetch':
+      return `fetch ${input.url || ''}`;
     case 'write_file':
       return `write ${input.path} (${(input.content ?? '').split('\n').length} lines)`;
     case 'edit_file':