erosolar-cli 1.7.367 → 1.7.369

package/dist/ui/toolDisplay.js

@@ -6,9 +6,11 @@
  * - Result summaries with status indicators
  * - Expandable content with previews
  * - Diff formatting with colors
+ * - Advanced progress indicators
+ * - Compact same-line displays
  */
 import { formatPlan, normalizePlanItems, resolvePlanWidth, wrapPlanText } from '../utils/planFormatter.js';
-import { theme } from './theme.js';
+import { theme, icons, progressChars } from './theme.js';
 /**
  * Format tool call display (Claude Code style)
  *
@@ -433,7 +435,7 @@ export function formatKeyValue(key, value) {
  * @returns Formatted string to display, or null if no display needed
  */
 export function formatToolResultSummary(input) {
-    const { toolName, args, output, success, durationMs, compact } = input;
+    const { toolName, args, output, success, durationMs } = input;
     // Determine tool category and format accordingly
     switch (toolName) {
         // === FILE OPERATIONS ===
@@ -447,7 +449,7 @@ export function formatToolResultSummary(input) {
         case 'execute_bash':
         case 'execute_bash_stream':
         case 'execute_command':
-            return formatBashResult(args, output, success, durationMs, compact);
+            return formatBashResult(args, output, success, durationMs);
         // === BACKGROUND BASH ===
         case 'BashOutput':
             return formatBashOutputResult(args, output, success);
@@ -463,11 +465,11 @@ export function formatToolResultSummary(input) {
         case 'grep_search':
         case 'search_text':
         case 'search_files':
-            return formatGrepResult(args, output, success, compact);
+            return formatGrepResult(args, output, success);
         case 'Glob':
         case 'glob':
         case 'list_files':
-            return formatGlobResult(args, output, success, compact);
+            return formatGlobResult(args, output, success);
         case 'find_definition':
             return formatFindDefinitionResult(args, output, success);
         // === WEB OPERATIONS ===
@@ -566,11 +568,13 @@ export function formatToolResultSummary(input) {
         // === REPO CHECKS ===
         case 'run_repo_checks':
             return formatRepoChecksResult(args, output, success);
-        // === LEARNING ===
+        // === LEARNING & EXPLORATION ===
         case 'learn_codebase':
         case 'learn_file':
         case 'learn_topic':
         case 'learn_summary':
+        case 'explore':
+        case 'explore_index':
             return formatLearnResult(toolName, args, output, success);
         // === DEFAULT: Unknown tools ===
         default:
@@ -582,23 +586,14 @@ export function formatToolResultSummary(input) {
  * Format Bash command result
  * Shows: command executed, exit status, and output preview
  */
-function formatBashResult(args, output, success, durationMs, compact) {
+function formatBashResult(args, output, success, durationMs) {
     const command = args['command'] || '';
     const description = args['description'];
-    const statusIcon = success ? theme.success('✓') : theme.error('✗');
-    const durationStr = durationMs ? ` ${theme.ui.muted(`(${formatDuration(durationMs)})`)}` : '';
-    // Compact mode: single line with essential info
-    if (compact) {
-        const cmdShort = truncateCommand(command, 40);
-        const outputLines = output.trim().split('\n').length;
-        const outputInfo = output.trim() ? theme.ui.muted(`→ ${outputLines}L`) : '';
-        if (description) {
-            return `${statusIcon} ${description}${durationStr} ${outputInfo}`;
-        }
-        return `${statusIcon} ${theme.ui.muted('$')} ${cmdShort}${durationStr} ${outputInfo}`;
-    }
     const lines = [];
+    // Header with command
+    const statusIcon = success ? theme.success('✓') : theme.error('✗');
     const cmdDisplay = truncateCommand(command, 50);
+    const durationStr = durationMs ? ` ${theme.ui.muted(`(${formatDuration(durationMs)})`)}` : '';
     if (description) {
         lines.push(`${statusIcon} ${description}${durationStr}`);
         lines.push(`  ${theme.ui.muted('$')} ${theme.dim(cmdDisplay)}`);
@@ -640,20 +635,17 @@ function formatReadResult(args, output, success) {
  * Format Grep search result
  * Shows: pattern, matches found, and file list preview
  */
-function formatGrepResult(args, output, success, compact) {
+function formatGrepResult(args, output, success) {
     const pattern = args['pattern'] || '';
     const patternDisplay = pattern.length > 30 ? `${pattern.slice(0, 27)}...` : pattern;
+    const lines = [];
     if (!success || !output.trim()) {
-        return `${theme.warning('○')} No matches for "${patternDisplay}"`;
+        lines.push(`${theme.warning('○')} No matches for "${patternDisplay}"`);
+        return lines.join('\n');
     }
     // Count matches/files
     const outputLines = output.trim().split('\n').filter(l => l.trim());
     const matchCount = outputLines.length;
-    // Compact mode: single line
-    if (compact) {
-        return `${theme.success('✓')} grep "${patternDisplay}" ${theme.ui.muted(`→ ${matchCount}`)}`;
-    }
-    const lines = [];
     lines.push(`${theme.success('✓')} Found ${theme.info(String(matchCount))} match${matchCount === 1 ? '' : 'es'} for "${patternDisplay}"`);
     // Show first few matches
     const maxPreview = 3;
@@ -671,18 +663,15 @@ function formatGrepResult(args, output, success, compact) {
  * Format Glob file search result
  * Shows: pattern and files found
  */
-function formatGlobResult(args, output, success, compact) {
+function formatGlobResult(args, output, success) {
     const pattern = args['pattern'] || '*';
+    const lines = [];
     if (!success || !output.trim()) {
-        return `${theme.warning('○')} No files matching "${pattern}"`;
+        lines.push(`${theme.warning('○')} No files matching "${pattern}"`);
+        return lines.join('\n');
     }
     const files = output.trim().split('\n').filter(f => f.trim());
     const fileCount = files.length;
-    // Compact mode: single line
-    if (compact) {
-        return `${theme.success('✓')} glob "${pattern}" ${theme.ui.muted(`→ ${fileCount}`)}`;
-    }
-    const lines = [];
     lines.push(`${theme.success('✓')} Found ${theme.info(String(fileCount))} file${fileCount === 1 ? '' : 's'} matching "${pattern}"`);
     // Show first few files
     const maxPreview = 4;
@@ -1332,7 +1321,7 @@ function formatRepoChecksResult(args, output, success) {
     return `${statusIcon} Repo checks${checkCount > 0 ? ` (${checkCount} checks)` : ''} ${success ? 'passed' : 'failed'}`;
 }
 /**
- * Format learn tool result - show comprehensive analysis output
+ * Format learn tool result
  */
 function formatLearnResult(toolName, args, output, success) {
     if (!success) {
@@ -1340,58 +1329,11 @@ function formatLearnResult(toolName, args, output, success) {
     }
     switch (toolName) {
         case 'learn_codebase': {
-            // Show comprehensive analysis - not just a summary
-            const lines = [];
-            const fileMatch = output.match(/Total files:\s*(\d+)/i);
-            const dirMatch = output.match(/Total directories:\s*(\d+)/i);
-            const archMatch = output.match(/Architecture.*?Type:\s*([^\n]+)/i);
-            lines.push(`${theme.success('✓')} ${theme.info('Codebase Analysis Complete')}`);
-            // Extract key stats
-            if (fileMatch || dirMatch) {
-                const stats = [];
-                if (fileMatch)
-                    stats.push(`${fileMatch[1]} files`);
-                if (dirMatch)
-                    stats.push(`${dirMatch[1]} dirs`);
-                lines.push(`  ${theme.ui.muted('Overview:')} ${stats.join(', ')}`);
-            }
-            // Extract architecture type
-            if (archMatch && archMatch[1]) {
-                lines.push(`  ${theme.ui.muted('Architecture:')} ${theme.accent(archMatch[1].trim())}`);
-            }
-            // Extract languages (first 3)
-            const langRegex = /- (\w+(?:\s+\w+)?):\s*(\d+)\s*files?\s*\((\d+(?:\.\d+)?)%\)/gi;
-            let langMatch;
-            const languages = [];
-            while ((langMatch = langRegex.exec(output)) !== null && languages.length < 3) {
-                languages.push(`${langMatch[1]} ${langMatch[3]}%`);
-            }
-            if (languages.length > 0) {
-                lines.push(`  ${theme.ui.muted('Languages:')} ${languages.join(', ')}`);
-            }
-            // Extract detected patterns
-            const patternMatch = output.match(/## Detected Patterns[\s\S]*?(?=##|$)/);
-            if (patternMatch) {
-                const patterns = patternMatch[0].match(/\*\*([^*]+)\*\*/g);
-                if (patterns && patterns.length > 0) {
-                    const patternNames = patterns.slice(0, 3).map(p => p.replace(/\*\*/g, ''));
-                    lines.push(`  ${theme.ui.muted('Patterns:')} ${theme.secondary(patternNames.join(', '))}`);
-                }
+            const fileMatch = output.match(/(\d+)\s*file/i);
+            if (fileMatch) {
+                return `${theme.success('✓')} Learned codebase: ${fileMatch[1]} files analyzed`;
             }
-            // Extract entry points
-            const entryMatch = output.match(/## Entry Points([\s\S]*?)(?=##|$)/);
-            if (entryMatch && entryMatch[1]) {
-                const entries = entryMatch[1].match(/- ([^\n]+)/g);
-                if (entries && entries.length > 0) {
-                    const entry = entries[0]?.replace(/^- /, '').trim();
-                    if (entry) {
-                        lines.push(`  ${theme.ui.muted('Entry:')} ${theme.info(entry)}`);
-                    }
-                }
-            }
-            // Add hint for full output
-            lines.push(`  ${theme.dim('(Full analysis in conversation above)')}`);
-            return lines.join('\n');
+            return `${theme.success('✓')} Codebase learned`;
         }
         case 'learn_file': {
             const filePath = (args['file_path'] || args['path']);
@@ -1410,8 +1352,182 @@ function formatLearnResult(toolName, args, output, success) {
         case 'learn_summary': {
             return `${theme.success('✓')} Summary generated`;
         }
+        case 'explore': {
+            const query = (args['query']);
+            const filesMatch = output.match(/Found\s+(\d+)\s+(?:file|relevant)/i);
+            const symbolsMatch = output.match(/Found\s+(\d+)\s+symbol/i);
+            const filesCount = filesMatch ? filesMatch[1] : null;
+            const symbolsCount = symbolsMatch ? symbolsMatch[1] : null;
+            if (filesCount || symbolsCount) {
+                const parts = [];
+                if (filesCount)
+                    parts.push(`${filesCount} files`);
+                if (symbolsCount)
+                    parts.push(`${symbolsCount} symbols`);
+                return `${theme.success('✓')} Explored: ${parts.join(', ')}`;
+            }
+            if (query) {
+                return `${theme.success('✓')} Explored: "${query.slice(0, 30)}${query.length > 30 ? '...' : ''}"`;
+            }
+            return `${theme.success('✓')} Exploration complete`;
+        }
+        case 'explore_index': {
+            const action = (args['action']);
+            const indexMatch = output.match(/(\d+)\s*files/i);
+            if (action === 'rebuild' && indexMatch) {
+                return `${theme.success('✓')} Index rebuilt: ${indexMatch[1]} files`;
+            }
+            if (action === 'status' && indexMatch) {
+                return `${theme.info('ℹ')} Index: ${indexMatch[1]} files`;
+            }
+            return `${theme.success('✓')} Index ${action || 'managed'}`;
+        }
         default:
             return `${theme.success('✓')} Learning completed`;
     }
 }
+// ============================================================================
+// ADVANCED PROGRESS INDICATORS
+// ============================================================================
+/**
+ * Format a compact progress bar
+ */
+export function formatCompactProgressBar(current, total, options = {}) {
+    const { width = 15, style = 'bar' } = options;
+    const percentage = Math.min(100, Math.max(0, Math.round((current / total) * 100)));
+    const filled = Math.round((current / total) * width);
+    const empty = width - filled;
+    let bar;
+    switch (style) {
+        case 'braille': {
+            // Smooth braille progress (8 states per character)
+            const fullBlocks = Math.floor((current / total) * width);
+            const remainder = ((current / total) * width) - fullBlocks;
+            const partials = [' ', '⡀', '⡄', '⡆', '⡇', '⣇', '⣧', '⣷', '⣿'];
+            const partialIndex = Math.floor(remainder * 8);
+            bar = '⣿'.repeat(fullBlocks);
+            if (fullBlocks < width) {
+                bar += partials[partialIndex] ?? ' ';
+                bar += ' '.repeat(width - fullBlocks - 1);
+            }
+            bar = theme.progress?.bar?.(bar) ?? theme.info(bar);
+            break;
+        }
+        case 'dots':
+            bar = theme.success('●').repeat(filled) + theme.ui.muted('○').repeat(empty);
+            break;
+        case 'bar':
+        default:
+            bar = (theme.progress?.bar ?? theme.info)(progressChars.filled.repeat(filled)) +
+                (theme.progress?.empty ?? theme.ui.muted)(progressChars.empty.repeat(empty));
+    }
+    return `[${bar}] ${(theme.progress?.percentage ?? theme.warning)(`${percentage}%`)}`;
+}
+/**
+ * Format a micro progress indicator (fits in status line)
+ */
+export function formatMicroProgress(current, total) {
+    const percentage = Math.min(100, Math.max(0, Math.round((current / total) * 100)));
+    // Use single-char block progress
+    const blocks = ['░', '▒', '▓', '█'];
+    const blockIndex = Math.min(3, Math.floor(percentage / 25));
+    const block = blocks[blockIndex] ?? '░';
+    return `${theme.info(block)}${percentage}%`;
+}
+/**
+ * Format a spinner with elapsed time
+ */
+export function formatSpinnerWithTime(frame, label, elapsedMs) {
+    const elapsed = formatDuration(elapsedMs);
+    return `${theme.info(frame)} ${label} ${theme.ui.muted(`(${elapsed})`)}`;
+}
+/**
+ * Format multiple tool operations on a single line
+ */
+export function formatCompactToolLine(operations, options = {}) {
+    const { separator = ' · ', maxWidth = 80 } = options;
+    const badges = [];
+    let currentLength = 0;
+    for (const op of operations) {
+        const icon = op.status === 'success' ? icons.success :
+            op.status === 'error' ? icons.error : icons.running;
+        const color = op.status === 'success' ? theme.success :
+            op.status === 'error' ? theme.error : theme.info;
+        let badge = `${color(icon)} ${theme.tool(op.name)}`;
+        if (op.summary) {
+            badge += ` ${theme.ui.muted(op.summary)}`;
+        }
+        const badgeLength = badge.replace(/\u001B\[[0-9;]*m/g, '').length;
+        const sepLength = badges.length > 0 ? separator.replace(/\u001B\[[0-9;]*m/g, '').length : 0;
+        if (currentLength + sepLength + badgeLength > maxWidth - 5) {
+            const remaining = operations.length - badges.length;
+            if (remaining > 0) {
+                badges.push(theme.ui.muted(`+${remaining} more`));
+            }
+            break;
+        }
+        badges.push(badge);
+        currentLength += sepLength + badgeLength;
+    }
+    return badges.join(theme.ui.muted(separator));
+}
+/**
+ * Format a file operation summary with additions/removals
+ */
+export function formatFileOpSummary(path, type, stats) {
+    const shortPath = truncatePathForDisplay(path, 40);
+    const icon = type === 'read' ? icons.success :
+        type === 'edit' ? icons.success : icons.success;
+    const color = theme.success;
+    const parts = [
+        `${color(icon)} ${theme.file?.path?.(shortPath) ?? theme.info(shortPath)}`,
+    ];
+    if (stats) {
+        const details = [];
+        if (stats.lines !== undefined) {
+            details.push(`${stats.lines} lines`);
+        }
+        if (stats.additions !== undefined && stats.additions > 0) {
+            details.push((theme.file?.additions ?? theme.success)(`+${stats.additions}`));
+        }
+        if (stats.removals !== undefined && stats.removals > 0) {
+            details.push((theme.file?.removals ?? theme.error)(`-${stats.removals}`));
+        }
+        if (details.length > 0) {
+            parts.push(theme.ui.muted(`(${details.join(', ')})`));
+        }
+    }
+    return parts.join(' ');
+}
+/**
+ * Format a search result summary
+ */
+export function formatSearchOpSummary(pattern, matchCount, fileCount, durationMs) {
+    const truncPattern = pattern.length > 25 ? `${pattern.slice(0, 22)}...` : pattern;
+    if (matchCount === 0) {
+        return `${theme.warning(icons.pending)} No matches for "${truncPattern}"`;
+    }
+    const parts = [
+        `${theme.success(icons.success)} Found`,
+        theme.info(`${matchCount}`),
+        matchCount === 1 ? 'match' : 'matches',
+    ];
+    if (fileCount && fileCount > 0) {
+        parts.push('in', theme.info(`${fileCount}`), fileCount === 1 ? 'file' : 'files');
+    }
+    parts.push(theme.ui.muted(`for "${truncPattern}"`));
+    if (durationMs) {
+        parts.push(theme.ui.muted(`(${formatDuration(durationMs)})`));
+    }
+    return parts.join(' ');
+}
+/**
+ * Format a context usage badge
+ */
+export function formatContextBadge(usedPercentage) {
+    const remaining = 100 - usedPercentage;
+    const color = usedPercentage > 80 ? theme.error :
+        usedPercentage > 60 ? theme.warning : theme.success;
+    return `${color(icons.context)}${remaining}%`;
+}
 //# sourceMappingURL=toolDisplay.js.map