@indiccoder/mentis-cli 1.1.4 → 1.1.5

package/dist/ui/DiffViewer.js

@@ -0,0 +1,110 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiffViewer = void 0;
+const chalk_1 = __importDefault(require("chalk"));
+const diff_1 = require("diff");
+/**
+ * Visual diff viewer component
+ * Shows file changes with color coding like git diff
+ */
+class DiffViewer {
+    /**
+     * Display a unified diff between old and new content
+     */
+    static showDiff(filePath, oldContent, newContent, contextLines = 3) {
+        const diff = (0, diff_1.diffLines)(oldContent, newContent);
+        console.log('');
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log(chalk_1.default.cyan(`📝 Diff: ${filePath}`));
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log('');
+        let unchangedCount = 0;
+        const unchangedBuffer = [];
+        const flushUnchanged = () => {
+            if (unchangedBuffer.length > 0) {
+                // Show context lines
+                const contextStart = Math.max(0, unchangedBuffer.length - contextLines);
+                for (let i = contextStart; i < unchangedBuffer.length; i++) {
+                    console.log(chalk_1.default.dim('  ' + unchangedBuffer[i].replace(/\n/g, '')));
+                }
+                unchangedBuffer.length = 0;
+                unchangedCount = 0;
+            }
+        };
+        let hasChanges = false;
+        let additions = 0;
+        let deletions = 0;
+        for (const part of diff) {
+            const lines = part.value.split('\n');
+            // Remove empty last line if exists
+            if (lines[lines.length - 1] === '') {
+                lines.pop();
+            }
+            for (const line of lines) {
+                if (part.added) {
+                    flushUnchanged();
+                    console.log(chalk_1.default.green('+ ' + line));
+                    additions++;
+                    hasChanges = true;
+                }
+                else if (part.removed) {
+                    flushUnchanged();
+                    console.log(chalk_1.default.red('- ' + line));
+                    deletions++;
+                    hasChanges = true;
+                }
+                else {
+                    unchangedBuffer.push(line);
+                    unchangedCount++;
+                }
+            }
+        }
+        flushUnchanged();
+        console.log('');
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        if (hasChanges) {
+            console.log(chalk_1.default.green(`+ ${additions} additions`) + chalk_1.default.dim(' | ') + chalk_1.default.red(`- ${deletions} deletions`));
+        }
+        else {
+            console.log(chalk_1.default.dim('No changes'));
+        }
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log('');
+    }
+    /**
+     * Display a simple edit preview (for EditFileTool)
+     */
+    static showEditPreview(filePath, oldString, newString, lineNumber) {
+        console.log('');
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log(chalk_1.default.cyan(`📝 Edit Preview: ${filePath}`));
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log(chalk_1.default.dim(`Line ${lineNumber}:`));
+        console.log('');
+        const oldLines = oldString.split('\n');
+        const newLines = newString.split('\n');
+        // Show removed lines in red
+        for (const line of oldLines) {
+            console.log(chalk_1.default.red('- ' + line));
+        }
+        // Show added lines in green
+        for (const line of newLines) {
+            console.log(chalk_1.default.green('+ ' + line));
+        }
+        console.log('');
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log('');
+    }
+    /**
+     * Display approval prompt
+     */
+    static showApprovalPrompt(filePath, operation) {
+        const icon = operation === 'write' ? '📄' : '✏️';
+        console.log(chalk_1.default.yellow(`${icon} Approve ${operation} to ${filePath}?`));
+        console.log(chalk_1.default.dim('  [y] Yes  [n] No  [e] Edit'));
+    }
+}
+exports.DiffViewer = DiffViewer;

package/dist/ui/InputBox.js

@@ -51,18 +51,32 @@ class InputBox {
                 completer: this.completer.bind(this)
             });
             rl.prompt();
+            const cleanup = () => {
+                rl.close();
+                rl.removeAllListeners();
+                // Explicitly ensure raw mode is off to prevent terminal freeze
+                if (process.stdin.isTTY) {
+                    process.stdin.setRawMode(false);
+                }
+            };
             rl.on('line', (line) => {
                 // Display bottom horizontal line after input
                 console.log(this.createLine());
-                rl.close();
+                cleanup();
                 resolve(line);
             });
             // Handle Ctrl+C
             rl.on('SIGINT', () => {
                 console.log(this.createLine());
-                rl.close();
+                cleanup();
                 resolve('/exit');
             });
+            // Handle stream errors or unexpected close
+            rl.on('close', () => {
+                // Should already be cleaned up, but safe to ensure
+                if (process.stdin.isTTY)
+                    process.stdin.setRawMode(false);
+            });
         });
     }
     /**

package/dist/ui/MultiFileSelector.js

@@ -0,0 +1,123 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultiFileSelector = void 0;
+const inquirer_1 = __importDefault(require("inquirer"));
+const chalk_1 = __importDefault(require("chalk"));
+const fs_1 = require("fs");
+/**
+ * Multi-file selector for read approval
+ * Shows interactive checklist when AI wants to read multiple files
+ */
+class MultiFileSelector {
+    /**
+     * Show file selection UI for read operations
+     * Returns the list of approved files
+     */
+    static async selectFiles(filePaths, message = 'Select files to read:') {
+        if (filePaths.length === 0) {
+            return [];
+        }
+        if (filePaths.length === 1) {
+            // Single file - just show what's being read
+            console.log(chalk_1.default.dim(`📖 Reading: ${filePaths[0]}`));
+            return filePaths;
+        }
+        // Build file choices with metadata
+        const choices = filePaths.map(path => {
+            let metadata = '';
+            try {
+                const stats = (0, fs_1.statSync)(path);
+                const size = this.formatFileSize(stats.size);
+                metadata = chalk_1.default.dim(` (${size})`);
+            }
+            catch {
+                // File might not exist or be inaccessible
+            }
+            return {
+                name: path + metadata,
+                value: path,
+                checked: true, // Default to checked
+                short: path
+            };
+        });
+        console.log('');
+        console.log(chalk_1.default.cyan(`📖 AI wants to read ${filePaths.length} files:`));
+        console.log('');
+        const { selectedFiles } = await inquirer_1.default.prompt([
+            {
+                type: 'checkbox',
+                name: 'selectedFiles',
+                message: message,
+                choices: choices,
+                pageSize: 15,
+                validate: (answer) => {
+                    if (answer.length === 0) {
+                        return 'You must select at least one file, or press Ctrl+C to cancel.';
+                    }
+                    return true;
+                }
+            }
+        ]);
+        // Show what was selected
+        if (selectedFiles.length < filePaths.length) {
+            console.log(chalk_1.default.dim(`  Reading ${selectedFiles.length} of ${filePaths.length} files`));
+        }
+        return selectedFiles;
+    }
+    /**
+     * Show a simple confirmation for single file reads (optional)
+     */
+    static async confirmRead(filePath, preview) {
+        let message = chalk_1.default.cyan(`📖 Read file: ${filePath}?`);
+        if (preview) {
+            const lines = preview.split('\n');
+            const previewLines = lines.slice(0, 5);
+            console.log('');
+            console.log(chalk_1.default.gray('─'.repeat(60)));
+            console.log(message);
+            console.log(chalk_1.default.gray('─'.repeat(60)));
+            console.log(chalk_1.default.dim('Preview:'));
+            for (const line of previewLines) {
+                console.log(chalk_1.default.dim('  ' + line));
+            }
+            if (lines.length > 5) {
+                console.log(chalk_1.default.dim('  ...'));
+            }
+            console.log(chalk_1.default.gray('─'.repeat(60)));
+        }
+        else {
+            console.log(message);
+        }
+        const { confirmed } = await inquirer_1.default.prompt([
+            {
+                type: 'confirm',
+                name: 'confirmed',
+                message: 'Continue?',
+                default: true
+            }
+        ]);
+        return confirmed;
+    }
+    /**
+     * Format file size in human-readable format
+     */
+    static formatFileSize(bytes) {
+        if (bytes === 0)
+            return '0 B';
+        const k = 1024;
+        const sizes = ['B', 'KB', 'MB', 'GB'];
+        const i = Math.floor(Math.log(bytes) / Math.log(k));
+        return parseFloat((bytes / Math.pow(k, i)).toFixed(1)) + ' ' + sizes[i];
+    }
+    /**
+     * Show progress when reading multiple files
+     */
+    static showReadProgress(current, total, filePath) {
+        const progress = chalk_1.default.dim(`[${current}/${total}]`);
+        console.log(chalk_1.default.dim(`  ${progress} Reading: ${filePath}`));
+    }
+}
+exports.MultiFileSelector = MultiFileSelector;

package/dist/ui/PlanModeUI.js

@@ -0,0 +1,105 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PlanModeUI = void 0;
+const inquirer_1 = __importDefault(require("inquirer"));
+const chalk_1 = __importDefault(require("chalk"));
+/**
+ * Plan Mode UI - Shows Q&A history and handles plan → build transition
+ */
+class PlanModeUI {
+    /**
+     * Record a Q&A entry
+     */
+    static recordQA(question, answer) {
+        this.qaHistory.push({
+            question,
+            answer,
+            timestamp: new Date()
+        });
+    }
+    /**
+     * Show the current Q&A history
+     */
+    static showQAHistory() {
+        if (this.qaHistory.length === 0) {
+            console.log(chalk_1.default.dim('  No questions asked yet.'));
+            return;
+        }
+        console.log('');
+        console.log(chalk_1.default.cyan('📋 Requirements gathered:'));
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        for (let i = 0; i < this.qaHistory.length; i++) {
+            const entry = this.qaHistory[i];
+            console.log(chalk_1.default.bold(`${i + 1}. ${entry.question}`));
+            console.log(chalk_1.default.dim(`   Answer: ${entry.answer}`));
+            console.log('');
+        }
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+    }
+    /**
+     * Ask if ready to switch to build mode
+     */
+    static async askReadyToBuild() {
+        console.log('');
+        const { ready } = await inquirer_1.default.prompt([
+            {
+                type: 'confirm',
+                name: 'ready',
+                message: chalk_1.default.cyan('🚀 Ready to switch to BUILD mode and implement?'),
+                default: true
+            }
+        ]);
+        return ready;
+    }
+    /**
+     * Show plan mode header/summary
+     */
+    static showPlanHeader() {
+        console.log('');
+        console.log(chalk_1.default.cyan.bold('🎯 PLAN MODE'));
+        console.log(chalk_1.default.dim('   Gathering requirements and planning the solution...'));
+        console.log(chalk_1.default.dim('   Type your requirements, answer questions, then switch to /build to implement.'));
+        console.log('');
+    }
+    /**
+     * Show suggestion to switch to build mode
+     */
+    static suggestBuildMode() {
+        console.log('');
+        console.log(chalk_1.default.yellow('💡 Tip: Type ') + chalk_1.default.bold('/build') + chalk_1.default.yellow(' to start implementing when ready.'));
+    }
+    /**
+     * Clear Q&A history (e.g., when starting a new session)
+     */
+    static clearHistory() {
+        this.qaHistory = [];
+    }
+    /**
+     * Get Q&A history
+     */
+    static getHistory() {
+        return [...this.qaHistory];
+    }
+    /**
+     * Show a summary of the plan
+     */
+    static showPlanSummary() {
+        if (this.qaHistory.length === 0) {
+            return;
+        }
+        console.log('');
+        console.log(chalk_1.default.cyan('📝 Plan Summary:'));
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log(chalk_1.default.dim(`Questions answered: ${this.qaHistory.length}`));
+        // Show key answers as bullet points
+        for (const entry of this.qaHistory) {
+            console.log(chalk_1.default.dim(`  • ${entry.question}: ${entry.answer}`));
+        }
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+    }
+}
+exports.PlanModeUI = PlanModeUI;
+PlanModeUI.qaHistory = [];

package/dist/ui/ToolExecutor.js

@@ -0,0 +1,154 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ToolExecutor = void 0;
+const chalk_1 = __importDefault(require("chalk"));
+const ora_1 = __importDefault(require("ora"));
+/**
+ * Visual feedback for tool execution
+ * Shows colored icons, spinners, and grouped display
+ */
+class ToolExecutor {
+    /**
+     * Get colored text for a tool name
+     */
+    static colorToolName(toolName, color) {
+        switch (color) {
+            case 'blue': return chalk_1.default.blue(toolName);
+            case 'yellow': return chalk_1.default.yellow(toolName);
+            case 'cyan': return chalk_1.default.cyan(toolName);
+            case 'magenta': return chalk_1.default.magenta(toolName);
+            case 'green': return chalk_1.default.green(toolName);
+            case 'red': return chalk_1.default.red(toolName);
+            case 'gray': return chalk_1.default.gray(toolName);
+            default: return toolName;
+        }
+    }
+    /**
+     * Start a tool execution with visual feedback
+     */
+    static startExecution(toolName, args) {
+        const execution = {
+            toolName,
+            args,
+            status: 'running'
+        };
+        this.executions.push(execution);
+        // Get icon and color for tool type
+        const { icon, color } = this.getToolStyle(toolName);
+        // Format args for display (truncate long values)
+        const argsDisplay = this.formatArgs(args);
+        // Start spinner
+        const spinner = (0, ora_1.default)({
+            text: `${icon} ${this.colorToolName(toolName, color)} ${argsDisplay}`,
+            color: color
+        });
+        spinner.start();
+        this.spinners.set(toolName, spinner);
+    }
+    /**
+     * Complete a tool execution successfully
+     */
+    static completeExecution(toolName, result) {
+        const execution = this.executions.find(e => e.toolName === toolName);
+        if (execution) {
+            execution.status = 'completed';
+            execution.result = result;
+        }
+        const spinner = this.spinners.get(toolName);
+        if (spinner) {
+            const { icon } = this.getToolStyle(toolName);
+            spinner.succeed(`${icon} ${chalk_1.default.green(toolName)} completed`);
+            this.spinners.delete(toolName);
+        }
+    }
+    /**
+     * Mark a tool execution as failed
+     */
+    static failExecution(toolName, error) {
+        const execution = this.executions.find(e => e.toolName === toolName);
+        if (execution) {
+            execution.status = 'failed';
+            execution.error = error;
+        }
+        const spinner = this.spinners.get(toolName);
+        if (spinner) {
+            const { icon } = this.getToolStyle(toolName);
+            spinner.fail(`${icon} ${chalk_1.default.red(toolName)} failed: ${error}`);
+            this.spinners.delete(toolName);
+        }
+    }
+    /**
+     * Show grouped summary of all tool executions
+     */
+    static showSummary() {
+        if (this.executions.length === 0) {
+            return;
+        }
+        console.log('');
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log(chalk_1.default.cyan('🔧 Tool Executions'));
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        for (const execution of this.executions) {
+            const { icon, color } = this.getToolStyle(execution.toolName);
+            const statusIcon = execution.status === 'completed' ? '✓' : execution.status === 'failed' ? '✗' : '…';
+            console.log(`${icon} ${this.colorToolName(execution.toolName, color)} ${chalk_1.default.dim(statusIcon)}`);
+        }
+        console.log(chalk_1.default.gray('─'.repeat(60)));
+        console.log('');
+        // Reset for next batch
+        this.executions = [];
+    }
+    /**
+     * Get visual style for a tool type
+     */
+    static getToolStyle(toolName) {
+        const styles = {
+            'read_file': { icon: '📖', color: 'blue' },
+            'write_file': { icon: '📄', color: 'yellow' },
+            'edit_file': { icon: '✏️', color: 'yellow' },
+            'list_dir': { icon: '📁', color: 'cyan' },
+            'search_files': { icon: '🔍', color: 'magenta' },
+            'search_web': { icon: '🌐', color: 'blue' },
+            'run_command': { icon: '💻', color: 'green' },
+            'git_commit': { icon: '📝', color: 'green' }
+        };
+        return styles[toolName] || { icon: '🔧', color: 'gray' };
+    }
+    /**
+     * Format arguments for display
+     */
+    static formatArgs(args) {
+        const parts = [];
+        for (const [key, value] of Object.entries(args)) {
+            const strValue = String(value);
+            // Truncate long values
+            const display = strValue.length > 30 ? strValue.slice(0, 30) + '...' : strValue;
+            parts.push(`${key}=${chalk_1.default.dim(display)}`);
+        }
+        return parts.length > 0 ? chalk_1.default.dim(`(${parts.join(', ')})`) : '';
+    }
+    /**
+     * Show a simple inline tool usage message
+     */
+    static showInline(toolName, args) {
+        const { icon, color } = this.getToolStyle(toolName);
+        const argsDisplay = this.formatArgs(args);
+        console.log(chalk_1.default.dim(`  ${icon} ${this.colorToolName(toolName, color)} ${argsDisplay}`));
+    }
+    /**
+     * Clear all pending executions
+     */
+    static clear() {
+        for (const spinner of this.spinners.values()) {
+            spinner.stop();
+        }
+        this.spinners.clear();
+        this.executions = [];
+    }
+}
+exports.ToolExecutor = ToolExecutor;
+ToolExecutor.executions = [];
+ToolExecutor.spinners = new Map();

package/dist/ui/UIManager.js

@@ -19,12 +19,12 @@ class UIManager {
             whitespaceBreak: true,
         });
         console.log(gradient_string_1.default.pastel.multiline(logoText));
-        console.log(chalk_1.default.gray('  v1.1.3 - AI Coding Agent'));
+        console.log(chalk_1.default.gray('  v1.1.6 - AI Coding Agent'));
         console.log('');
     }
     static renderDashboard(config) {
         const { model, cwd } = config;
-        const version = 'v1.1.3';
+        const version = 'v1.1.6';
         // Layout: Left (Status/Welcome) | Right (Tips/Activity)
         // Total width ~80 chars. 
         // Left ~45, Right ~30.
@@ -74,5 +74,15 @@ class UIManager {
     static printSeparator() {
         console.log(chalk_1.default.gray('──────────────────────────────────────────────────'));
     }
+    static logBullet(text, color = 'white') {
+        const bullet = color === 'white' ? '●' : chalk_1.default[color]('●');
+        console.log(`  ${bullet} ${text}`);
+    }
+    static logSystem(text) {
+        console.log(chalk_1.default.dim(`    ${text}`));
+    }
+    static logTransition(text) {
+        console.log(`  ${chalk_1.default.red('+')} ${chalk_1.default.red(text)}`);
+    }
 }
 exports.UIManager = UIManager;