matex-cli 1.2.15 → 1.2.17

package/src/utils/tui.ts

@@ -51,7 +51,7 @@ export class TUI {
     static clear() {
         process.stdout.write('\x1b[2J\x1b[H');
         this.drawHeader();
-        this.drawStatusBar(this.currentStatus);
+        this.drawStatusBar(this.currentStatus, true);
     }
 
     /**
@@ -64,34 +64,101 @@ export class TUI {
 
         // Move to top
         process.stdout.write('\x1b[H');
-        console.log(chalk.bgCyan.black(' '.repeat(padding) + banner + ' '.repeat(width - banner.length - padding)));
-        console.log(chalk.gray('─'.repeat(width)));
+        process.stdout.write(chalk.bgCyan.black(' '.repeat(padding) + banner + ' '.repeat(width - banner.length - padding)) + '\n');
+        process.stdout.write(chalk.gray('─'.repeat(width)) + '\n');
+    }
+
+    /**
+     * Helper to draw a box with content
+     */
+    private static drawBox(title: string, color: (s: string) => string, lines: string[], icon: string = '📦') {
+        const width = Math.min(process.stdout.columns || 80, 100);
+
+        console.log();
+        const trafficLights = chalk.red('●') + ' ' + chalk.yellow('●') + ' ' + chalk.green('●');
+        const displayTitle = ` ${icon} ${title} `;
+
+        console.log(chalk.gray('┏' + '━'.repeat(width - 2) + '┓'));
+        console.log(chalk.gray('┃ ') + trafficLights + ' ' + color(displayTitle).padEnd(width - 4) + chalk.gray(' ┃'));
+        console.log(chalk.gray('┣' + '━'.repeat(width - 2) + '┫'));
+
+        lines.forEach(line => {
+            const formattedLine = line.substring(0, width - 6);
+            console.log(chalk.gray('┃ ') + chalk.white(formattedLine).padEnd(width - 4) + chalk.gray(' ┃'));
+        });
+
+        console.log(chalk.gray('┗' + '━'.repeat(width - 2) + '┛'));
+        console.log();
     }
 
     /**
      * Draw a real-time status bar at the bottom
      */
-    static drawStatusBar(status: string) {
-        this.currentStatus = status;
+    static drawStatusBar(status: string, force: boolean = false) {
         if (!this.isInitialized) return;
+        if (this.currentStatus === status && !force) return;
 
+        this.currentStatus = status;
         const width = process.stdout.columns || 80;
         const height = process.stdout.rows || 24;
 
-        // Save cursor position
+        // Save cursor position using ANSI
         process.stdout.write('\x1b[s');
 
-        // Move to bottom line
-        process.stdout.write(`\x1b[${height};1H`);
+        // Move to absolute bottom row
+        readline.cursorTo(process.stdout, 0, height - 1);
 
         const cleanStatus = status.substring(0, width - 10);
-        const bar = ` [⚡] ${cleanStatus} `.padEnd(width);
-        process.stdout.write(chalk.bgWhite.black(bar));
+        const barContent = ` [⚡] ${cleanStatus} `.padEnd(width);
+        process.stdout.write(chalk.bgWhite.black(barContent));
 
         // Restore cursor position
         process.stdout.write('\x1b[u');
     }
 
+    /**
+     * Draw a premium code container
+     */
+    static drawCodeContainer(title: string, lang: string, content: string) {
+        const lines = content.split('\n').filter(l => l.trim() || l === '');
+        this.drawBox(`${title} (${lang})`, chalk.cyan.bold, lines, '📝');
+    }
+
+    /**
+     * Draw a message box for agent dialogue
+     */
+    static drawMessageContainer(agent: string, message: string) {
+        const lines = this.wrapText(message, 90);
+        const colorMap: any = {
+            'Ajay Vai': chalk.magenta.bold,
+            'Sunil Dai': chalk.blue.bold,
+            'Sandip Dai': chalk.hex('#FF69B4').bold,
+            'Narayan Dai': chalk.green.bold
+        };
+        const color = colorMap[agent] || chalk.white.bold;
+        this.drawBox(agent, color, lines, '🗣️');
+    }
+
+    /**
+     * Wrap text to a specific width
+     */
+    private static wrapText(text: string, width: number): string[] {
+        const words = text.split(' ');
+        const lines = [];
+        let currentLine = '';
+
+        words.forEach(word => {
+            if ((currentLine + word).length < width) {
+                currentLine += (currentLine ? ' ' : '') + word;
+            } else {
+                lines.push(currentLine);
+                currentLine = word;
+            }
+        });
+        if (currentLine) lines.push(currentLine);
+        return lines;
+    }
+
     /**
      * Log content into the scrollable area
      */
@@ -100,9 +167,7 @@ export class TUI {
             console.log(content);
             return;
         }
-
-        // Since we are in an alternative buffer, standard console.log works 
-        // within the viewport between header and footer.
+        // Ensure we don't overwrite the status bar
         console.log(content);
     }
 }