npm - create-claude-workspace - Versions diffs - 1.1.142 → 1.1.144 - Mend

create-claude-workspace 1.1.142 → 1.1.144

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/dist/scripts/autonomous.mjs +2 -1
package/dist/scripts/lib/tui.mjs +258 -233
package/dist/scripts/lib/tui.spec.js +1 -1
package/package.json +2 -5
package/dist/scripts/lib/tui.js +0 -304

package/dist/scripts/autonomous.mjs CHANGED Viewed

@@ -7,7 +7,7 @@ import { execSync } from 'node:child_process';
 import { DEFAULTS } from './lib/types.mjs';
 import { emptyCheckpoint, readCheckpoint, writeCheckpoint } from './lib/state.mjs';
 import { pollForNewWork } from './lib/idle-poll.mjs';
-import { TUI } from './lib/tui.js';
+import { TUI } from './lib/tui.mjs';
 import { query } from '@anthropic-ai/claude-agent-sdk';
 import { config as dotenvConfig } from '@dotenvx/dotenvx';
 // Disable SDK built-in agents (general-purpose, Explore, Plan, statusline-setup)
@@ -301,6 +301,7 @@ async function main() {
     dotenvConfig({ path: resolve(opts.projectDir, '.env'), override: false, quiet: true });
     const logPath = resolve(opts.projectDir, opts.logFile);
     const tui = new TUI(logPath, opts.interactive);
+    tui.setTopAgent('orchestrator');
     tui.banner();
     tui.info(`Project: ${opts.projectDir}`);
     tui.info(`Max iterations: ${opts.maxIterations} │ Max turns: ${opts.maxTurns}`);

package/dist/scripts/lib/tui.mjs CHANGED Viewed

@@ -1,185 +1,231 @@
 // ─── Terminal UI for autonomous loop ───
-// Events push lines to a buffer. Render loop (4 fps) draws pending lines
-// + status bar. No cursor tricks — just append lines and \r overwrite status.
+// Log lines: normal stdout (scrollable, persistent history)
+// Status bar: overwrites last line using \r (carriage return)
+// No ink render() — all rendering is raw ANSI to preserve scroll history.
 import { appendFileSync } from 'node:fs';
-// ─── ANSI ───
-const a = {
-    reset: '\x1b[0m', bold: '\x1b[1m', dim: '\x1b[2m',
-    fg: {
-        red: '\x1b[31m', green: '\x1b[32m', yellow: '\x1b[33m',
-        blue: '\x1b[34m', magenta: '\x1b[35m', cyan: '\x1b[36m', white: '\x1b[37m',
-        gray: '\x1b[90m', brightRed: '\x1b[91m', brightGreen: '\x1b[92m',
-        brightYellow: '\x1b[93m', brightBlue: '\x1b[94m', brightMagenta: '\x1b[95m',
-        brightCyan: '\x1b[96m',
-    },
-    bg: { gray: '\x1b[48;5;236m' },
-};
-// ─── Shared utilities ───
-const AGENT_PALETTE = [a.fg.brightCyan, a.fg.brightMagenta, a.fg.brightGreen, a.fg.brightYellow, a.fg.brightBlue, a.fg.brightRed];
-const agentColors = new Map();
+// ─── Agent colors ───
+const PALETTE = ['cyan', 'magenta', 'green', 'yellow', 'blue', 'red'];
+const agentColorMap = new Map();
 let nextColor = 0;
 function agentColor(name) {
-    if (!agentColors.has(name))
-        agentColors.set(name, AGENT_PALETTE[nextColor++ % AGENT_PALETTE.length]);
-    return agentColors.get(name);
+    if (!agentColorMap.has(name))
+        agentColorMap.set(name, PALETTE[nextColor++ % PALETTE.length]);
+    return agentColorMap.get(name);
 }
+const ANSI_COLORS = {
+    red: '\x1b[31m', green: '\x1b[32m', yellow: '\x1b[33m', blue: '\x1b[34m',
+    magenta: '\x1b[35m', cyan: '\x1b[36m', white: '\x1b[37m', gray: '\x1b[90m',
+};
+const RESET = '\x1b[0m';
+const BOLD = '\x1b[1m';
+const DIM = '\x1b[2m';
+const HIDE_CURSOR = '\x1b[?25l';
+const SHOW_CURSOR = '\x1b[?25h';
+const CLEAR_LINE = '\r\x1b[2K';
+// ─── Tool icons ───
 const ICONS = {
     Bash: '⚡', Read: '📖', Write: '✏️ ', Edit: '🔧', Glob: '🔍', Grep: '🔎',
     Agent: '🤖', TodoRead: '📋', TodoWrite: '📝', WebSearch: '🌐', WebFetch: '🌐', AskUserQuestion: '❓',
 };
+// ─── Helpers ───
 function ts() { return new Date().toLocaleTimeString('en-GB', { hour12: false }); }
-function strip(s) { return s.replace(/\x1b\[[0-9;]*m/g, ''); }
 function trunc(s, n) { const c = s.replace(/\n/g, ' ').trim(); return c.length > n ? c.slice(0, n) + '…' : c; }
 function fmtTok(n) { return n < 1e3 ? `${n}` : n < 1e6 ? `${(n / 1e3).toFixed(1)}K` : `${(n / 1e6).toFixed(2)}M`; }
 function fmtDur(ms) { return ms < 1e3 ? `${ms}ms` : ms < 6e4 ? `${(ms / 1e3).toFixed(1)}s` : `${(ms / 6e4).toFixed(1)}m`; }
-function bar(pct, w) { const f = Math.round((pct / 100) * w); return `${a.fg.green}${'█'.repeat(f)}${a.fg.gray}${'░'.repeat(w - f)}${a.reset}`; }
-// ─── TUI ───
+// ─── TUI class ───
 export class TUI {
     logFile;
     interactive;
     onInput = null;
     onHotkey = null;
-    paused_ = false;
-    // Render state
-    pendingLines = [];
-    renderTimer = null;
-    lastStatusText = '';
-    dirty = false;
-    // Stats
-    loopStart = Date.now();
-    iteration_ = 0;
-    maxIter = 0;
-    taskName_ = '';
-    tasksDone_ = 0;
-    tasksTotal_ = 0;
-    tools = 0;
-    tokens_ = { input: 0, output: 0 };
-    iterStart_ = 0;
-    agents = [];
-    inputBuf = '';
+    state;
+    statusBarVisible = false;
+    statusTimer = null;
+    stdinHandler = null;
+    topAgent = null;
     constructor(logFile, interactive = false) {
         this.logFile = logFile;
         this.interactive = interactive && process.stdin.isTTY === true;
+        this.state = {
+            iteration: 0, maxIter: 0, loopStart: Date.now(), iterStart: 0,
+            tools: 0, tokensIn: 0, tokensOut: 0, agents: [], taskName: '',
+            tasksDone: 0, tasksTotal: 0, paused: false, inputBuf: '',
+        };
         if (this.interactive) {
-            this.setupInput();
-            // Hide cursor — prevents flicker during status bar rewrites
-            process.stdout.write('\x1b[?25l');
-            // Render loop — 100ms poll, but only redraws when something changed
-            this.renderTimer = setInterval(() => this.render(), 100);
-        }
-    }
-    // ─── Render loop ───
-    render() {
-        const out = process.stdout;
-        const hasPending = this.pendingLines.length > 0;
-        const newStatus = this.buildStatus();
-        const statusChanged = newStatus !== this.lastStatusText;
-        if (!hasPending && !statusChanged && !this.dirty)
-            return;
-        // Build entire frame as single string — one write() call = no flicker
-        let frame = '\r\x1b[2K'; // clear status line
-        if (hasPending) {
-            for (const line of this.pendingLines) {
-                frame += line + '\n';
+            // Hide cursor to prevent flickering
+            process.stdout.write(HIDE_CURSOR);
+            // Set up raw stdin for keyboard input
+            if (process.stdin.setRawMode) {
+                process.stdin.setRawMode(true);
+                process.stdin.resume();
+                process.stdin.setEncoding('utf8');
+                this.stdinHandler = (data) => {
+                    const str = String(data);
+                    for (let i = 0; i < str.length; i++) {
+                        const ch = str[i];
+                        const code = ch.charCodeAt(0);
+                        // Ctrl+C (0x03)
+                        if (code === 0x03) {
+                            this.onHotkey?.('quit');
+                            this.destroy();
+                            process.exit(0);
+                            return;
+                        }
+                        // Ctrl+Z (0x1A)
+                        if (code === 0x1A) {
+                            this.state.paused = !this.state.paused;
+                            this.onHotkey?.(this.state.paused ? 'pause' : 'resume');
+                            this.renderStatusBar();
+                            return;
+                        }
+                        // Ctrl+S (0x13)
+                        if (code === 0x13) {
+                            this.onHotkey?.('stop');
+                            return;
+                        }
+                        // Enter (0x0D or 0x0A)
+                        if (code === 0x0D || code === 0x0A) {
+                            if (this.state.inputBuf.trim()) {
+                                this.onInput?.(this.state.inputBuf.trim());
+                            }
+                            this.state.inputBuf = '';
+                            this.renderStatusBar();
+                            return;
+                        }
+                        // Backspace (0x08 or 0x7F)
+                        if (code === 0x08 || code === 0x7F) {
+                            this.state.inputBuf = this.state.inputBuf.slice(0, -1);
+                            this.renderStatusBar();
+                            return;
+                        }
+                        // Escape sequences (arrows, etc.) — skip
+                        if (code === 0x1B) {
+                            // consume the rest of the escape sequence
+                            while (i + 1 < str.length && str[i + 1] >= '\x20' && str[i + 1] <= '\x7E')
+                                i++;
+                            if (i + 1 < str.length && str[i + 1] === '[')
+                                i++; // CSI
+                            return;
+                        }
+                        // Printable characters
+                        if (code >= 0x20) {
+                            this.state.inputBuf += ch;
+                            this.renderStatusBar();
+                        }
+                    }
+                };
+                process.stdin.on('data', this.stdinHandler);
             }
-            this.pendingLines = [];
+            // Timer to refresh status bar every second (for elapsed time)
+            this.statusTimer = setInterval(() => this.renderStatusBar(), 1000);
         }
-        frame += newStatus;
-        out.write(frame);
-        this.lastStatusText = newStatus;
-        this.dirty = false;
     }
-    buildStatus() {
-        const elapsed = fmtDur(Date.now() - this.loopStart);
-        const iterTime = this.iterStart_ ? fmtDur(Date.now() - this.iterStart_) : '—';
-        const pct = this.maxIter > 0 ? Math.round((this.iteration_ / this.maxIter) * 100) : 0;
-        const tok = fmtTok(this.tokens_.input + this.tokens_.output);
-        const parts = [
-            `${a.fg.white}${elapsed}`,
-            `Iter ${this.iteration_}/${this.maxIter} ${bar(pct, 8)}`,
-            `${iterTime}`,
-            `${a.fg.cyan}${this.tools}${a.reset} tools`,
-            `${a.fg.yellow}${tok}${a.reset} tok`,
-        ];
-        if (this.agents.length > 0) {
-            const cur = this.agents[this.agents.length - 1];
-            parts.push(`${agentColor(cur)}${cur}${a.reset}`);
-        }
-        if (this.taskName_)
-            parts.push(`${a.fg.cyan}${trunc(this.taskName_, 20)}${a.reset}`);
-        if (this.paused_)
-            parts.push(`${a.fg.yellow}⏸ PAUSED${a.reset}`);
-        const info = parts.join(`${a.fg.gray} │ ${a.reset}`);
-        const input = this.inputBuf ? `  ${a.fg.gray}›${a.reset} ${this.inputBuf}` : '';
-        const cols = process.stdout.columns || 120;
-        const line = ` ${info}${input} `;
-        const pad = Math.max(0, cols - strip(line).length);
-        return `\r${a.bg.gray}${line}${' '.repeat(pad)}${a.reset}`;
-    }
-    // ─── Input ───
-    setupInput() {
-        if (!process.stdin.isTTY)
-            return;
-        process.stdin.setRawMode(true);
-        process.stdin.resume();
-        process.stdin.on('data', (data) => {
-            const key = data.toString();
-            if (key === '\x03') {
-                this.onHotkey?.('quit');
-                return;
-            }
-            if (key === '\x1a') {
-                this.paused_ = !this.paused_;
-                this.dirty = true;
-                this.onHotkey?.(this.paused_ ? 'pause' : 'resume');
-                return;
-            }
-            if (key === '\x13') {
-                this.onHotkey?.('stop');
-                return;
+    destroy() {
+        if (this.interactive) {
+            // Clear status bar
+            if (this.statusBarVisible) {
+                process.stdout.write(CLEAR_LINE);
+                this.statusBarVisible = false;
             }
-            if (key === '\r' || key === '\n') {
-                if (this.inputBuf.trim())
-                    this.onInput?.(this.inputBuf.trim());
-                this.inputBuf = '';
-                this.dirty = true;
-                return;
+            // Show cursor
+            process.stdout.write(SHOW_CURSOR);
+            // Stop timer
+            if (this.statusTimer) {
+                clearInterval(this.statusTimer);
+                this.statusTimer = null;
             }
-            if (key === '\x7f' || key === '\b') {
-                this.inputBuf = this.inputBuf.slice(0, -1);
-                this.dirty = true;
-                return;
+            // Restore stdin
+            if (this.stdinHandler) {
+                process.stdin.removeListener('data', this.stdinHandler);
+                this.stdinHandler = null;
             }
-            if (key.length === 1 && key >= ' ') {
-                this.inputBuf += key;
-                this.dirty = true;
+            if (process.stdin.setRawMode) {
+                try {
+                    process.stdin.setRawMode(false);
+                    process.stdin.pause();
+                }
+                catch { /* may already be closed */ }
             }
-        });
+        }
     }
-    destroy() {
-        if (this.renderTimer) {
-            clearInterval(this.renderTimer);
-            this.renderTimer = null;
+    setInputHandler(h) { this.onInput = h; }
+    setHotkeyHandler(h) { this.onHotkey = h; }
+    isPaused() { return this.state.paused; }
+    /** Set the top-level agent name so all log lines show it from the start. */
+    setTopAgent(name) {
+        this.topAgent = name;
+        if (this.state.agents.length === 0) {
+            this.state.agents.push(name);
         }
-        if (this.interactive) {
-            this.render();
-            process.stdout.write('\x1b[?25h\n'); // show cursor + newline
-            if (process.stdin.isTTY)
-                process.stdin.setRawMode(false);
+    }
+    // ─── Status bar (overwrites current line, no \n) ───
+    buildStatusBar() {
+        const s = this.state;
+        const elapsed = fmtDur(Date.now() - s.loopStart);
+        const iterTime = s.iterStart ? fmtDur(Date.now() - s.iterStart) : '—';
+        const pct = s.maxIter > 0 ? Math.round((s.iteration / s.maxIter) * 100) : 0;
+        const filled = Math.round((pct / 100) * 8);
+        const bar = '\u2588'.repeat(filled) + '\u2591'.repeat(8 - filled);
+        const tok = fmtTok(s.tokensIn + s.tokensOut);
+        const cur = s.agents.length > 0 ? s.agents[s.agents.length - 1] : '';
+        let line = ` ${elapsed} | Iter ${s.iteration}/${s.maxIter} ${bar} | ${iterTime} | ${s.tools} tools | ${tok} tok`;
+        if (cur)
+            line += ` | ${cur}`;
+        if (s.taskName)
+            line += ` | ${trunc(s.taskName, 20)}`;
+        if (s.paused)
+            line += ' | PAUSED';
+        if (s.inputBuf)
+            line += `  > ${s.inputBuf}`;
+        // Truncate to terminal width
+        const cols = process.stdout.columns || 120;
+        if (line.length > cols)
+            line = line.slice(0, cols - 1) + '…';
+        return line;
+    }
+    buildColoredStatusBar() {
+        const s = this.state;
+        const elapsed = fmtDur(Date.now() - s.loopStart);
+        const iterTime = s.iterStart ? fmtDur(Date.now() - s.iterStart) : '—';
+        const pct = s.maxIter > 0 ? Math.round((s.iteration / s.maxIter) * 100) : 0;
+        const filled = Math.round((pct / 100) * 8);
+        const bar = `${ANSI_COLORS.green}${'\u2588'.repeat(filled)}${ANSI_COLORS.gray}${'\u2591'.repeat(8 - filled)}${RESET}`;
+        const tok = fmtTok(s.tokensIn + s.tokensOut);
+        const cur = s.agents.length > 0 ? s.agents[s.agents.length - 1] : '';
+        let line = `\x1b[7m ${elapsed} | Iter ${s.iteration}/${s.maxIter} \x1b[27m ${bar} \x1b[7m ${iterTime} | ${ANSI_COLORS.cyan}${s.tools}${RESET}\x1b[7m tools | ${ANSI_COLORS.yellow}${tok}${RESET}\x1b[7m tok`;
+        if (cur) {
+            const col = ANSI_COLORS[agentColor(cur)] || '';
+            line += ` | ${col}${BOLD}${cur}${RESET}\x1b[7m`;
         }
+        if (s.taskName)
+            line += ` | ${ANSI_COLORS.cyan}${trunc(s.taskName, 20)}${RESET}\x1b[7m`;
+        if (s.paused)
+            line += ` | ${ANSI_COLORS.yellow}⏸ PAUSED${RESET}\x1b[7m`;
+        if (s.inputBuf)
+            line += `  › ${s.inputBuf}`;
+        line += ` ${RESET}`;
+        return line;
     }
-    setInputHandler(handler) { this.onInput = handler; }
-    setHotkeyHandler(handler) { this.onHotkey = handler; }
-    isPaused() { return this.paused_; }
-    // ─── Output (buffered) ───
-    push(formatted, raw) {
-        if (this.interactive) {
-            this.pendingLines.push(formatted);
+    renderStatusBar() {
+        if (!this.interactive)
+            return;
+        const line = this.buildColoredStatusBar();
+        process.stdout.write(CLEAR_LINE + line);
+        this.statusBarVisible = true;
+    }
+    // ─── Log output (stdout — preserves scroll history) ───
+    log(formatted, raw) {
+        if (this.interactive && this.statusBarVisible) {
+            // Clear the status bar line, write the log line, then re-render status bar
+            process.stdout.write(CLEAR_LINE + formatted + '\n');
+            this.renderStatusBar();
         }
         else {
-            console.log(formatted);
+            process.stdout.write(formatted + '\n');
+            if (this.interactive)
+                this.renderStatusBar();
         }
-        const plain = raw || strip(formatted);
+        const plain = raw || formatted.replace(/\x1b\[[0-9;]*m/g, '');
         if (this.logFile) {
             try {
                 appendFileSync(this.logFile, `[${new Date().toISOString()}] ${plain}\n`);
@@ -196,64 +242,52 @@ export class TUI {
         }
     }
     // ─── Agent prefix ───
-    agentPrefix() {
-        if (this.agents.length === 0)
+    prefix() {
+        if (this.state.agents.length === 0)
             return '';
-        const cur = this.agents[this.agents.length - 1];
-        const col = agentColor(cur);
-        const short = cur.length > 14 ? cur.slice(0, 14) : cur;
-        return `${col}${short}${a.reset} `;
-    }
-    indent() {
-        const prefix = this.agentPrefix();
-        if (this.agents.length <= 1)
-            return `  ${prefix}`;
-        const pipes = this.agents.slice(0, -1).map(n => `${agentColor(n)}│${a.reset}`).join('');
-        return `  ${pipes} ${prefix}`;
+        const cur = this.state.agents[this.state.agents.length - 1];
+        const col = ANSI_COLORS[agentColor(cur)] || '';
+        const name = cur.length > 14 ? cur.slice(0, 14) : cur;
+        return `${col}${name.padEnd(15)}${RESET}`;
     }
     // ─── Public API ───
     banner() {
-        this.push('');
-        this.push(`  ${a.fg.cyan}${a.bold}╔══════════════════════════════════════════════╗${a.reset}`);
-        this.push(`  ${a.fg.cyan}${a.bold}║   ${a.fg.white}Claude Starter Kit — Autonomous Loop${a.fg.cyan}       ║${a.reset}`);
-        this.push(`  ${a.fg.cyan}${a.bold}╚══════════════════════════════════════════════╝${a.reset}`);
+        this.log('');
+        this.log(`  ${ANSI_COLORS.cyan}${BOLD}╔══════════════════════════════════════════════╗${RESET}`);
+        this.log(`  ${ANSI_COLORS.cyan}${BOLD}║   ${ANSI_COLORS.white}Claude Starter Kit — Autonomous Loop${ANSI_COLORS.cyan}       ║${RESET}`);
+        this.log(`  ${ANSI_COLORS.cyan}${BOLD}╚══════════════════════════════════════════════╝${RESET}`);
         if (this.interactive) {
-            this.push(`  ${a.fg.gray}  Ctrl+Z pause │ Ctrl+S stop │ Ctrl+C quit │ Type to send input${a.reset}`);
+            this.log(`  ${ANSI_COLORS.gray}  Ctrl+Z pause │ Ctrl+S stop │ Ctrl+C quit │ Type to send input${RESET}`);
         }
-        this.push('');
+        this.log('');
     }
-    info(msg) { this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.blue}ℹ${a.reset}  ${msg}`); }
-    warn(msg) { this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.yellow}⚠${a.reset}  ${a.fg.yellow}${msg}${a.reset}`); }
-    error(msg) { this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.red}✗${a.reset}  ${a.fg.red}${msg}${a.reset}`); }
-    success(msg) { this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.green}✓${a.reset}  ${a.fg.green}${msg}${a.reset}`); }
+    info(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.blue}ℹ${RESET}  ${msg}`); }
+    warn(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.yellow}⚠  ${msg}${RESET}`); }
+    error(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.red}✗  ${msg}${RESET}`); }
+    success(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.green}✓  ${msg}${RESET}`); }
     setIteration(i, max) {
-        this.iteration_ = i;
-        this.maxIter = max;
-        this.iterStart_ = Date.now();
-        this.tools = 0;
-        this.tokens_ = { input: 0, output: 0 };
-        this.agents = [];
+        this.state.iteration = i;
+        this.state.maxIter = max;
+        this.state.iterStart = Date.now();
+        this.state.tools = 0;
+        this.state.tokensIn = 0;
+        this.state.tokensOut = 0;
+        this.state.agents = this.topAgent ? [this.topAgent] : [];
         const pct = Math.round((i / max) * 100);
-        const elapsed = fmtDur(Date.now() - this.loopStart);
-        this.push('');
-        this.push(`  ${a.bold}${a.fg.white}━━━ Iteration ${i}/${max} ${bar(pct, 20)} ${pct}% ${a.fg.gray}│ ${elapsed} elapsed${a.fg.white} ━━━${a.reset}`);
-        if (this.taskName_) {
-            const tPct = this.tasksTotal_ > 0 ? Math.round((this.tasksDone_ / this.tasksTotal_) * 100) : 0;
-            this.push(`  ${a.fg.cyan}📋 ${this.taskName_}${a.reset}  ${a.fg.gray}(${this.tasksDone_}/${this.tasksTotal_} tasks ${bar(tPct, 10)} ${tPct}%)${a.reset}`);
-        }
-        this.push('');
+        const elapsed = fmtDur(Date.now() - this.state.loopStart);
+        this.log('');
+        this.log(`  ${BOLD}━━━ Iteration ${i}/${max}  ${pct}%  │ ${elapsed} elapsed ━━━${RESET}`);
+        this.log('');
     }
     setTask(name, done, total) {
-        this.taskName_ = name;
-        this.tasksDone_ = done;
-        this.tasksTotal_ = total;
+        this.state.taskName = name;
+        this.state.tasksDone = done;
+        this.state.tasksTotal = total;
     }
     iterationEnd() {
-        const iterElapsed = fmtDur(Date.now() - this.iterStart_);
-        const totalElapsed = fmtDur(Date.now() - this.loopStart);
-        const tok = fmtTok(this.tokens_.input + this.tokens_.output);
-        this.push('');
-        this.push(`  ${a.fg.gray}━━━━ ${iterElapsed} (iter) │ ${totalElapsed} (total) │ ${this.tools} tools │ ${tok} tokens ━━━━${a.reset}`);
+        const s = this.state;
+        this.log('');
+        this.log(`  ${ANSI_COLORS.gray}━━━━ ${fmtDur(Date.now() - s.iterStart)} (iter) │ ${fmtDur(Date.now() - s.loopStart)} (total) │ ${s.tools} tools │ ${fmtTok(s.tokensIn + s.tokensOut)} tokens ━━━━${RESET}`);
     }
     // ─── SDK message handler ───
     handleMessage(message) {
@@ -277,54 +311,54 @@ export class TUI {
         if (!Array.isArray(content))
             return;
         if (msg.message?.usage) {
-            this.tokens_.input += msg.message.usage.input_tokens || 0;
-            this.tokens_.output += msg.message.usage.output_tokens || 0;
+            this.state.tokensIn += msg.message.usage.input_tokens || 0;
+            this.state.tokensOut += msg.message.usage.output_tokens || 0;
         }
         for (const block of content) {
             if (block.type === 'text' && block.text?.trim()) {
-                this.push(`${this.indent()}${a.fg.white}${trunc(block.text, 300)}${a.reset}`, `TEXT: ${trunc(block.text, 300)}`);
+                this.log(`  ${this.prefix()}${trunc(block.text, 300)}`, `TEXT: ${trunc(block.text, 300)}`);
             }
             if (block.type === 'tool_use')
                 this.onToolUse(block);
         }
     }
     onToolUse(block) {
-        this.tools++;
+        this.state.tools++;
         const name = block.name || '?';
         const icon = ICONS[name] || '⚙️';
         const input = block.input || {};
-        const pre = this.indent();
-        const time = `${a.fg.gray}${ts()}${a.reset}`;
+        const pre = this.prefix();
+        const time = `${ANSI_COLORS.gray}${ts()}${RESET}`;
         if (name === 'Agent') {
             const type = input.subagent_type || input.type || 'agent';
-            const model = input.model ? ` ${a.fg.gray}(${input.model})${a.reset}` : '';
+            const model = input.model || '';
             const desc = trunc(input.description || input.prompt || '', 50);
-            const col = agentColor(type);
-            this.agents.push(type);
-            this.push(`${pre}${time}  ${icon}  ${col}${a.bold}${type}${a.reset}${model} ${a.fg.gray}${desc}${a.reset}`, `AGENT: ${type} ${input.model || ''} — ${desc}`);
+            const col = ANSI_COLORS[agentColor(type)] || '';
+            this.state.agents.push(type);
+            this.log(`  ${pre}${time}  ${icon}  ${col}${BOLD}${type}${RESET}${model ? ` ${ANSI_COLORS.gray}(${model})${RESET}` : ''} ${ANSI_COLORS.gray}${desc}${RESET}`, `AGENT: ${type} ${model} — ${desc}`);
             return;
         }
         let detail;
         switch (name) {
             case 'Bash':
-                detail = `${a.fg.yellow}${trunc(input.command || '', 70)}${a.reset}`;
+                detail = `${ANSI_COLORS.yellow}${trunc(input.command || '', 70)}${RESET}`;
                 break;
             case 'Read':
-                detail = `${a.fg.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${a.reset}`;
+                detail = `${ANSI_COLORS.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${RESET}`;
                 break;
             case 'Write':
             case 'Edit':
-                detail = `${a.fg.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${a.reset}`;
+                detail = `${ANSI_COLORS.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${RESET}`;
                 break;
             case 'Glob':
-                detail = `${a.fg.cyan}${input.pattern || ''}${a.reset}`;
+                detail = `${ANSI_COLORS.cyan}${input.pattern || ''}${RESET}`;
                 break;
             case 'Grep':
-                detail = `${a.fg.cyan}/${input.pattern || ''}/${a.reset}${input.path ? ` ${a.fg.gray}in ${input.path}` : ''}${a.reset}`;
+                detail = `${ANSI_COLORS.cyan}/${input.pattern || ''}/${RESET}${input.path ? ` ${ANSI_COLORS.gray}in ${input.path}${RESET}` : ''}`;
                 break;
-            default: detail = `${a.fg.gray}${trunc(JSON.stringify(input), 60)}${a.reset}`;
+            default: detail = `${ANSI_COLORS.gray}${trunc(JSON.stringify(input), 60)}${RESET}`;
         }
-        this.push(`${pre}${time}  ${icon}  ${a.bold}${name}${a.reset}  ${detail}`, `TOOL: ${name} ${JSON.stringify(input).slice(0, 200)}`);
+        this.log(`  ${pre}${time}  ${icon}  ${BOLD}${name}${RESET}  ${detail}`, `TOOL: ${name} ${JSON.stringify(input).slice(0, 200)}`);
     }
     onToolResult(msg) {
         const content = msg.message?.content;
@@ -336,55 +370,46 @@ export class TUI {
             const output = String(block.content || '').trim();
             if (!output)
                 continue;
-            const pre = this.indent();
+            const pre = this.prefix();
             if (block.is_error) {
-                this.push(`${pre}       ${a.fg.red}✗ ${trunc(output, 100)}${a.reset}`, `ERROR: ${trunc(output, 100)}`);
+                this.log(`  ${pre}       ${ANSI_COLORS.red}✗ ${trunc(output, 100)}${RESET}`, `ERROR: ${trunc(output, 100)}`);
             }
             else if (output.length < 150) {
-                this.push(`${pre}       ${a.fg.green}✓${a.reset} ${a.fg.gray}${trunc(output, 100)}${a.reset}`, `OK: ${trunc(output, 100)}`);
+                this.log(`  ${pre}       ${ANSI_COLORS.green}✓${RESET} ${DIM}${trunc(output, 100)}${RESET}`, `OK: ${trunc(output, 100)}`);
             }
             else {
                 const n = output.split('\n').length;
-                this.push(`${pre}       ${a.fg.green}✓${a.reset} ${a.fg.gray}${n} lines${a.reset}`, `OK: (${n} lines)`);
+                this.log(`  ${pre}       ${ANSI_COLORS.green}✓${RESET} ${DIM}${n} lines${RESET}`, `OK: (${n} lines)`);
             }
         }
     }
     onSystem(msg) {
         if (msg.subtype === 'init') {
-            const model = msg.model || '?';
-            const ver = msg.claude_code_version || '';
-            const agentList = msg.agents?.join(', ') || 'none';
-            this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.cyan}⚙${a.reset}  Claude Code ${ver} │ Model: ${a.bold}${model}${a.reset} │ Agents: ${a.fg.cyan}${agentList}${a.reset}`);
-            // Set top-level agent name from permissionMode or first agent
-            if (this.agents.length === 0 && msg.agents?.length) {
-                const topAgent = msg.agents[0];
-                this.agents.push(topAgent);
-                this.push(`  ${a.fg.gray}${ts()}${a.reset}  🤖  ${agentColor(topAgent)}${a.bold}${topAgent}${a.reset} ${a.fg.gray}(${model})${a.reset}`, `AGENT_START: ${topAgent} (${model})`);
-            }
+            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.cyan}⚙${RESET}  Claude Code ${msg.claude_code_version || ''} │ Model: ${BOLD}${msg.model || '?'}${RESET} │ Agents: ${ANSI_COLORS.cyan}${msg.agents?.join(', ') || 'none'}${RESET}`);
             return;
         }
         if (msg.subtype === 'task_started') {
             const desc = msg.description || '';
-            const col = agentColor(desc);
-            this.agents.push(desc);
-            this.push(`  ${a.fg.gray}${ts()}${a.reset}  🤖  ${col}${a.bold}${desc}${a.reset}`, `AGENT_START: ${desc}`);
+            const col = ANSI_COLORS[agentColor(desc)] || '';
+            this.state.agents.push(desc);
+            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  🤖  ${col}${BOLD}${desc}${RESET}`, `AGENT_START: ${desc}`);
             return;
         }
         if (msg.subtype === 'task_notification') {
             const status = msg.status || '';
-            const name = this.agents.length > 0 ? this.agents.pop() : 'agent';
-            const col = agentColor(name);
-            const icon = status === 'completed' ? `${a.fg.green}✓` : `${a.fg.red}✗`;
-            const summary = msg.summary ? ` ${a.fg.gray}${trunc(msg.summary, 60)}${a.reset}` : '';
-            this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${icon}${a.reset}  ${col}${name}${a.reset} ${status}${summary}`, `AGENT_END: ${name} ${status}`);
+            const name = this.state.agents.length > 0 ? this.state.agents.pop() : 'agent';
+            const col = ANSI_COLORS[agentColor(name)] || '';
+            const icon = status === 'completed' ? `${ANSI_COLORS.green}✓` : `${ANSI_COLORS.red}✗`;
+            const summary = msg.summary ? ` ${ANSI_COLORS.gray}${trunc(msg.summary, 60)}${RESET}` : '';
+            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${icon}${RESET}  ${col}${name}${RESET} ${status}${summary}`, `AGENT_END: ${name} ${status}`);
             return;
         }
         if (msg.subtype === 'task_progress' && msg.description) {
-            this.push(`${this.indent()}       ${a.dim}${trunc(msg.description, 70)}${a.reset}`, `PROGRESS: ${msg.description}`);
+            this.log(`  ${this.prefix()}       ${DIM}${trunc(msg.description, 70)}${RESET}`, `PROGRESS: ${msg.description}`);
             return;
         }
         if (msg.subtype === 'api_retry') {
-            this.push(`  ${a.fg.gray}${ts()}${a.reset}  ${a.fg.yellow}↻${a.reset}  ${a.fg.yellow}API retry ${msg.attempt}/${msg.max_retries} (${msg.error || ''})${a.reset}`);
+            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.yellow}↻  API retry ${msg.attempt}/${msg.max_retries} (${msg.error || ''})${RESET}`);
             return;
         }
     }
@@ -392,6 +417,6 @@ export class TUI {
         if (msg.session_id)
             this.fileOnly(`SESSION: ${msg.session_id}`);
     }
-    resetAgentStack() { this.agents = []; }
+    resetAgentStack() { this.state.agents = this.topAgent ? [this.topAgent] : []; }
     getSessionId(msg) { return msg.session_id ?? null; }
 }

package/dist/scripts/lib/tui.spec.js CHANGED Viewed

@@ -2,7 +2,7 @@ import { describe, it, expect, beforeEach, afterEach, vi } from 'vitest';
 import { mkdirSync, rmSync, readFileSync } from 'node:fs';
 import { resolve, dirname } from 'node:path';
 import { fileURLToPath } from 'node:url';
-import { TUI } from './tui.js';
+import { TUI } from './tui.mjs';
 // Helper to create partial SDK messages for testing
 function msg(partial) {
     return { parent_tool_use_id: null, uuid: 'test', session_id: 'test', ...partial };

package/package.json CHANGED Viewed

@@ -1,13 +1,12 @@
 {
   "name": "create-claude-workspace",
-  "version": "1.1.142",
+  "version": "1.1.144",
   "author": "",
   "repository": {
     "type": "git",
     "url": "git+https://gitlab.com/LadaBr/claude-starter-kit.git"
   },
   "devDependencies": {
-    "@types/react": "^19.2.14",
     "typescript": "^5.8.0",
     "vitest": "^4.0.18"
   },
@@ -43,8 +42,6 @@
   "type": "module",
   "dependencies": {
     "@anthropic-ai/claude-agent-sdk": "^0.2.81",
-    "@dotenvx/dotenvx": "^1.57.2",
-    "ink": "^6.8.0",
-    "react": "^19.2.4"
+    "@dotenvx/dotenvx": "^1.57.2"
   }
 }

package/dist/scripts/lib/tui.js DELETED Viewed

@@ -1,304 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// ─── Terminal UI for autonomous loop ───
-// Log lines: normal stdout (scrollable, persistent history)
-// Status bar: ink renders ONLY the last line (overwrites in place)
-import { useState, useEffect } from 'react';
-import { render, Box, Text, useApp, useInput } from 'ink';
-import { appendFileSync } from 'node:fs';
-// ─── Agent colors ───
-const PALETTE = ['cyan', 'magenta', 'green', 'yellow', 'blue', 'red'];
-const agentColorMap = new Map();
-let nextColor = 0;
-function agentColor(name) {
-    if (!agentColorMap.has(name))
-        agentColorMap.set(name, PALETTE[nextColor++ % PALETTE.length]);
-    return agentColorMap.get(name);
-}
-const ANSI_COLORS = {
-    red: '\x1b[31m', green: '\x1b[32m', yellow: '\x1b[33m', blue: '\x1b[34m',
-    magenta: '\x1b[35m', cyan: '\x1b[36m', white: '\x1b[37m', gray: '\x1b[90m',
-};
-const RESET = '\x1b[0m';
-const BOLD = '\x1b[1m';
-const DIM = '\x1b[2m';
-// ─── Tool icons ───
-const ICONS = {
-    Bash: '⚡', Read: '📖', Write: '✏️ ', Edit: '🔧', Glob: '🔍', Grep: '🔎',
-    Agent: '🤖', TodoRead: '📋', TodoWrite: '📝', WebSearch: '🌐', WebFetch: '🌐', AskUserQuestion: '❓',
-};
-// ─── Helpers ───
-function ts() { return new Date().toLocaleTimeString('en-GB', { hour12: false }); }
-function trunc(s, n) { const c = s.replace(/\n/g, ' ').trim(); return c.length > n ? c.slice(0, n) + '…' : c; }
-function fmtTok(n) { return n < 1e3 ? `${n}` : n < 1e6 ? `${(n / 1e3).toFixed(1)}K` : `${(n / 1e6).toFixed(2)}M`; }
-function fmtDur(ms) { return ms < 1e3 ? `${ms}ms` : ms < 6e4 ? `${(ms / 1e3).toFixed(1)}s` : `${(ms / 6e4).toFixed(1)}m`; }
-// ─── Ink Status Bar (only component — renders as last line) ───
-function StatusBar({ state }) {
-    const [, setTick] = useState(0);
-    useEffect(() => { const t = setInterval(() => setTick(n => n + 1), 1000); return () => clearInterval(t); }, []);
-    const elapsed = fmtDur(Date.now() - state.loopStart);
-    const iterTime = state.iterStart ? fmtDur(Date.now() - state.iterStart) : '—';
-    const pct = state.maxIter > 0 ? Math.round((state.iteration / state.maxIter) * 100) : 0;
-    const filled = Math.round((pct / 100) * 8);
-    const tok = fmtTok(state.tokensIn + state.tokensOut);
-    const cur = state.agents.length > 0 ? state.agents[state.agents.length - 1] : '';
-    return (_jsx(Box, { children: _jsxs(Text, { backgroundColor: "gray", color: "white", children: [' ', elapsed, " \u2502 Iter ", state.iteration, "/", state.maxIter, ' ', _jsx(Text, { color: "green", children: '█'.repeat(filled) }), _jsx(Text, { color: "gray", children: '░'.repeat(8 - filled) }), ' ', "\u2502 ", iterTime, " \u2502", ' ', _jsx(Text, { color: "cyan", children: state.tools }), " tools \u2502", ' ', _jsx(Text, { color: "yellow", children: tok }), " tok", cur ? _jsxs(Text, { children: [" \u2502 ", _jsx(Text, { color: agentColor(cur), bold: true, children: cur })] }) : null, state.taskName ? _jsxs(Text, { children: [" \u2502 ", _jsx(Text, { color: "cyan", children: trunc(state.taskName, 20) })] }) : null, state.paused ? _jsxs(Text, { children: [" \u2502 ", _jsx(Text, { color: "yellow", children: "\u23F8 PAUSED" })] }) : null, state.inputBuf ? _jsxs(Text, { children: ["  \u203A ", state.inputBuf] }) : null, ' '] }) }));
-}
-function InkApp({ state, onInput, onHotkey }) {
-    const { exit } = useApp();
-    useInput((input, key) => {
-        if (key.ctrl && input === 'c') {
-            onHotkey?.('quit');
-            exit();
-        }
-        else if (key.ctrl && input === 'z') {
-            state.paused = !state.paused;
-            onHotkey?.(state.paused ? 'pause' : 'resume');
-        }
-        else if (key.ctrl && input === 's') {
-            onHotkey?.('stop');
-        }
-        else if (key.return) {
-            if (state.inputBuf.trim())
-                onInput?.(state.inputBuf.trim());
-            state.inputBuf = '';
-        }
-        else if (key.backspace || key.delete) {
-            state.inputBuf = state.inputBuf.slice(0, -1);
-        }
-        else if (input && !key.ctrl && !key.meta) {
-            state.inputBuf += input;
-        }
-    });
-    return _jsx(StatusBar, { state: state });
-}
-// ─── TUI class ───
-export class TUI {
-    logFile;
-    interactive;
-    onInput = null;
-    onHotkey = null;
-    inkInstance = null;
-    state;
-    constructor(logFile, interactive = false) {
-        this.logFile = logFile;
-        this.interactive = interactive && process.stdin.isTTY === true;
-        this.state = {
-            iteration: 0, maxIter: 0, loopStart: Date.now(), iterStart: 0,
-            tools: 0, tokensIn: 0, tokensOut: 0, agents: [], taskName: '',
-            tasksDone: 0, tasksTotal: 0, paused: false, inputBuf: '',
-        };
-        if (this.interactive) {
-            this.inkInstance = render(_jsx(InkApp, { state: this.state, onInput: (s) => this.onInput?.(s), onHotkey: (a) => this.onHotkey?.(a) }));
-        }
-    }
-    destroy() { this.inkInstance?.unmount(); }
-    setInputHandler(h) { this.onInput = h; }
-    setHotkeyHandler(h) { this.onHotkey = h; }
-    isPaused() { return this.state.paused; }
-    // ─── Log output (stdout, NOT ink — preserves scroll history) ───
-    log(formatted, raw) {
-        // Pause ink rendering, write log line to stdout, resume ink
-        if (this.interactive && this.inkInstance) {
-            this.inkInstance.clear?.();
-            process.stdout.write(formatted + '\n');
-            // Re-render ink status bar below the new log line
-            this.inkInstance.rerender(_jsx(InkApp, { state: this.state, onInput: (s) => this.onInput?.(s), onHotkey: (a) => this.onHotkey?.(a) }));
-        }
-        else {
-            process.stdout.write(formatted + '\n');
-        }
-        const plain = raw || formatted.replace(/\x1b\[[0-9;]*m/g, '');
-        if (this.logFile) {
-            try {
-                appendFileSync(this.logFile, `[${new Date().toISOString()}] ${plain}\n`);
-            }
-            catch { /* */ }
-        }
-    }
-    fileOnly(msg) {
-        if (this.logFile) {
-            try {
-                appendFileSync(this.logFile, `[${new Date().toISOString()}] ${msg}\n`);
-            }
-            catch { /* */ }
-        }
-    }
-    // ─── Agent prefix ───
-    prefix() {
-        if (this.state.agents.length === 0)
-            return '';
-        const cur = this.state.agents[this.state.agents.length - 1];
-        const col = ANSI_COLORS[agentColor(cur)] || '';
-        const name = cur.length > 14 ? cur.slice(0, 14) : cur;
-        return `${col}${name.padEnd(15)}${RESET}`;
-    }
-    // ─── Public API ───
-    banner() {
-        this.log('');
-        this.log(`  ${ANSI_COLORS.cyan}${BOLD}╔══════════════════════════════════════════════╗${RESET}`);
-        this.log(`  ${ANSI_COLORS.cyan}${BOLD}║   ${ANSI_COLORS.white}Claude Starter Kit — Autonomous Loop${ANSI_COLORS.cyan}       ║${RESET}`);
-        this.log(`  ${ANSI_COLORS.cyan}${BOLD}╚══════════════════════════════════════════════╝${RESET}`);
-        if (this.interactive) {
-            this.log(`  ${ANSI_COLORS.gray}  Ctrl+Z pause │ Ctrl+S stop │ Ctrl+C quit │ Type to send input${RESET}`);
-        }
-        this.log('');
-    }
-    info(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.blue}ℹ${RESET}  ${msg}`); }
-    warn(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.yellow}⚠  ${msg}${RESET}`); }
-    error(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.red}✗  ${msg}${RESET}`); }
-    success(msg) { this.log(`  ${this.prefix()}${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.green}✓  ${msg}${RESET}`); }
-    setIteration(i, max) {
-        this.state.iteration = i;
-        this.state.maxIter = max;
-        this.state.iterStart = Date.now();
-        this.state.tools = 0;
-        this.state.tokensIn = 0;
-        this.state.tokensOut = 0;
-        this.state.agents = [];
-        const pct = Math.round((i / max) * 100);
-        const elapsed = fmtDur(Date.now() - this.state.loopStart);
-        this.log('');
-        this.log(`  ${BOLD}━━━ Iteration ${i}/${max}  ${pct}%  │ ${elapsed} elapsed ━━━${RESET}`);
-        this.log('');
-    }
-    setTask(name, done, total) {
-        this.state.taskName = name;
-        this.state.tasksDone = done;
-        this.state.tasksTotal = total;
-    }
-    iterationEnd() {
-        const s = this.state;
-        this.log('');
-        this.log(`  ${ANSI_COLORS.gray}━━━━ ${fmtDur(Date.now() - s.iterStart)} (iter) │ ${fmtDur(Date.now() - s.loopStart)} (total) │ ${s.tools} tools │ ${fmtTok(s.tokensIn + s.tokensOut)} tokens ━━━━${RESET}`);
-    }
-    // ─── SDK message handler ───
-    handleMessage(message) {
-        switch (message.type) {
-            case 'assistant':
-                this.onAssistant(message);
-                break;
-            case 'user':
-                this.onToolResult(message);
-                break;
-            case 'system':
-                this.onSystem(message);
-                break;
-            case 'result':
-                this.onResult(message);
-                break;
-        }
-    }
-    onAssistant(msg) {
-        const content = msg.message?.content;
-        if (!Array.isArray(content))
-            return;
-        if (msg.message?.usage) {
-            this.state.tokensIn += msg.message.usage.input_tokens || 0;
-            this.state.tokensOut += msg.message.usage.output_tokens || 0;
-        }
-        for (const block of content) {
-            if (block.type === 'text' && block.text?.trim()) {
-                this.log(`  ${this.prefix()}${trunc(block.text, 300)}`, `TEXT: ${trunc(block.text, 300)}`);
-            }
-            if (block.type === 'tool_use')
-                this.onToolUse(block);
-        }
-    }
-    onToolUse(block) {
-        this.state.tools++;
-        const name = block.name || '?';
-        const icon = ICONS[name] || '⚙️';
-        const input = block.input || {};
-        const pre = this.prefix();
-        const time = `${ANSI_COLORS.gray}${ts()}${RESET}`;
-        if (name === 'Agent') {
-            const type = input.subagent_type || input.type || 'agent';
-            const model = input.model || '';
-            const desc = trunc(input.description || input.prompt || '', 50);
-            const col = ANSI_COLORS[agentColor(type)] || '';
-            this.state.agents.push(type);
-            this.log(`  ${pre}${time}  ${icon}  ${col}${BOLD}${type}${RESET}${model ? ` ${ANSI_COLORS.gray}(${model})${RESET}` : ''} ${ANSI_COLORS.gray}${desc}${RESET}`, `AGENT: ${type} ${model} — ${desc}`);
-            return;
-        }
-        let detail;
-        switch (name) {
-            case 'Bash':
-                detail = `${ANSI_COLORS.yellow}${trunc(input.command || '', 70)}${RESET}`;
-                break;
-            case 'Read':
-                detail = `${ANSI_COLORS.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${RESET}`;
-                break;
-            case 'Write':
-            case 'Edit':
-                detail = `${ANSI_COLORS.cyan}${(input.file_path || '').replace(/^\/project\//, '')}${RESET}`;
-                break;
-            case 'Glob':
-                detail = `${ANSI_COLORS.cyan}${input.pattern || ''}${RESET}`;
-                break;
-            case 'Grep':
-                detail = `${ANSI_COLORS.cyan}/${input.pattern || ''}/${RESET}${input.path ? ` ${ANSI_COLORS.gray}in ${input.path}${RESET}` : ''}`;
-                break;
-            default: detail = `${ANSI_COLORS.gray}${trunc(JSON.stringify(input), 60)}${RESET}`;
-        }
-        this.log(`  ${pre}${time}  ${icon}  ${BOLD}${name}${RESET}  ${detail}`, `TOOL: ${name} ${JSON.stringify(input).slice(0, 200)}`);
-    }
-    onToolResult(msg) {
-        const content = msg.message?.content;
-        if (!Array.isArray(content))
-            return;
-        for (const block of content) {
-            if (block.type !== 'tool_result')
-                continue;
-            const output = String(block.content || '').trim();
-            if (!output)
-                continue;
-            const pre = this.prefix();
-            if (block.is_error) {
-                this.log(`  ${pre}       ${ANSI_COLORS.red}✗ ${trunc(output, 100)}${RESET}`, `ERROR: ${trunc(output, 100)}`);
-            }
-            else if (output.length < 150) {
-                this.log(`  ${pre}       ${ANSI_COLORS.green}✓${RESET} ${DIM}${trunc(output, 100)}${RESET}`, `OK: ${trunc(output, 100)}`);
-            }
-            else {
-                const n = output.split('\n').length;
-                this.log(`  ${pre}       ${ANSI_COLORS.green}✓${RESET} ${DIM}${n} lines${RESET}`, `OK: (${n} lines)`);
-            }
-        }
-    }
-    onSystem(msg) {
-        if (msg.subtype === 'init') {
-            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.cyan}⚙${RESET}  Claude Code ${msg.claude_code_version || ''} │ Model: ${BOLD}${msg.model || '?'}${RESET} │ Agents: ${ANSI_COLORS.cyan}${msg.agents?.join(', ') || 'none'}${RESET}`);
-            return;
-        }
-        if (msg.subtype === 'task_started') {
-            const desc = msg.description || '';
-            const col = ANSI_COLORS[agentColor(desc)] || '';
-            this.state.agents.push(desc);
-            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  🤖  ${col}${BOLD}${desc}${RESET}`, `AGENT_START: ${desc}`);
-            return;
-        }
-        if (msg.subtype === 'task_notification') {
-            const status = msg.status || '';
-            const name = this.state.agents.length > 0 ? this.state.agents.pop() : 'agent';
-            const col = ANSI_COLORS[agentColor(name)] || '';
-            const icon = status === 'completed' ? `${ANSI_COLORS.green}✓` : `${ANSI_COLORS.red}✗`;
-            const summary = msg.summary ? ` ${ANSI_COLORS.gray}${trunc(msg.summary, 60)}${RESET}` : '';
-            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${icon}${RESET}  ${col}${name}${RESET} ${status}${summary}`, `AGENT_END: ${name} ${status}`);
-            return;
-        }
-        if (msg.subtype === 'task_progress' && msg.description) {
-            this.log(`  ${this.prefix()}       ${DIM}${trunc(msg.description, 70)}${RESET}`, `PROGRESS: ${msg.description}`);
-            return;
-        }
-        if (msg.subtype === 'api_retry') {
-            this.log(`  ${ANSI_COLORS.gray}${ts()}${RESET}  ${ANSI_COLORS.yellow}↻  API retry ${msg.attempt}/${msg.max_retries} (${msg.error || ''})${RESET}`);
-            return;
-        }
-    }
-    onResult(msg) {
-        if (msg.session_id)
-            this.fileOnly(`SESSION: ${msg.session_id}`);
-    }
-    resetAgentStack() { this.state.agents = []; }
-    getSessionId(msg) { return msg.session_id ?? null; }
-}