winter-super-cli 2026.6.7 → 2026.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "winter-super-cli",
-  "version": "2026.6.7",
+  "version": "2026.6.9",
   "description": "❄️ AI-Powered Development CLI with Interactive REPL",
   "type": "module",
   "main": "bin/winter.js",

package/src/agent/runtime.js

@@ -140,7 +140,7 @@ export class AgentRuntime {
           const enrichedArgs = argParseError && !canUseRecoveredArgs ? {} : repl.enrichToolArgs(canonicalToolName, normalizedArgs, messages);
 
           const icon = repl.useUnicodeUi
-            ? (canonicalToolName === 'Bash' ? '⚙' : canonicalToolName === 'Read' ? '📖' : canonicalToolName === 'Write' ? '✏️' : canonicalToolName === 'Edit' ? '🔧' : canonicalToolName === 'Grep' ? '🔍' : canonicalToolName === 'Glob' ? '📂' : '⚡')
+            ? (canonicalToolName === 'Bash' ? '$' : canonicalToolName === 'Read' ? '≡' : canonicalToolName === 'Write' ? '±' : canonicalToolName === 'Edit' ? '$' : canonicalToolName === 'Grep' ? '⌕' : canonicalToolName === 'Glob' ? '►' : '▶')
             : `[${canonicalToolName}]`;
 
           let proceed = true;
@@ -200,7 +200,9 @@ export class AgentRuntime {
             }));
           }
         }
-        console.log('');
+        if (toolSummaries.length > 0) {
+          console.log(`\n${colors.dim}💡 Tip: Gõ /tool để xem lại toàn bộ dữ liệu (data) của các tool calls vừa chạy.${colors.reset}\n`);
+        }
       }
 
       if (usedTools && !finalContent) {

package/src/ai/benchmark.js

@@ -275,17 +275,17 @@ export class BenchmarkRunner {
 
     const lines = [];
     lines.push(`\n${colors.cyan}${'═'.repeat(60)}${colors.reset}`);
-    lines.push(`${colors.bright}${colors.cyan}   🧠 WINTER MODEL BENCHMARK${colors.reset}`);
+    lines.push(`${colors.bright}${colors.cyan}   ◆ WINTER MODEL BENCHMARK${colors.reset}`);
     lines.push(`${colors.cyan}${'═'.repeat(60)}${colors.reset}`);
     lines.push(`  ${colors.dim}${benchmarkResult.timestamp}${colors.reset}`);
     lines.push(`  ${colors.dim}Total time: ${(benchmarkResult.totalElapsed / 1000).toFixed(1)}s${colors.reset}`);
     lines.push('');
 
     // Ranking
-    lines.push(`${colors.bright}🏆 RANKING${colors.reset}`);
+    lines.push(`${colors.bright}★ RANKING${colors.reset}`);
     lines.push(`${'─'.repeat(40)}`);
     benchmarkResult.ranking.forEach((r, i) => {
-      const medal = i === 0 ? '🥇' : i === 1 ? '🥈' : i === 2 ? '🥉' : ` ${i + 1}.`;
+      const medal = i === 0 ? '1.' : i === 1 ? '2.' : i === 2 ? '3.' : ` ${i + 1}.`;
       const bar = this._scoreBar(r.score, 20);
       lines.push(`  ${medal} ${colors.bright}${r.name}${colors.reset} ${bar} ${r.score}%`);
       lines.push(`     ${colors.dim}Model: ${r.model} | Time: ${(r.elapsed / 1000).toFixed(1)}s${colors.reset}`);
@@ -295,7 +295,7 @@ export class BenchmarkRunner {
     // Detail per provider
     for (const [name, data] of Object.entries(benchmarkResult.providers)) {
       lines.push(`${colors.bright}${'─'.repeat(50)}${colors.reset}`);
-      lines.push(`${colors.bright}📊 ${name}${colors.reset} ${colors.dim}(${data.model})${colors.reset}`);
+      lines.push(`${colors.bright}≡ ${name}${colors.reset} ${colors.dim}(${data.model})${colors.reset}`);
       lines.push(`${'─'.repeat(50)}`);
 
       const categories = {};
@@ -316,7 +316,7 @@ export class BenchmarkRunner {
 
       // Per-item breakdown
       for (const r of data.results) {
-        const icon = r.score >= 0.8 ? '✅' : r.score >= 0.5 ? '🟡' : r.score >= 0.2 ? '🟠' : '❌';
+        const icon = r.score >= 0.8 ? '✅' : r.score >= 0.5 ? '○' : r.score >= 0.2 ? '●' : '❌';
         const label = r.type === 'question' ? r.id : r.title;
         lines.push(`  ${icon} ${colors.dim}${label}:${colors.reset} ${Math.round(r.score * 100)}% (${(r.elapsed / 1000).toFixed(1)}s)`);
         // Show preview of answer

package/src/ai/model-capabilities.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ MODEL CAPABILITIES ❄️
+ * ❄ MODEL CAPABILITIES ❄
  * Detect AI model capability tier from model name.
  * Small models need aggressive prompting to compete with large ones.
  */

package/src/ai/orchestrator.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ MULTI-MODEL ORCHESTRATOR ❄️
+ * ❄ MULTI-MODEL ORCHESTRATOR ❄
  * Run multiple AI models in parallel, compare results, vote, and merge.
  */
 
@@ -69,7 +69,7 @@ Respond with the NUMBER of the best solution only, no explanation.
       { role: 'user', content: prompt },
     ];
 
-    console.log(`\n${colors.cyan}🧠 Ensemble: running ${providers.length} providers in parallel...${colors.reset}`);
+    console.log(`\n${colors.cyan}◆ Ensemble: running ${providers.length} providers in parallel...${colors.reset}`);
 
     const results = await Promise.allSettled(
       providers.map(async ([name, provider]) => {
@@ -160,7 +160,7 @@ Respond with the NUMBER of the best solution only, no explanation.
       .join('\n\n---\n\n');
     const votePrompt = template.replace('{solutions}', solutionBlocks);
 
-    console.log(`\n${colors.cyan}🗳️  Voting: comparing ${entries.length} solutions...${colors.reset}`);
+    console.log(`\n${colors.cyan}✓  Voting: comparing ${entries.length} solutions...${colors.reset}`);
 
     // Choose judge — prefer best available model
     const judgeProvider = options.judge || this._pickBestJudge(entries.map(([n]) => n));
@@ -185,7 +185,7 @@ Respond with the NUMBER of the best solution only, no explanation.
     }
 
     const [winnerName] = entries[winnerIndex];
-    console.log(`  ${colors.green}🏆 Winner: ${winnerName}${colors.reset}`);
+    console.log(`  ${colors.green}★ Winner: ${winnerName}${colors.reset}`);
 
     return {
       ...ensembleResults,
@@ -202,7 +202,7 @@ Respond with the NUMBER of the best solution only, no explanation.
    */
   async orchestrate(task, options = {}) {
     const startTime = measureTime();
-    console.log(`\n${colors.cyan}🔀 Pipeline orchestration starting...${colors.reset}`);
+    console.log(`\n${colors.cyan}» Pipeline orchestration starting...${colors.reset}`);
 
     // Step 1: Classify task
     const taskInfo = this._classifyTask(task);
@@ -293,7 +293,7 @@ Respond with the NUMBER of the best solution only, no explanation.
     const requiredTier = complexity === 'deep' || complexity === 'complex'
       ? 'large' : complexity === 'moderate' ? 'medium' : 'small';
 
-    console.log(`\n${colors.cyan}🧠 Smart route: required tier=${requiredTier}, task=${complexity}${colors.reset}`);
+    console.log(`\n${colors.cyan}◆ Smart route: required tier=${requiredTier}, task=${complexity}${colors.reset}`);
 
     const messages = [
       { role: 'system', content: options.system || this.ai.getSystemPrompt() },

package/src/ai/providers.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ WINTER AI PROVIDER ❄️
+ * ❄ WINTER AI PROVIDER ❄
  * Full Claude Code / Codex compatible AI integration
  */
 
@@ -25,7 +25,7 @@ const RESERVED_CONFIG_SECTIONS = new Set([
   'ui',
 ]);
 
-const DEFAULT_REQUEST_TIMEOUT_MS = 120000;
+const DEFAULT_REQUEST_TIMEOUT_MS = 600000;
 
 function isAuthError(error) {
   const msg = String(error?.message || error || '');
@@ -47,6 +47,8 @@ function getRequestTimeoutMs(options = {}) {
 function createTimeoutSignal(timeoutMs, externalSignal = null) {
   const controller = new AbortController();
   let timedOut = false;
+  let timer;
+
   const onAbort = () => {
     controller.abort(externalSignal?.reason || new DOMException('The operation was aborted.', 'AbortError'));
   };
@@ -55,16 +57,24 @@ function createTimeoutSignal(timeoutMs, externalSignal = null) {
   } else if (externalSignal) {
     externalSignal.addEventListener('abort', onAbort, { once: true });
   }
-  const timer = setTimeout(() => {
-    timedOut = true;
-    controller.abort(new Error(`Winter request timed out after ${timeoutMs}ms`));
-  }, timeoutMs);
-  if (typeof timer.unref === 'function') timer.unref();
+
+  const startTimer = () => {
+    if (timer) clearTimeout(timer);
+    timer = setTimeout(() => {
+      timedOut = true;
+      controller.abort(new Error(`Winter request timed out after ${timeoutMs}ms`));
+    }, timeoutMs);
+    if (typeof timer.unref === 'function') timer.unref();
+  };
+
+  startTimer();
+
   return {
     signal: controller.signal,
     timedOut: () => timedOut,
+    resetTimer: startTimer,
     cleanup: () => {
-      clearTimeout(timer);
+      if (timer) clearTimeout(timer);
       if (externalSignal) externalSignal.removeEventListener('abort', onAbort);
     },
   };
@@ -606,6 +616,8 @@ export class AIProviderManager {
       let buffer = '';
 
       for await (const chunk of response.body) {
+        if (timeout.resetTimer) timeout.resetTimer();
+        
         buffer += decoder.decode(chunk, { stream: true });
         const lines = buffer.split(/\r?\n/);
         buffer = lines.pop() || '';

package/src/cache/system.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ CACHE SYSTEM ❄️
+ * ❄ CACHE SYSTEM ❄
  * Context embedding and response caching
  */
 

package/src/cli/at-context.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ @-SYMBOLS CONTEXT SYSTEM ❄️
+ * ❄ @-SYMBOLS CONTEXT SYSTEM ❄
  * Parses @-symbols in user input and resolves them to context.
  * Supports: @file, @folder, @def, @code, @problems, @web, @docs, @search
  *

package/src/cli/commands.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ COMMAND PARSER ❄️
+ * ❄ COMMAND PARSER ❄
  * Parse and execute CLI commands
  */
 

package/src/cli/composer.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ COMPOSER MODE ❄️
+ * ❄ COMPOSER MODE ❄
  * Multi-file editing orchestration with batch apply/reject.
  * Inspired by Cursor Composer.
  *
@@ -78,7 +78,7 @@ export class Composer {
     });
 
     console.log(`\n${renderBox({
-      title: ` 📋 Composer: ${this.pendingChanges.length} file(s) `,
+      title: ` ≡ Composer: ${this.pendingChanges.length} file(s) `,
       width,
       borderColor: colors.magenta,
       titleColor: colors.bright,

package/src/cli/config.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ CONFIG LOADER ❄️
+ * ❄ CONFIG LOADER ❄
  * Load and save Winter CLI configuration
  */
 

package/src/cli/diff-view.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ DIFF VIEW — APPLY/REJECT UI ❄️
+ * ❄ DIFF VIEW — APPLY/REJECT UI ❄
  * Provides diff preview and interactive accept/reject/edit workflow.
  * Inspired by Cursor's apply/reject UI.
  */
@@ -8,9 +8,16 @@ import { promises as fs } from 'fs';
 import path from 'path';
 import readline from 'readline';
 import { spawn } from 'child_process';
+import { highlight } from 'cli-highlight';
 import { renderBox, terminalWidth, stripAnsi, wrapText, visibleWidth } from './terminal-ui.js';
 import { colors } from './snowflake-logo.js';
 
+// Setup background colors if not defined in snowflake-logo
+const bgRed = '\x1b[41m';
+const bgGreen = '\x1b[42m';
+const bgDarkRed = '\x1b[48;5;52m';
+const bgDarkGreen = '\x1b[48;5;22m';
+
 export class DiffView {
   constructor(options = {}) {
     this.projectPath = options.projectPath || process.cwd();
@@ -124,42 +131,91 @@ export class DiffView {
   // ── Private Methods ─────────────────────────────────
 
   _renderDiff(title, diff, width) {
-    const body = [];
-    const maxLines = Math.min(30, diff.additionsList.length + diff.removalsList.length);
-    let added = 0;
-    let removed = 0;
+    const innerWidth = Math.max(40, width - 6);
+    const header = `${colors.bright} ${title} ${colors.reset} ${colors.dim}— ${diff.additions} additions, ${diff.removals} deletions${colors.reset}`;
+
+    console.log(`\n${colors.magenta}┌${'─'.repeat(width - 2)}┐${colors.reset}`);
+    console.log(`${colors.magenta}│${colors.reset} ${header}${''.padEnd(Math.max(0, width - 4 - stripAnsi(header).length))}${colors.magenta}│${colors.reset}`);
+    console.log(`${colors.magenta}├${'─'.repeat(width - 2)}┤${colors.reset}`);
 
-    body.push(`  ${colors.dim}${path.basename(title)} — ${diff.additions} additions, ${diff.removals} deletions${colors.reset}`);
+    const maxLines = 40;
+    let printed = 0;
+    let lineNum = 0;
+    const contextLines = 2; // lines of context around changes
 
+    // Build display entries with context
+    const entries = [];
     for (const part of diff.raw) {
-      if (added + removed >= maxLines) {
-        body.push(`  ${colors.dim}... and ${diff.changes - maxLines} more changes${colors.reset}`);
-        break;
+      const lines = part.value.replace(/\n$/, '').split('\n');
+      for (const line of lines) {
+        lineNum++;
+        if (part.added) {
+          entries.push({ type: 'add', num: lineNum, text: line });
+        } else if (part.removed) {
+          entries.push({ type: 'del', num: lineNum, text: line });
+        } else {
+          entries.push({ type: 'ctx', num: lineNum, text: line });
+        }
       }
+    }
 
-      const lines = part.value.split('\n').filter(Boolean);
-      const isAdded = part.added;
-      const isRemoved = part.removed;
+    // Find which context lines to show (near changes)
+    const changeIndices = new Set();
+    entries.forEach((e, i) => {
+      if (e.type !== 'ctx') {
+        for (let j = Math.max(0, i - contextLines); j <= Math.min(entries.length - 1, i + contextLines); j++) {
+          changeIndices.add(j);
+        }
+      }
+    });
 
-      for (const line of lines) {
-        if (added + removed >= maxLines) break;
-        if (isAdded) {
-          added++;
-          body.push(`  ${colors.green}+ ${line}${colors.reset}`);
-        } else if (isRemoved) {
-          removed++;
-          body.push(`  ${colors.red}- ${line}${colors.reset}`);
+    let lastPrinted = -1;
+    for (let i = 0; i < entries.length && printed < maxLines; i++) {
+      const e = entries[i];
+      if (e.type === 'ctx' && !changeIndices.has(i)) continue;
+
+      // Show separator if there's a gap
+      if (lastPrinted >= 0 && i - lastPrinted > 1) {
+        console.log(`${colors.magenta}│${colors.reset} ${colors.dim}${'·'.repeat(Math.min(20, innerWidth))}${colors.reset}`);
+      }
+
+      const numStr = String(e.num).padStart(4);
+      const maxText = Math.max(10, innerWidth - 8);
+      const truncated = e.text.length > maxText ? e.text.slice(0, maxText - 3) + '...' : e.text;
+
+      // Detect language from file extension for highlight
+      const ext = path.extname(title).slice(1) || 'javascript';
+      const syntaxHighlight = (text) => {
+        try {
+          return highlight(text, { language: ext, ignoreIllegals: true });
+        } catch (e) {
+          return text;
         }
+      };
+
+      if (e.type === 'add') {
+        const lineContent = syntaxHighlight(truncated);
+        console.log(`${colors.magenta}│${colors.reset} ${bgDarkGreen}${colors.white}${numStr} + ${lineContent}${' '.repeat(Math.max(0, innerWidth - stripAnsi(truncated).length - 8))}${colors.reset}`);
+      } else if (e.type === 'del') {
+        const lineContent = syntaxHighlight(truncated);
+        console.log(`${colors.magenta}│${colors.reset} ${bgDarkRed}${colors.white}${numStr} - ${lineContent}${' '.repeat(Math.max(0, innerWidth - stripAnsi(truncated).length - 8))}${colors.reset}`);
+      } else {
+        const lineContent = syntaxHighlight(truncated);
+        console.log(`${colors.magenta}│${colors.reset} ${colors.dim}${numStr}   ${colors.reset}${lineContent}`);
+      }
+
+      printed++;
+      lastPrinted = i;
+    }
+
+    if (printed >= maxLines && entries.length > maxLines) {
+      const remaining = entries.filter(e => e.type !== 'ctx').length - printed;
+      if (remaining > 0) {
+        console.log(`${colors.magenta}│${colors.reset} ${colors.dim}  ... and ${remaining} more changes${colors.reset}`);
       }
     }
 
-    console.log(`\n${renderBox({
-      title: ` ${title} `,
-      width,
-      borderColor: colors.magenta,
-      titleColor: colors.bright,
-      body,
-    })}\n`);
+    console.log(`${colors.magenta}└${'─'.repeat(width - 2)}┘${colors.reset}\n`);
   }
 
   async _promptChoice() {
@@ -236,12 +292,12 @@ export class DiffView {
       };
 
       rl.question(
-        `\n${colors.cyan}Options:${colors.reset}\n` +
-        `  ${colors.green}[a]${colors.reset} — Accept all (apply full diff)\n` +
-        `  ${colors.red}[r]${colors.reset} — Reject all\n` +
-        `  ${colors.yellow}[m]${colors.reset} — Manual edit (opens file in $EDITOR)\n` +
-        `  ${colors.dim}[s]${colors.reset} — Skip\n` +
-        `${colors.yellow}Choose [a/r/m/s]: ${colors.reset}`,
+        `\n${colors.cyan}Edit Options:${colors.reset}\n` +
+        `  ${colors.green}[a]${colors.reset} Accept   — Apply the complete diff\n` +
+        `  ${colors.red}[r]${colors.reset} Reject   — Discard these changes\n` +
+        `  ${colors.yellow}[m]${colors.reset} Manual   — Open file in $EDITOR to manually resolve\n` +
+        `  ${colors.dim}[s]${colors.reset} Skip     — Skip for now\n` +
+        `${colors.yellow}→ Choose [a/r/m/s]: ${colors.reset}`,
         onAnswer
       );
 

package/src/cli/ecc.js

@@ -1,5 +1,5 @@
 /**
- * ❄️ ECC Integration ❄️
+ * ❄ ECC Integration ❄
  * Everything Claude Code — agent harness performance optimization system
  * Browsing, searching, syncing ECC resources inside Winter
  */
@@ -246,7 +246,7 @@ export class ECCManager {
     for (const section of sections) {
       const entries = await this._listDir(section.path);
       const count = entries ? entries.length : 0;
-      const icon = entries ? (count > 0 ? '📂' : '📁') : '⛔';
+      const icon = entries ? (count > 0 ? '►' : '►') : '⛔';
       console.log(`  ${icon} ${colors.green}${section.name}${colors.reset} ${colors.dim}(${count} items)${colors.reset}`);
       console.log(`    ${colors.dim}${section.desc}${colors.reset}`);
     }

package/src/cli/input-controller.js

@@ -1,7 +1,8 @@
 import readline from 'readline';
 import { colors } from './snowflake-logo.js';
-import { drawInFixedArea, enableFixedPanel, moveToPromptRow, moveToScrollRegion, padVisible, renderBox, terminalWidth } from './terminal-ui.js';
+import { padVisible, renderBox, terminalWidth } from './terminal-ui.js';
 import { buildTuiSnapshot, renderInputPanel } from './tui.js';
+import { terminalManager } from './terminal-manager.js';
 
 export class WinterInputController {
   constructor(repl) {
@@ -20,17 +21,48 @@ export class WinterInputController {
       : '';
     
     const lines = [panel.top + queueTag, panel.status, panel.hint].filter(l => l && l.trim() !== '');
-    process.stdout.write('\n' + lines.join('\n') + '\n');
     
-    if (typeof repl.rl?.setPrompt === 'function') {
-      repl.rl.setPrompt(panel.prompt);
-    }
-    repl.rl?.prompt?.();
+    const redrawFn = () => {
+      // Don't redraw if it shouldn't be visible anymore
+      if (!terminalManager.isPromptVisible) return;
+      process.stdout.write('\n' + lines.join('\n') + '\n');
+      if (typeof repl.rl?.setPrompt === 'function') {
+        repl.rl.setPrompt(panel.prompt);
+      }
+      if (repl.slashMenu?.open) {
+        this.renderSlashMenu();
+      } else {
+        if (repl.running && !repl.readlineClosed) {
+          repl.rl?.prompt?.(true);
+        }
+      }
+    };
+
+    const getLinesCountFn = () => {
+      let count = lines.length + 2; // empty line + lines + prompt line
+      if (repl.slashMenu?.open && repl.slashMenu?.printedLines) {
+        count += repl.slashMenu.printedLines;
+      }
+      return count;
+    };
+
+    const onHideFn = () => {
+      if (repl.slashMenu) {
+        repl.slashMenu.printedLines = 0;
+      }
+    };
+
+    terminalManager.setPromptState(true, getLinesCountFn, redrawFn, onHideFn);
+    redrawFn();
   }
 
   closeInputBox() {
     const repl = this.repl;
     if (!repl.running || repl.readlineClosed) return;
+    
+    terminalManager.hidePrompt();
+    terminalManager.setPromptState(false);
+    
     const panel = this.buildInputPanel();
     process.stdout.write(`${panel.bottom}\n`);
   }
@@ -54,6 +86,12 @@ export class WinterInputController {
         void this.handleDirectClipboardPaste();
         return;
       }
+
+      if (key.name === 'return' && (key.shift || key.meta)) {
+        repl.rl.write('\\\n');
+        return;
+      }
+
       if (key.ctrl || key.meta) return;
 
       if (typeof str === 'string' && str.length > 1) {
@@ -174,6 +212,7 @@ export class WinterInputController {
 
     readline.moveCursor(process.stdout, 0, -printedLines);
     readline.clearScreenDown(process.stdout);
+    repl.slashMenu.printedLines = 0;
   }
 
   handleSlashMenuKey(key = {}) {
@@ -247,23 +286,12 @@ export class WinterInputController {
 
     this.clearSlashMenuRender();
 
-    const ASCII_BOX = {
-      topLeft: '+',
-      topRight: '+',
-      bottomLeft: '+',
-      bottomRight: '+',
-      horizontal: '-',
-      vertical: '|',
-      teeLeft: '+',
-      teeRight: '+',
-    };
     const rendered = renderBox({
       title: 'Command Palette',
       width: terminalWidth(66, 110, 88),
       borderColor: colors.magenta,
       titleColor: colors.cyan,
       body,
-      boxChars: ASCII_BOX,
     });
 
     process.stdout.write(`\n${rendered}\n`);

package/src/cli/markdown-format.js

@@ -1,7 +1,7 @@
 import { highlight } from 'cli-highlight';
 
 import { colors } from './snowflake-logo.js';
-import { renderBox, terminalWidth, visibleWidth, wrapText, padVisible } from './terminal-ui.js';
+import { renderBox, terminalWidth, visibleWidth, wrapText, padVisible, getBoxChars } from './terminal-ui.js';
 
 export function formatMarkdown(text) {
   if (!text) return '';
@@ -98,19 +98,24 @@ function renderMarkdownTableBlock(tableLines) {
   const columnCount = Math.max(...rows.map(row => row.length), 0);
   if (columnCount === 0) return tableLines.join('\n');
 
-  const boxWidth = Math.max(60, Math.min(terminalWidth(60, 100, 84), 100));
-  const innerWidth = boxWidth - 4;
-  const separatorWidth = (columnCount - 1) * 3;
-  const availableWidth = Math.max(columnCount * 8, innerWidth - separatorWidth);
-
   const widestCells = Array.from({ length: columnCount }, (_, columnIndex) => {
     return Math.max(8, ...rows.map(row => visibleWidth(row[columnIndex] || '')));
   });
 
+  const separatorWidth = (columnCount - 1) * 3;
   const widestTotal = widestCells.reduce((sum, width) => sum + width, 0);
+  const requiredInnerWidth = widestTotal + separatorWidth;
+  
+  const maxAllowedWidth = terminalWidth(60, 160, 120);
+  const innerWidth = Math.min(requiredInnerWidth, maxAllowedWidth - 4);
+  const availableWidth = Math.max(columnCount * 8, innerWidth - separatorWidth);
+  const boxWidth = innerWidth + 4;
+
   const scale = widestTotal > availableWidth ? availableWidth / widestTotal : 1;
   const columnWidths = widestCells.map(width => Math.max(8, Math.floor(width * scale)));
 
+  const verticalChar = getBoxChars().vertical;
+
   const renderRow = (cells) => {
     const wrappedCells = cells.map((cell, index) => wrapText(cell || '', columnWidths[index]));
     const lineCount = Math.max(...wrappedCells.map(lines => lines.length), 1);
@@ -122,7 +127,7 @@ function renderMarkdownTableBlock(tableLines) {
         const cellLine = wrappedCells[columnIndex][lineIndex] || '';
         parts.push(padVisible(cellLine, columnWidths[columnIndex]));
       }
-      rendered.push(parts.join(' │ '));
+      rendered.push(parts.join(` ${colors.dim}${verticalChar}${colors.reset} `));
     }
 
     return rendered;

package/src/cli/repl-commands.js

@@ -103,7 +103,7 @@ export async function handleSlashCommand(repl, input) {
             console.log(`\n${colors.cyan}ECC ${result.section}:${colors.reset} ${result.description}`);
             if (result.entries) {
               result.entries.forEach(e => {
-                const icon = e.isDirectory ? '📂' : '📄';
+                const icon = e.isDirectory ? '►' : '📄';
                 console.log(`  ${icon} ${e.name}`);
               });
             }
@@ -120,7 +120,7 @@ export async function handleSlashCommand(repl, input) {
             console.log(`  ${colors.dim}No results${colors.reset}`);
           } else {
             searchResult.matches.forEach(m => {
-              const icon = m.isDirectory ? '📂' : '📄';
+              const icon = m.isDirectory ? '►' : '📄';
               console.log(`  ${icon} [${m.section}] ${m.name}`);
             });
           }
@@ -174,7 +174,7 @@ export async function handleSlashCommand(repl, input) {
           console.log(`\n${colors.cyan}=== Vote Results ===${colors.reset}`);
           if (result.winner) {
             const winner = result.results[result.winner];
-            console.log(`\n${colors.green}🏆 Winner: ${result.winner} (${winner.model})${colors.reset}`);
+            console.log(`\n${colors.green}★ Winner: ${result.winner} (${winner.model})${colors.reset}`);
             console.log(`${colors.dim}${'─'.repeat(50)}${colors.reset}`);
             console.log(winner.content.slice(0, 2000));
             if (winner.content.length > 2000) console.log(`${colors.dim}... (${winner.content.length - 2000} more chars)${colors.reset}`);
@@ -219,7 +219,7 @@ export async function handleSlashCommand(repl, input) {
       }
       {
         const url = args[0].replace(/^['"]|['"]$/g, '');
-        console.log(`${colors.cyan}🌐 Đang mở: ${url}${colors.reset}`);
+        console.log(`${colors.cyan}@ Đang mở: ${url}${colors.reset}`);
         try {
           // Thử WebFetch trước (nhanh, lấy text)
           const result = await repl.tools.execute('WebFetch', { url });
@@ -289,6 +289,46 @@ export async function handleSlashCommand(repl, input) {
     case '/history':
       repl.showReplay(args[0] ? parseInt(args[0], 10) : 20);
       return;
+    case '/tool':
+      const toolCalls = [];
+      const history = repl.session.getHistory(30);
+      let idxCounter = 1;
+      for (const msg of history) {
+        if (msg.tool_calls && Array.isArray(msg.tool_calls)) {
+          for (const tc of msg.tool_calls) {
+            toolCalls.push({ index: idxCounter++, call: tc });
+          }
+        }
+      }
+      if (args.length === 0) {
+        if (toolCalls.length === 0) {
+          console.log(`${colors.dim}No recent tool calls found.${colors.reset}`);
+        } else {
+          console.log(`${colors.cyan}Recent Tool Calls:${colors.reset}`);
+          for (const tc of toolCalls.slice(-10)) {
+            const funcName = tc.call.function?.name || tc.call.toolName || 'Unknown';
+            console.log(`  ${colors.green}[${tc.index}]${colors.reset} ${funcName}`);
+          }
+          console.log(`${colors.dim}Use /tool <index> to view arguments.${colors.reset}`);
+        }
+      } else {
+        const targetIndex = parseInt(args[0], 10);
+        const target = toolCalls.find(tc => tc.index === targetIndex);
+        if (!target) {
+          console.log(`${colors.red}Tool call [${targetIndex}] not found.${colors.reset}`);
+        } else {
+          const funcName = target.call.function?.name || target.call.toolName || 'Unknown';
+          const argsStr = target.call.function?.arguments || target.call.toolArgs || '{}';
+          console.log(`\n${colors.cyan}=== Tool Call [${targetIndex}]: ${funcName} ===${colors.reset}`);
+          try {
+            const parsed = typeof argsStr === 'string' ? JSON.parse(argsStr) : argsStr;
+            console.log(JSON.stringify(parsed, null, 2));
+          } catch (e) {
+            console.log(argsStr);
+          }
+        }
+      }
+      return;
     case '/new':
       await repl.session.newSession({ project: repl.projectPath });
       repl.history = [];