matex-cli 1.2.47 → 1.2.49

package/src/utils/tui.ts

@@ -96,51 +96,110 @@ export class TUI {
      * Draw a premium glowing code container (turns cyan)
      */
     static drawGlowingContainer(title: string, language: string, content: string) {
-        const width = Math.min(process.stdout.columns || 80, 100);
-        const innerWidth = width - 4;
+        const width = 76;
+        const innerWidth = width - 8;
 
-        // Premium Cyan Glow
         const glow = chalk.hex('#06b6d4');
-        const bright = chalk.hex('#22d3ee');
-        const dark = chalk.hex('#164e63');
+        const border = chalk.hex('#164e63');
+        const shadow = chalk.hex('#083344');
+
+        console.log('\n' + shadow(`  ┌${'─'.repeat(width - 4)}┐`));
+        const header = ` ${title.toUpperCase()} • ${language} `;
+        const hPad = Math.max(0, width - 8 - header.length);
+        console.log(glow('  │ ') + chalk.bgHex('#164e63').white.bold(header) + border('─'.repeat(hPad)) + glow(' │'));
 
-        console.log();
-        // Top shadow/glow
-        console.log(dark(`  .${'·'.repeat(width - 4)}.`));
-        // Header
-        const headerText = ` ${title} [${language}] `;
-        const headerPad = Math.max(0, innerWidth - headerText.length);
-        console.log(glow('  ╭─') + bright.bold.bgHex('#083344')(headerText) + glow('─'.repeat(headerPad - 2)) + glow('╮'));
-
-        // Content
         const lines = content.split('\n');
-        // Limit display to 20 lines to keep it small/compact
-        const displayLines = lines.length > 20 ? lines.slice(0, 18) : lines;
+        const displayLines = lines.length > 25 ? lines.slice(0, 23) : lines;
 
         displayLines.forEach(line => {
-            // Trim to width
-            const displayLine = line.length > innerWidth - 2 ? line.substring(0, innerWidth - 5) + '...' : line;
-            const pad = Math.max(0, innerWidth - 2 - displayLine.length);
-            console.log(glow('  │ ') + chalk.white(displayLine) + ' '.repeat(pad) + glow(' │'));
+            const displayLine = line.length > innerWidth ? line.substring(0, innerWidth - 3) + '...' : line;
+            const pad = Math.max(0, innerWidth - displayLine.length);
+            console.log(border('  │  ') + chalk.white(displayLine) + ' '.repeat(pad) + border('  │'));
         });
 
-        if (lines.length > 20) {
-            const hiddenText = chalk.italic.gray(`... ${lines.length - 18} more lines ...`);
-            const pad = Math.max(0, innerWidth - 2 - (`... ${lines.length - 18} more lines ...`).length);
-            console.log(glow('  │ ') + hiddenText + ' '.repeat(pad) + glow(' │'));
+        if (lines.length > 25) {
+            console.log(border('  │  ') + chalk.italic.gray(`... ${lines.length - 23} more lines ...`).padEnd(innerWidth) + border('  │'));
         }
 
-        // Footer
-        console.log(glow('  ╰' + '─'.repeat(innerWidth) + '╯'));
-        console.log(dark(`  '${'·'.repeat(width - 4)}'`));
-        console.log();
+        console.log(shadow(`  └${'─'.repeat(width - 4)}┘\n`));
+    }
+
+    /**
+     * Nebula Thinking Box: Starry background effect for deliberation
+     */
+    static drawThinkingBox(agent: string, thought: string) {
+        const width = Math.min(process.stdout.columns || 80, 70);
+        const innerWidth = width - 10;
+        const starColor = chalk.hex('#6366f1');
+        const nebulaColor = chalk.hex('#a855f7');
+
+        console.log('\n' + starColor(`  ✧ . * . ✧ . * . ✧`));
+        console.log(nebulaColor(`  ╭${'─'.repeat(width - 4)}╮`));
+        console.log(nebulaColor('  │ ') + nebulaColor.bold(`[ ${agent} is deliberating... ]`).padEnd(width - 6) + nebulaColor(' │'));
+        console.log(nebulaColor('  ├' + '╌'.repeat(width - 4) + '┤'));
+
+        const words = thought.split(' ');
+        let currentLine = '';
+        words.forEach(word => {
+            if ((currentLine + ' ' + word).trim().length <= innerWidth) {
+                currentLine = currentLine ? currentLine + ' ' + word : word;
+            } else {
+                if (currentLine) console.log(nebulaColor('  │  ') + chalk.italic.dim(currentLine.padEnd(innerWidth)) + nebulaColor('  │'));
+                currentLine = word;
+            }
+        });
+        if (currentLine) console.log(nebulaColor('  │  ') + chalk.italic.dim(currentLine.padEnd(innerWidth)) + nebulaColor('  │'));
+
+        console.log(nebulaColor(`  ╰${'─'.repeat(width - 4)}╯`));
+        console.log(starColor(`  * . ✧ . * . ✧ . *`));
+    }
+
+    /**
+     * Live Streaming: Start a technical block container
+     */
+    static drawStreamingStart(title: string, language: string) {
+        const width = 76;
+        const glow = chalk.hex('#06b6d4');
+        const border = chalk.hex('#164e63');
+        const shadow = chalk.hex('#083344');
+
+        console.log('\n' + shadow(`  ┌${'─'.repeat(width - 4)}┐`));
+        const header = ` ${title.toUpperCase()} • ${language} `;
+        const hPad = Math.max(0, width - 8 - header.length);
+        console.log(glow('  │ ') + chalk.bgHex('#164e63').white.bold(header) + border('─'.repeat(hPad)) + glow(' │'));
+    }
+
+    /**
+     * Live Streaming: Add a line to the active container
+     */
+    static drawStreamingLine(content: string) {
+        const width = 76;
+        const innerWidth = width - 8;
+        const border = chalk.hex('#164e63');
+
+        // Handle multi-line content if passed
+        const lines = content.split('\n');
+        lines.forEach(line => {
+            const displayLine = line.length > innerWidth ? line.substring(0, innerWidth - 3) + '...' : line;
+            const pad = Math.max(0, innerWidth - displayLine.length);
+            console.log(border('  │  ') + chalk.white(displayLine) + ' '.repeat(pad) + border('  │'));
+        });
+    }
+
+    /**
+     * Live Streaming: Close the container
+     */
+    static drawStreamingEnd() {
+        const width = 76;
+        const shadow = chalk.hex('#083344');
+        console.log(shadow(`  └${'─'.repeat(width - 4)}┘\n`));
     }
 
     /**
      * Draw Ajay Vai's premium summary with a human chat bubble vibe
      */
     static drawSummaryBox(content: string) {
-        const width = Math.min(process.stdout.columns || 80, 76);
+        const width = 74;
         const innerWidth = width - 6;
         const magenta = chalk.hex('#ff69b4');
         const pinkBright = chalk.hex('#ff99cc');
@@ -219,74 +278,40 @@ export class TUI {
                 agent.includes('Sunil') ? chalk.blue :
                     agent.includes('Sandip') ? chalk.hex('#FF69B4') :
                         agent.includes('Bishal') ? chalk.yellow :
-                            agent.includes('Hype') ? chalk.hex('#fbbf24') :
-                                agent.includes('Nerd') ? chalk.hex('#06b6d4') :
-                                    agent.includes('Chill') ? chalk.hex('#22c55e') :
-                                        agent.includes('Lil') ? chalk.hex('#888888') :
-                                            agent.includes('Narayan') ? chalk.green :
-                                                chalk.green;
-
-        // Glow color is a brighter version of the agent color
-        const glowColor = isBigBro ? chalk.hex('#FF9642') :
-            agent.includes('Ajay') ? chalk.hex('#ff77ff') :
-                agent.includes('Sunil') ? chalk.hex('#66aaff') :
-                    agent.includes('Sandip') ? chalk.hex('#ff99cc') :
-                        agent.includes('Bishal') ? chalk.hex('#ffee66') :
-                            agent.includes('Hype') ? chalk.hex('#ffe066') :
-                                agent.includes('Nerd') ? chalk.hex('#33ddee') :
-                                    agent.includes('Chill') ? chalk.hex('#66ff88') :
-                                        agent.includes('Lil') ? chalk.hex('#aaaaaa') :
-                                            chalk.hex('#66ff88');
+                            agent.includes('Narayan') ? chalk.green : chalk.cyan;
 
+        const glowColor = isBigBro ? chalk.hex('#fbbf24') : color;
         const icon = isBigBro ? '🔥' :
             agent.includes('Ajay') ? '🚀' :
                 agent.includes('Sunil') ? '🧬' :
                     agent.includes('Sandip') ? '🎨' :
                         agent.includes('Bishal') ? '🛠️' :
-                            agent.includes('Hype') ? '🎉' :
-                                agent.includes('Nerd') ? '🤓' :
-                                    agent.includes('Chill') ? '😎' :
-                                        agent.includes('Lil') ? '😰' :
-                                            agent.includes('Narayan') ? '🛡️' : '🛡️';
+                            agent.includes('Narayan') ? '🛡️' : '🤖';
 
-        const width = Math.min(process.stdout.columns || 80, 76);
-        const innerWidth = width - 6;
+        const width = 76;
+        const innerWidth = width - 10;
 
-        // Top glow shimmer
-        console.log(glowColor(`  ░${'░'.repeat(width - 4)}░`));
-        // Top border with premium double-line
-        console.log(color(`  ╔${'═'.repeat(width - 4)}╗`));
-        // Header with agent name
-        const headerText = `${icon} ${agent}`;
-        const pad = Math.max(0, innerWidth - headerText.length);
-        console.log(color('  ║ ') + color.bold(headerText) + ' '.repeat(pad) + color(' ║'));
-        // Separator with dots for premium feel
-        console.log(color('  ╠') + glowColor('·'.repeat(width - 4)) + color('╣'));
-
-        // Content lines with word wrap
+        // Robust Elite Header
+        console.log('\n' + color(`  ┌${'─'.repeat(width - 4)}┐`));
+        const header = ` ${icon} ${agent.toUpperCase()} `;
+        const hPad = Math.max(0, width - 8 - header.length);
+        console.log(color('  │ ') + chalk.bgHex('#1a1a1a').white.bold(header) + color('╊'.repeat(hPad)) + color(' │'));
+        console.log(color('  │ ') + glowColor('─'.repeat(width - 6)) + color(' │'));
+
+        // Wrapped Content
         const words = message.split(' ');
         let currentLine = '';
-        const wrappedLines: string[] = [];
-
         words.forEach(word => {
             if ((currentLine + ' ' + word).trim().length <= innerWidth) {
                 currentLine = currentLine ? currentLine + ' ' + word : word;
             } else {
-                if (currentLine) wrappedLines.push(currentLine);
-                currentLine = word.length > innerWidth ? word.substring(0, innerWidth) : word;
+                if (currentLine) console.log(color('  │  ') + chalk.white(currentLine.padEnd(innerWidth)) + color('  │'));
+                currentLine = word;
             }
         });
-        if (currentLine) wrappedLines.push(currentLine);
-
-        wrappedLines.forEach(line => {
-            const linePad = Math.max(0, innerWidth - line.length);
-            console.log(color('  ║ ') + chalk.white(line) + ' '.repeat(linePad) + color(' ║'));
-        });
+        if (currentLine) console.log(color('  │  ') + chalk.white(currentLine.padEnd(innerWidth)) + color('  │'));
 
-        // Bottom border
-        console.log(color(`  ╚${'═'.repeat(width - 4)}╝`));
-        // Bottom glow shimmer
-        console.log(glowColor(`  ░${'░'.repeat(width - 4)}░`));
+        console.log(color(`  └${'─'.repeat(width - 4)}┘\n`));
     }
 
     /**