matex-cli 1.2.42 → 1.2.44

package/src/utils/tui.ts

@@ -47,7 +47,7 @@ export class TUI {
    █▀▄▀█ ▄▀█ ▀█▀ █▀▀ ▀▄▀   ▄▀█ █
    █ ▀ █ █▀█  █  ██▄ █ █   █▀█ █
         `;
-        console.log(chalk.hex('#D97757').bold(logo));
+        console.log(chalk.hex('#0de306ff').bold(logo));
     }
 
     /**
@@ -93,29 +93,108 @@ export class TUI {
     }
 
     /**
-     * Draw a clean code block
+     * Draw a premium glowing code container (turns cyan)
      */
-    static drawCodeContainer(title: string, lang: string, code: string) {
-        console.log('\n' + chalk.cyan.bold(`[ FILE: ${title} (${lang}) ]`));
-        const lines = code.split('\n');
-        lines.forEach(line => {
-            console.log(chalk.hex('#e0e0e0')(line));
+    static drawGlowingContainer(title: string, language: string, content: string) {
+        const width = Math.min(process.stdout.columns || 80, 100);
+        const innerWidth = width - 4;
+
+        // Premium Cyan Glow
+        const glow = chalk.hex('#06b6d4');
+        const bright = chalk.hex('#22d3ee');
+        const dark = chalk.hex('#164e63');
+
+        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;
+
+        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(' │'));
         });
-        console.log(chalk.gray('---------------------------------\n'));
+
+        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(' │'));
+        }
+
+        // Footer
+        console.log(glow('  ╰' + '─'.repeat(innerWidth) + '╯'));
+        console.log(dark(`  '${'·'.repeat(width - 4)}'`));
+        console.log();
     }
 
     /**
-     * Draw a clean summary report
+     * Draw Ajay Vai's premium summary with a human chat bubble vibe
      */
     static drawSummaryBox(content: string) {
-        console.log('\n' + chalk.magenta.bold('== ✅ AJAY VAI\'S WORK SUMMARY =='));
+        const width = Math.min(process.stdout.columns || 80, 76);
+        const innerWidth = width - 6;
+        const magenta = chalk.hex('#ff69b4');
+        const pinkBright = chalk.hex('#ff99cc');
+        const pinkGlow = chalk.hex('#ffccee');
+
+        console.log();
+        // Timestamp for chat realism
+        const time = new Date().toLocaleTimeString('en-US', { hour: 'numeric', minute: '2-digit' });
+        console.log(chalk.gray(`  ╭─ [${time}] ──────────────────────────────`));
+
+        // Header mimicking WhatsApp / iMessage chat interface
+        const headerText = '🚀 Ajay Vai';
+        const typingText = chalk.italic.gray('sent you a message');
+        console.log(`  │ ${magenta.bold(headerText)} ${typingText}`);
+
+        // Chat bubble top
+        console.log(pinkGlow(`  ╭${'─'.repeat(width - 4)}╮`));
+
+        // Content with chat bubble formatting
         const lines = content.split('\n');
         lines.forEach(line => {
-            if (line.trim()) {
-                console.log(chalk.white(line.trim()));
-            }
+            if (!line.trim()) return;
+            const trimmed = line.trim();
+
+            // Word wrap
+            const words = trimmed.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) wrappedLines.push(currentLine);
+
+            wrappedLines.forEach(wl => {
+                const linePad = Math.max(0, innerWidth - wl.length);
+                // Keep bullet formatting but tone down the robotic feel
+                if (wl.startsWith('- ') || wl.startsWith('• ') || wl.match(/^\d+\./)) {
+                    console.log(pinkGlow('  │ ') + magenta('• ') + chalk.white(wl.replace(/^[-•]\s*/, '').replace(/^\d+\.\s*/, '')) + ' '.repeat(Math.max(0, linePad - 2)) + pinkGlow(' │'));
+                } else {
+                    console.log(pinkGlow('  │ ') + chalk.white(wl) + ' '.repeat(linePad) + pinkGlow(' │'));
+                }
+            });
         });
-        console.log(chalk.magenta.bold('=================================\n'));
+
+        // Chat bubble bottom
+        console.log(pinkGlow(`  ╰${'─'.repeat(width - 4)}╯`));
+        console.log(chalk.gray(`  ╰──────────────────────────────────────────`));
+        console.log();
     }
 
     /**
@@ -131,7 +210,7 @@ export class TUI {
     }
 
     /**
-     * Draw a beautiful, compact internal dialogue container for the Swarm
+     * Draw a premium glowing dialogue container for Swarm agents
      */
     static drawSwarmDialogue(agent: string, message: string) {
         const isBigBro = agent.includes('Big Bro');
@@ -144,7 +223,20 @@ export class TUI {
                                 agent.includes('Nerd') ? chalk.hex('#06b6d4') :
                                     agent.includes('Chill') ? chalk.hex('#22c55e') :
                                         agent.includes('Lil') ? chalk.hex('#888888') :
-                                            chalk.green;
+                                            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');
 
         const icon = isBigBro ? '🔥' :
             agent.includes('Ajay') ? '🚀' :
@@ -154,19 +246,22 @@ export class TUI {
                             agent.includes('Hype') ? '🎉' :
                                 agent.includes('Nerd') ? '🤓' :
                                     agent.includes('Chill') ? '😎' :
-                                        agent.includes('Lil') ? '😰' : '🛡️';
+                                        agent.includes('Lil') ? '😰' :
+                                            agent.includes('Narayan') ? '🛡️' : '🛡️';
 
         const width = Math.min(process.stdout.columns || 80, 76);
         const innerWidth = width - 6;
 
-        // Top border
-        console.log(color(`  ┌${'─'.repeat(width - 4)}┐`));
-        // Header
+        // 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
-        console.log(color(`  ├${'─'.repeat(width - 4)}┤`));
+        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
         const words = message.split(' ');
@@ -185,11 +280,13 @@ export class TUI {
 
         wrappedLines.forEach(line => {
             const linePad = Math.max(0, innerWidth - line.length);
-            console.log(color('  │ ') + chalk.gray(line) + ' '.repeat(linePad) + color(' │'));
+            console.log(color('  ║ ') + chalk.white(line) + ' '.repeat(linePad) + color(' ║'));
         });
 
         // Bottom border
-        console.log(color(`  └${'─'.repeat(width - 4)}┘`));
+        console.log(color(`  ╚${'═'.repeat(width - 4)}╝`));
+        // Bottom glow shimmer
+        console.log(glowColor(`  ░${'░'.repeat(width - 4)}░`));
     }
 
     /**