@noobdemon/noob-cli 1.12.14 → 1.12.16

package/src/tools.js

@@ -110,6 +110,13 @@ export function removeRoot(p) {
 export function listRoots() {
   return [cwd(), ...extraRoots];
 }
+// Xoá toàn bộ extraRoots khỏi bộ nhớ phiên (KHÔNG đụng dirs.json). Dùng cho test
+// isolation: extraRoots là module-global, loadWorkspaceRoots() ở import nạp sẵn
+// nội dung dirs.json → leak sang test. Gọi trong beforeEach để mỗi test thấy scope
+// sạch (chỉ cwd đã chdir). KHÔNG persist — production không nên gọi.
+export function clearRoots() {
+  extraRoots.clear();
+}
 function within(root, full) {
   if (full === root) return true;
   const rel = path.relative(root, full);
@@ -180,7 +187,10 @@ function htmlToText(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(
+    /<\/(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.
@@ -541,15 +551,45 @@ export const TOOLS = {
       let out = '';
       let timedOut = false;
       let aborted = false;
+      let settled = false;
+
+      // Resolve ĐÚNG 1 lần. Không phụ thuộc child 'close' để thoát: gradle daemon
+      // / JVM grandchildren có thể giữ stdio pipe sống sau taskkill → 'close'
+      // không bao giờ bắn → Promise treo vĩnh viễn → tool kẹt → model không
+      // được gọi lại. Đây là gốc bug treo CLI khi chạy compileJava.
+      const finish = (text) => {
+        if (settled) return;
+        settled = true;
+        clearTimeout(killer);
+        clearTimeout(graceTimer);
+        signal?.removeEventListener?.('abort', onAbort);
+        resolve(text);
+      };
+
+      // Sau khi ra lệnh kill, không chờ 'close' mãi. Cho cây tiến trình 2s ân
+      // hạn để thoát sạch; quá hạn → resolve cưỡng bức để giải phóng tool.
+      let graceTimer = null;
+      const forceResolveAfterKill = () => {
+        if (graceTimer || settled) return;
+        graceTimer = setTimeout(() => {
+          const tail = aborted
+            ? `\n[aborted by user (Ctrl+C) — killed (tiến trình con có thể còn sống nền).]`
+            : `\n[timed out after ${Math.round(timeout / 1000)}s — killed (tiến trình con có thể còn sống nền). Nếu là server / task chạy lâu, chạy lại với {"background": true}.]`;
+          finish(clip((out.trim() || '(no output)') + tail));
+        }, 2000);
+      };
+
       const killer = setTimeout(() => {
         timedOut = true;
         killBgTree(child);
+        forceResolveAfterKill();
       }, timeout);
       // Ctrl+C trong lúc command đang chạy → kill cây tiến trình con (Windows
       // dùng taskkill /T để diệt cả grand-children, vd npm spawn node).
       const onAbort = () => {
         aborted = true;
         killBgTree(child);
+        forceResolveAfterKill();
       };
       if (signal) {
         if (signal.aborted) onAbort();
@@ -558,19 +598,15 @@ export const TOOLS = {
       child.stdout.on('data', (d) => (out += d));
       child.stderr.on('data', (d) => (out += d));
       child.on('error', (e) => {
-        clearTimeout(killer);
-        signal?.removeEventListener?.('abort', onAbort);
-        resolve(`Failed to start command: ${e.message}`);
+        finish(`Failed to start command: ${e.message}`);
       });
       child.on('close', (code) => {
-        clearTimeout(killer);
-        signal?.removeEventListener?.('abort', onAbort);
         const tail = aborted
           ? `\n[aborted by user (Ctrl+C) — killed.]`
           : timedOut
             ? `\n[timed out after ${Math.round(timeout / 1000)}s — killed. If this is a server or other long-running task, re-run with {"background": true} instead.]`
             : `\n[exit code ${code}]`;
-        resolve(clip((out.trim() || '(no output)') + tail));
+        finish(clip((out.trim() || '(no output)') + tail));
       });
     });
   },
@@ -652,7 +688,10 @@ export const TOOLS = {
     const out = await kgAddObservations([{ entityName, contents }]);
     const added = out[0]?.addedObservations || [];
     if (!added.length) return `Không có observation mới cho '${entityName}' (đã trùng)`;
-    return `Đã thêm ${added.length} observation cho '${entityName}':\n` + added.map((o) => `  - ${o}`).join('\n');
+    return (
+      `Đã thêm ${added.length} observation cho '${entityName}':\n` +
+      added.map((o) => `  - ${o}`).join('\n')
+    );
   },
 };
 

package/src/tui.js

@@ -107,7 +107,7 @@ function truncStr(s, max) {
   return s.length > max ? s.slice(0, max - 1) + '…' : s;
 }
 
-export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer } = {}) {
+export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, onCtrlT, completer } = {}) {
   const tty = !!(process.stdout.isTTY && process.stdin.isTTY) && process.env.NOOB_TUI !== '0';
   const cols = () => process.stdout.columns || 80;
 
@@ -153,6 +153,12 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
       setBusy() {},
       setMeta() {},
       setTodos() {},
+      setUltra() {},
+      setAgentMode() {},
+      setGoal() {},
+      setBgAgents() {},
+      pushAgentLog() {},
+      clearAgentLog() {},
       setPrompt() {},
       read() {
         if (queue.length) return Promise.resolve(queue.shift());
@@ -180,6 +186,16 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
   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 ultra = false; // ULTRA mode đang bật? → segment trong status bar
+  let bgAgents = 0; // số sub-agent / workflow chạy nền → segment + gợi ý Ctrl+O
+  let agentMode = ''; // build | plan | compose — UI hint mode → segment status bar (Ctrl+T / /mode)
+  let goalText = ''; // HARD GOAL hiện tại (/goal) → segment 🎯 status bar (truncate)
+  // Ring buffer log sub-agent nền: KHÔNG in ra UI chính, chỉ vào đây. Ctrl+O mở
+  // overlay xem. Mỗi entry: chuỗi đã format (có thể kèm màu). Giữ tối đa MAX_LOG.
+  const MAX_AGENT_LOG = 500;
+  const agentLog = [];
+  let overlayOpen = false; // overlay log đang mở?
+  let overlayScroll = 0; // offset cuộn từ ĐÁY (0 = xem dòng mới nhất)
   let frame = 0;
   let frameTimer = null;
   let prevRows = 0;
@@ -354,38 +370,71 @@ 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
+    // Badge ghép vào mọi dòng status: ULTRA bật/tắt + số sub-agent nền (gợi ý
+    // Ctrl+O xem log). Reset ANSI từng đoạn (chalk tự đóng) → không bleed.
+    const modeBadge = agentMode ? c.tool(`◆ ${agentMode}`) : '';
+    const goalBadge = goalText ? c.accent('🎯 ') + c.dim(truncStr(goalText, 28)) : '';
+    const ultraBadge = ultra ? c.err('🚀 ULTRA') : '';
+    const bgBadge = bgAgents ? c.accent(`⊕ ${bgAgents} nền`) + c.dim(' (Ctrl+O)') : '';
+    const badges = [modeBadge, goalBadge, ultraBadge, bgBadge].filter(Boolean).join(c.dim(' · '));
+    const badgeTail = badges ? c.dim(' · ') + badges : '';
+    // Todo progress: 1 dòng gọn dùng chung (📋 done/total bar pct%). Dựng SẴN ở
+    // đây để ghép vào status line theo trạng thái — KHÔNG return sớm nuốt status.
+    // Rảnh → chỉ dòng này. Busy → ghép cạnh spinner. Mất todo không nuốt spinner.
+    let progress = null;
+    let taskLine = null;
     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));
+      // Thanh progress dày hơn, màu phân biệt: phần done = ember, còn lại = dim.
+      const barW = Math.min(16, Math.max(8, Math.floor(cols() * 0.2)));
       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];
+      const bar = c.accent('█'.repeat(filled)) + c.dim('░'.repeat(barW - filled));
+      progress =
+        c.accent('📋 ') + c.ok(`${done}`) + c.dim(`/${total}`) + ' ' + bar + c.dim(` ${pct}%`);
+      // Task đang làm (▸ amber) — CHỈ dùng lúc busy (dòng 2). Rảnh bỏ để gọn 1 dòng.
+      taskLine = current
+        ? c.tool('  ▸ ') + c.user(truncStr(current.text, cols() - 8))
+        : c.ok('  ✓ tất cả todo đã xong!');
     }
+
     // 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) {
       const meta = busy && busyMeta ? c.dim(' · ' + busyMeta) : '';
       const tail = busy ? c.dim(' · Ctrl+C để dừng') : '';
-      const line = c.dim(spin + ' ') + statusText + meta + tail;
+      // Busy + todos → spinner + progress CHUNG dòng 1, task line dòng 2.
+      if (busy && progress) {
+        const line = c.dim(spin + ' ') + progress + meta + tail + badgeTail;
+        const out = wrapText(line, cols(), 2);
+        if (taskLine) out.push(taskLine);
+        return out;
+      }
+      const line = c.dim(spin + ' ') + statusText + meta + tail + badgeTail;
       return wrapText(line, cols(), 2);
     }
     if (busy) {
-      const meta = busyMeta ? ' · ' + busyMeta : '';
-      const line = c.dim(spin + ' ' + (busyLabel || 'đang chạy') + meta + ' · Ctrl+C để dừng');
+      const meta = busyMeta ? c.dim(' · ' + busyMeta) : '';
+      // Busy + todos → spinner + progress chung dòng 1, task line dòng 2.
+      if (progress) {
+        const line = c.dim(spin + ' ') + progress + meta + c.dim(' · Ctrl+C') + badgeTail;
+        const out = wrapText(line, cols(), 2);
+        if (taskLine) out.push(taskLine);
+        return out;
+      }
+      const line =
+        c.dim(spin + ' ' + (busyLabel || 'đang chạy')) +
+        meta +
+        c.dim(' · Ctrl+C để dừng') +
+        badgeTail;
       return wrapText(line, cols(), 2);
     }
+    // Rảnh + todos → 1 dòng progress gọn (KHÔNG task/ctx line, không nuốt ô nhập).
+    if (progress) return wrapText(progress + badgeTail, cols(), 2);
+    // Rảnh nhưng có ULTRA / sub-agent nền → vẫn hiện badge để user biết trạng thái.
+    if (badges) return wrapText('  ' + badges, cols(), 2);
     return null;
   }
   function menuRows() {
@@ -405,11 +454,45 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
       );
     });
   }
+  // Overlay log sub-agent nền (Ctrl+O). Thay thế vùng output chính (top/menu)
+  // bằng panel cuộn được: header + N dòng log gần nhất theo overlayScroll. KHÔNG
+  // đụng renderBar/cursor math — overlay chỉ là các dòng phía TRÊN thanh nhập.
+  const OVERLAY_LINES = 12;
+  function overlayRows() {
+    const head =
+      c.accent('┄┄ log sub-agent nền ') +
+      c.dim(`(${agentLog.length} dòng · ↑/↓ cuộn · Ctrl+O đóng)`);
+    if (!agentLog.length) {
+      return [head, c.dim('  (chưa có log — sub-agent nền sẽ ghi vào đây)')];
+    }
+    // Cửa sổ [start, end) tính từ ĐÁY theo overlayScroll (0 = đáy/mới nhất).
+    const end = Math.max(0, agentLog.length - overlayScroll);
+    const start = Math.max(0, end - OVERLAY_LINES);
+    const body = [];
+    const width = Math.max(8, cols() - 2);
+    for (const raw of agentLog.slice(start, end)) {
+      // Mỗi entry có thể dài → soft-wrap, nhưng chỉ lấy dòng đầu + '…' để panel
+      // gọn (1 entry = 1 dòng panel). User cuộn để xem từng entry.
+      const oneLine = String(raw).replace(/\n/g, ' ');
+      const wrapped = softWrapLine(oneLine, width);
+      body.push(
+        '  ' + (wrapped.length > 1 ? wrapped[0].replace(ANSI_RE, '') + c.dim('…') : wrapped[0])
+      );
+    }
+    const more = overlayScroll > 0 ? c.dim(`  ↓ còn ${overlayScroll} dòng mới hơn`) : '';
+    return more ? [head, ...body, more] : [head, ...body];
+  }
   function rows() {
     const r = [];
-    const top = topRow();
-    if (top !== null) r.push(...top);
-    for (const mr of menuRows()) r.push(mr);
+    if (overlayOpen) {
+      // Overlay mở: thay top/menu bằng panel log. Thanh nhập vẫn vẽ bên dưới để
+      // user gõ /lệnh (vd Ctrl+O đóng) mà không mất con trỏ.
+      r.push(...overlayRows());
+    } else {
+      const top = topRow();
+      if (top !== null) r.push(...top);
+      for (const mr of menuRows()) r.push(mr);
+    }
     const bar = renderBar();
     if (bar) r.push(...bar.split('\n'));
     return r;
@@ -532,9 +615,31 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
     refreshMenu();
     draw();
   }
+  // Echo tin nhắn user vừa gửi thành KHỐI nền màu, gutter ember mỗi dòng. Plain
+  // text (không phải coloredInput) để bg phủ đều; mỗi dòng tự reset (tránh bleed
+  // màu sang hết chiều rộng terminal). Paste chip → 1 dòng tóm tắt [pasted...].
+  function echoUserBlock() {
+    const plain = cells.map(cellPlain).join('');
+    if (!plain.trim()) return promptLabel + coloredInput();
+    const gutter = c.userGutter('▌') + ' ';
+    const gutterW = 2; // '▌' + space (▌ là 1 cột)
+    const budget = Math.max(8, cols() - gutterW);
+    const wrapped = plain
+      .split('\n')
+      .flatMap((ln) => softWrapLine(ln, budget))
+      .map((ln) => {
+        // softWrapLine có thể đính RESET cuối khi text gốc có ANSI; strip để bg
+        // phủ liền, rồi pad tới budget cho khối nền chữ nhật đều mép phải.
+        const body = ln.replace(ANSI_RE, '');
+        const padded = body + ' '.repeat(Math.max(0, budget - visLen(body)));
+        return gutter + c.userBg(' ' + padded + ' ');
+      });
+    return wrapped.join('\n');
+  }
+
   function submit() {
     const full = fullText();
-    const echo = promptLabel + coloredInput();
+    const echo = echoUserBlock();
     if (full.trim() && submitHistory[submitHistory.length - 1] !== full) {
       submitHistory.push(full);
       if (submitHistory.length > 200) submitHistory.shift();
@@ -616,8 +721,13 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
         if (fin === 'Z')
           onShiftTab?.(); // Shift+Tab = bật/tắt yolo
         else if (fin === 'A' || fin === 'B') {
-          // ↑/↓: điều hướng menu gợi ý nếu đang mở, ngược lại gọi lại lịch sử.
-          if (menu.length) {
+          // ↑/↓: overlay mở → cuộn log; menu mở → điều hướng menu; còn lại → lịch sử.
+          if (overlayOpen) {
+            // ↑ = lùi về dòng cũ (tăng scroll), ↓ = về đáy (giảm scroll).
+            if (fin === 'A') overlayScroll = Math.min(agentLog.length, overlayScroll + 1);
+            else overlayScroll = Math.max(0, overlayScroll - 1);
+            draw();
+          } else if (menu.length) {
             menuIdx =
               fin === 'A' ? (menuIdx - 1 + menu.length) % menu.length : (menuIdx + 1) % menu.length;
             draw();
@@ -689,6 +799,18 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
         i++;
         continue;
       } // Ctrl+L: clear screen
+      if (ch === '\x0f') {
+        overlayOpen = !overlayOpen;
+        overlayScroll = 0; // mở lại = xem đáy (dòng mới nhất)
+        draw();
+        i++;
+        continue;
+      } // Ctrl+O: bật/tắt overlay log sub-agent nền
+      if (ch === '\x14') {
+        onCtrlT?.();
+        i++;
+        continue;
+      } // Ctrl+T: cycle build/plan/compose mode
       if (ch === '\x01') {
         cur = 0;
         draw();
@@ -818,6 +940,35 @@ export function createTui({ onLine, onInterrupt, onEOF, onShiftTab, completer }
       todos = Array.isArray(items) ? items : [];
       draw();
     },
+    setUltra(on) {
+      ultra = !!on;
+      draw();
+    },
+    setAgentMode(mode) {
+      agentMode = mode || '';
+      draw();
+    },
+    setGoal(text) {
+      goalText = text || '';
+      draw();
+    },
+    setBgAgents(n) {
+      bgAgents = Math.max(0, n | 0);
+      draw();
+    },
+    // Đẩy 1 dòng log sub-agent nền vào ring buffer (KHÔNG in ra UI chính). Nếu
+    // overlay đang mở + đang xem đáy (scroll=0) → redraw để thấy dòng mới ngay.
+    pushAgentLog(line) {
+      if (line == null) return;
+      agentLog.push(String(line));
+      if (agentLog.length > MAX_AGENT_LOG) agentLog.shift();
+      if (overlayOpen && overlayScroll === 0) draw();
+    },
+    clearAgentLog() {
+      agentLog.length = 0;
+      overlayScroll = 0;
+      if (overlayOpen) draw();
+    },
     setPrompt(label) {
       promptLabel = label || '';
       draw();

package/src/ui.js

@@ -26,6 +26,10 @@ export const c = {
   ok: chalk.hex('#84a98c'),
   err: chalk.hex('#c0524b'),
   accent: chalk.hex('#ff7a45'),
+  // Tin nhắn user gửi: nền warm-gray đậm + chữ paper-white → khối phân biệt rõ
+  // trong scrollback (không lẫn với prose model amber). Gutter ember ▌ ở mép trái.
+  userBg: chalk.bgHex('#3a342c').hex('#f5f1e8'),
+  userGutter: chalk.hex('#ff7a45'),
 };
 
 // Single-tone "gradient" giữ tương thích API gradient-string nội bộ. Banner
@@ -42,15 +46,14 @@ const term = () => process.stdout.columns || 80;
 // phân cách bằng ◆ ember nhỏ thay vì dấu · xám.
 export function banner() {
   const sidebar = chalk.hex('#ff7a45')('▌');
-  const wordmark = [
-    '┏┓╻┏━┓┏━┓┏┓ ',
-    '┃┗┫┃ ┃┃ ┃┣┻┓',
-    '╹ ╹┗━┛┗━┛┗━┛',
-  ].map((row) => sidebar + '  ' + brand(row)).join('\n');
+  const wordmark = ['┏┓╻┏━┓┏━┓┏┓ ', '┃┗┫┃ ┃┃ ┃┣┻┓', '╹ ╹┗━┛┗━┛┗━┛']
+    .map((row) => sidebar + '  ' + brand(row))
+    .join('\n');
   const diamond = chalk.hex('#ff7a45')('◆');
   const tag = chalk.hex('#e8e3d8').italic(t.tagline);
   const meta = '  ' + c.dim('agentic terminal') + '  ' + diamond + '  ' + tag;
   console.log('\n' + wordmark);
+  console.log('');
   console.log(meta + '\n');
 }
 

package/src/workflow-bg.js

@@ -30,6 +30,7 @@ export function createBgRegistry(deps = {}) {
     execTool,
     spawnAgentToolsDoc,
     cwd = process.cwd(),
+    tui = null, // route log sub-agent nền + cập nhật badge số agent nền (optional; null trong test)
   } = deps;
   const _runAgent = deps.runAgent || runAgent;
   const _createRun = deps.createRun || createRun;
@@ -40,8 +41,14 @@ export function createBgRegistry(deps = {}) {
   // Hàng đợi run đã settle, chờ main loop drain.
   const completions = [];
 
-  const activeCount = () =>
-    [...runs.values()].filter((r) => r.status === 'running').length;
+  const activeCount = () => [...runs.values()].filter((r) => r.status === 'running').length;
+
+  // Cập nhật badge số agent nền trên status bar (no-op nếu không có tui).
+  const syncBadge = () => {
+    try {
+      tui?.setBgAgents?.(activeCount());
+    } catch {}
+  };
 
   // Kick off 1 bg workflow. Trả về { ok, id } hoặc { ok:false, error }.
   function startBgWorkflow({ prompt, name = null } = {}) {
@@ -71,6 +78,10 @@ export function createBgRegistry(deps = {}) {
       error: null,
     };
     runs.set(run.id, entry);
+    try {
+      tui?.pushAgentLog?.(`🎼 workflow nền bắt đầu — run ${run.id}${name ? ' · ' + name : ''}`);
+    } catch {}
+    syncBadge();
 
     // workflowRun riêng cho bg dispatcher: journal cache dùng run.data này, KHÔNG
     // đụng state.workflowRun của turn (turn có thể đang chạy /workflow blocking).
@@ -90,8 +101,9 @@ export function createBgRegistry(deps = {}) {
       stopSpin: noop,
       startSpin: noop,
       execTool,
-      tui: null,
+      tui, // sub-agent log → ring buffer (Ctrl+O), KHÔNG in ra UI chính
       c: null,
+      bgAgentLog: true, // cờ: dispatcher route onLog → tui.pushAgentLog thay console.log
     });
 
     // Chạy headless. runAgent options TUI-bound (onStatus/onDelta/onSteer) bỏ —
@@ -111,18 +123,32 @@ export function createBgRegistry(deps = {}) {
       .then((answer) => {
         entry.status = 'done';
         entry.result = typeof answer === 'string' ? answer : String(answer ?? '');
-        try { _closeRun(run.data, 'done', cwd); } catch {}
+        try {
+          _closeRun(run.data, 'done', cwd);
+        } catch {}
+        try {
+          tui?.pushAgentLog?.(`✓ workflow nền xong — run ${run.id}`);
+        } catch {}
         completions.push({ id: run.id, name, status: 'done', result: entry.result });
+        syncBadge();
       })
       .catch((err) => {
         const isAbort = err?.message === 'aborted' || err?.name === 'AbortError';
         entry.status = isAbort ? 'interrupted' : 'failed';
         entry.error = err?.message || String(err);
-        try { _closeRun(run.data, entry.status, cwd); } catch {}
+        try {
+          _closeRun(run.data, entry.status, cwd);
+        } catch {}
+        try {
+          tui?.pushAgentLog?.(
+            `${isAbort ? '⊘ huỷ' : '✗ lỗi'} workflow nền — run ${run.id}${entry.error ? ': ' + entry.error : ''}`
+          );
+        } catch {}
         // Abort do stopBg/sweepOnExit → KHÔNG enqueue completion (user chủ động huỷ).
         if (!isAbort) {
           completions.push({ id: run.id, name, status: entry.status, error: entry.error });
         }
+        syncBadge();
       });
     entry.promise = promise;
 
@@ -143,6 +169,7 @@ export function createBgRegistry(deps = {}) {
     const entry = runs.get(id);
     if (!entry || entry.status !== 'running') return false;
     entry.controller.abort();
+    syncBadge();
     return true;
   }
 
@@ -157,6 +184,7 @@ export function createBgRegistry(deps = {}) {
         n++;
       }
     }
+    if (n) syncBadge();
     return n;
   }
 

package/src/workflow-runs.js

@@ -70,7 +70,10 @@ export function hashTask({ task, context, model }) {
 
 // Tên file an toàn — chỉ [a-z0-9-_], thay ký tự không hợp lệ bằng `_`.
 function sanitizeId(s) {
-  return String(s || '').toLowerCase().replace(/[^a-z0-9_-]/g, '_').slice(0, 80);
+  return String(s || '')
+    .toLowerCase()
+    .replace(/[^a-z0-9_-]/g, '_')
+    .slice(0, 80);
 }
 
 function makeId(name) {