@sylix/coworker 1.2.6 → 1.3.0

package/dist/utils/output.js

@@ -33,14 +33,16 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Timer = exports.ThinkingAnimation = exports.theme = void 0;
+exports.Timer = exports.ThinkingAnimation = exports.theme = exports.CW_VERSION = void 0;
 exports.getTermWidth = getTermWidth;
 exports.showBanner = showBanner;
 exports.showStaticBanner = showStaticBanner;
-exports.boxTop = boxTop;
-exports.boxBottom = boxBottom;
+exports.showSessionInfo = showSessionInfo;
+exports.renderMarkdown = renderMarkdown;
 exports.printResponseHeader = printResponseHeader;
+exports.printResponseLine = printResponseLine;
 exports.printResponseFooter = printResponseFooter;
+exports.streamResponseChunk = streamResponseChunk;
 exports.printUserPrompt = printUserPrompt;
 exports.printError = printError;
 exports.printSuccess = printSuccess;
@@ -54,16 +56,22 @@ exports.printCommitBox = printCommitBox;
 exports.printDiff = printDiff;
 exports.printHelp = printHelp;
 exports.printCompact = printCompact;
+exports.getSlashCompletions = getSlashCompletions;
+exports.renderSlashMenu = renderSlashMenu;
 exports.printBox = printBox;
 const chalk = __importStar(require("chalk"));
 /**
  * ═══════════════════════════════════════════════════════════════════
- * CoWorker by Sylix — Premium Output System
+ * CoWorker v1.3.0 by Sylix — Premium Output System
  * ═══════════════════════════════════════════════════════════════════
  *
- * Claude Code meets hacker terminal meets luxury product.
- * Handles all terminal rendering: animations, themes, boxes, streaming.
+ * Full Claude Code-level terminal rendering:
+ * - Animated line-by-line banner with word-by-word tagline
+ * - Thinking animation with rotating messages
+ * - Markdown-aware response rendering (code blocks, bold, inline code)
+ * - Score cards, commit boxes, diff previews
  */
+exports.CW_VERSION = '1.3.0';
 // ============================================================================
 // THEME SYSTEM
 // ============================================================================
@@ -89,6 +97,7 @@ exports.theme = {
     dim: hex('#6B7280'), // Gray — secondary info
     white: hex('#F9FAFB'), // Off white
     code: hex('#FCD34D'), // Yellow — code and commands
+    purple: hex('#A78BFA'), // Violet for tagline
 };
 // ============================================================================
 // TERMINAL UTILS
@@ -111,7 +120,7 @@ function showCursor() {
         process.stdout.write('\x1b[?25h');
 }
 // ============================================================================
-// STARTUP BANNER — Char-by-char typewriter
+// PART 1: ANIMATED BANNER — Line-by-line slide-in, word-by-word tagline
 // ============================================================================
 const LOGO_LINES = [
     ' ██████╗ ██████╗ ██╗    ██╗ ██████╗ ██████╗ ██╗  ██╗███████╗██████╗ ',
@@ -122,58 +131,76 @@ const LOGO_LINES = [
     ' ╚═════╝ ╚═════╝  ╚══╝╚══╝  ╚═════╝ ╚═╝  ╚═╝╚═╝  ╚═╝╚══════╝╚═╝  ╚═╝',
 ];
 /**
- * Full animated startup banner.
- * Step 1: Char-by-char typewriter ASCII logo
- * Step 2: Tagline fade-in word by word
- * Step 3: Animated thin line draw
- * Step 4: User/model info in dim text
+ * Full animated startup banner for CoWorker v1.3.0.
+ *
+ * 1. Logo slides in line-by-line (60ms between lines)
+ * 2. Tagline fades in word-by-word with semantic coloring
+ * 3. Divider draws left-to-right (3ms/char)
+ * 4. Info line fades in
+ * 5. Session info appears with 50ms delay between lines
+ * Total: under 1.5 seconds
  */
 async function showBanner(version, userEmail, model = 'helix-1.2') {
-    if (IS_PIPE)
+    if (IS_PIPE || process.env.CW_NO_BANNER === '1')
         return;
     hideCursor();
     console.log('');
-    // Step 1: Typewriter ASCII art — char by char (batched 4 chars at 2ms for speed)
-    for (const line of LOGO_LINES) {
-        const chars = [...line];
-        let buffer = '';
-        for (let i = 0; i < chars.length; i++) {
-            buffer += chars[i];
-            if (i % 4 === 3 || i === chars.length - 1) {
-                process.stdout.write(exports.theme.brand(buffer));
-                buffer = '';
-                await sleep(2);
+    try {
+        // Step 1: Logo — line by line, each types across rapidly
+        for (const line of LOGO_LINES) {
+            const chars = [...line];
+            let buffer = '';
+            for (let i = 0; i < chars.length; i++) {
+                buffer += chars[i];
+                // Batch 6 chars at a time for speed
+                if (i % 6 === 5 || i === chars.length - 1) {
+                    process.stdout.write(exports.theme.brand(buffer));
+                    buffer = '';
+                    await sleep(1);
+                }
             }
+            process.stdout.write('\n');
+            await sleep(60); // 60ms between lines
         }
-        process.stdout.write('\n');
-    }
-    // Step 2: Fade in tagline one word at a time
-    console.log('');
-    const taglineWords = ['  by', 'Sylix', ' ·', ' Your', 'AI', 'Coding', 'Partner'];
-    for (const word of taglineWords) {
-        process.stdout.write(exports.theme.dim(word + ' '));
-        await sleep(80);
+        // Step 2: Tagline — word by word, each with its own color
+        console.log('');
+        const taglineWords = [
+            { text: 'by', color: exports.theme.dim },
+            { text: 'Sylix', color: exports.theme.brand },
+            { text: '·', color: exports.theme.dim },
+            { text: 'Your', color: exports.theme.white },
+            { text: 'AI', color: exports.theme.purple },
+            { text: 'Coding', color: exports.theme.white },
+            { text: 'Partner', color: exports.theme.white },
+        ];
+        process.stdout.write('  ');
+        for (const word of taglineWords) {
+            process.stdout.write(word.color(word.text) + ' ');
+            await sleep(100);
+        }
+        console.log('');
+        // Step 3: Divider — draws left to right, char by char
+        console.log('');
+        const lineWidth = Math.min(getTermWidth() - 4, 60);
+        process.stdout.write('  ');
+        for (let i = 0; i < lineWidth; i++) {
+            process.stdout.write(exports.theme.dim('━'));
+            if (i % 3 === 0)
+                await sleep(3);
+        }
+        console.log('');
+        // Step 4: Info line — fades in all at once
+        console.log('');
+        const userStr = userEmail ? `Signed in as ${userEmail}` : 'Not signed in';
+        console.log(`  ${exports.theme.brand('◆')} ${exports.theme.dim(`${userStr}  ·  Model: ${model}  ·  v${version}`)}`);
+        console.log('');
     }
-    console.log('');
-    // Step 3: Animated thin line draw across terminal
-    console.log('');
-    const lineWidth = Math.min(getTermWidth() - 4, 60);
-    process.stdout.write('  ');
-    for (let i = 0; i < lineWidth; i++) {
-        process.stdout.write(exports.theme.brand('━'));
-        if (i % 3 === 0)
-            await sleep(3);
+    finally {
+        showCursor();
     }
-    console.log('');
-    // Step 4: User + model + version
-    console.log('');
-    const userStr = userEmail ? `Signed in as ${userEmail}` : 'Not signed in';
-    console.log(exports.theme.dim(`  ◆ ${userStr}  ·  Model: ${model}  ·  v${version}`));
-    console.log('');
-    showCursor();
 }
 /**
- * Static banner for non-TTY / piped / --no-banner mode.
+ * Static banner for non-TTY / piped / quick modes.
  */
 function showStaticBanner(version) {
     console.log('');
@@ -182,81 +209,190 @@ function showStaticBanner(version) {
     }
     console.log(exports.theme.dim(`\n  by Sylix  ·  v${version}\n`));
 }
+/**
+ * Session info lines — appear with delay between each.
+ */
+async function showSessionInfo(cwd, sessionId) {
+    if (IS_PIPE) {
+        console.log(`  cwd:     ${cwd}`);
+        console.log(`  session: ${sessionId.substring(0, 8)}...`);
+        console.log(`  tips:    /help for commands, Ctrl+C to exit\n`);
+        return;
+    }
+    const lines = [
+        exports.theme.dim(`  cwd:     ${cwd}`),
+        exports.theme.dim(`  session: ${sessionId.substring(0, 8)}...`),
+        exports.theme.dim(`  tips:    /help for commands, Ctrl+C to exit`),
+    ];
+    for (const line of lines) {
+        console.log(line);
+        await sleep(50);
+    }
+    console.log('');
+}
 // ============================================================================
-// THINKING / LOADING ANIMATION — Pulsing dots
+// PART 2: THINKING ANIMATION — Rotating messages with pulsing dots
 // ============================================================================
-const LOADING_MESSAGES = [
-    '◆ Sylix brain activated...',
-    '◆ Reading your codebase...',
-    '◆ Thinking really hard...',
-    '◆ Consulting the AI oracle...',
-    '◆ Crafting something brilliant...',
-    '◆ CoWorker is on it...',
+const THINKING_MESSAGES = [
+    'working',
+    'thinking',
+    'reading codebase',
+    'analyzing',
+    'on it',
+    'crafting something',
+    'processing',
 ];
 class ThinkingAnimation {
-    constructor() {
+    constructor(customMessage) {
         this.interval = null;
         this.frame = 0;
-        this.message = LOADING_MESSAGES[Math.floor(Math.random() * LOADING_MESSAGES.length)];
+        this.message = customMessage || THINKING_MESSAGES[Math.floor(Math.random() * THINKING_MESSAGES.length)];
     }
     start() {
         if (IS_PIPE)
             return;
         hideCursor();
-        const dots = ['◉ ○ ○', '○ ◉ ○', '○ ○ ◉'];
         this.interval = setInterval(() => {
-            const dot = dots[this.frame % dots.length];
-            process.stdout.write(`\r  ${exports.theme.brand(dot)}  ${exports.theme.dim(this.message)}` + ' '.repeat(10));
+            // Pulsing dots: working·  working··  working···  working
+            const dotCount = (this.frame % 4);
+            const dots = '.'.repeat(dotCount);
+            const pad = '.'.repeat(3 - dotCount);
+            process.stdout.write(`\r  ${exports.theme.brand('◆')} ${exports.theme.dim(this.message + dots)}${exports.theme.dim(pad)}` + ' '.repeat(10));
             this.frame++;
-        }, 300);
+        }, 400);
     }
     stop() {
         if (this.interval) {
             clearInterval(this.interval);
             this.interval = null;
         }
+        // Clear the line
         process.stdout.write('\r' + ' '.repeat(getTermWidth()) + '\r');
         showCursor();
     }
 }
 exports.ThinkingAnimation = ThinkingAnimation;
 // ============================================================================
-// BOXED AI RESPONSE RENDERING
+// PART 3: MARKDOWN-AWARE RESPONSE RENDERING
 // ============================================================================
-function boxTop(label = 'CoWorker') {
-    const w = Math.min(getTermWidth() - 2, 70);
-    if (isNarrow())
-        return exports.theme.brand(`─ ${label} ─`);
-    const inner = w - 6 - label.length;
-    return exports.theme.brand(`  ╭─ ${label} ${'─'.repeat(Math.max(0, inner))}╮`);
+/**
+ * Renders a block of AI response text with markdown awareness.
+ * Handles: code blocks, **bold**, `inline code`, ## headers, - lists
+ */
+function renderMarkdown(text) {
+    const lines = text.split('\n');
+    const rendered = [];
+    let inCodeBlock = false;
+    let codeLanguage = '';
+    let codeBuffer = [];
+    for (const line of lines) {
+        // Code block start
+        if (line.trim().startsWith('```') && !inCodeBlock) {
+            inCodeBlock = true;
+            codeLanguage = line.trim().replace('```', '').trim() || 'code';
+            codeBuffer = [];
+            continue;
+        }
+        // Code block end
+        if (line.trim() === '```' && inCodeBlock) {
+            inCodeBlock = false;
+            // Render the code box
+            const maxLen = Math.max(...codeBuffer.map(l => l.length), codeLanguage.length + 4);
+            const boxWidth = Math.min(maxLen + 4, getTermWidth() - 10);
+            rendered.push('');
+            rendered.push(`  ${exports.theme.dim(`┌─ ${codeLanguage} ${'─'.repeat(Math.max(0, boxWidth - codeLanguage.length - 5))}┐`)}`);
+            for (const codeLine of codeBuffer) {
+                const padded = codeLine + ' '.repeat(Math.max(0, boxWidth - codeLine.length - 4));
+                rendered.push(`  ${exports.theme.dim('│')}  ${exports.theme.code(padded)}${exports.theme.dim('│')}`);
+            }
+            rendered.push(`  ${exports.theme.dim(`└${'─'.repeat(boxWidth - 2)}┘`)}`);
+            rendered.push('');
+            codeBuffer = [];
+            continue;
+        }
+        // Inside code block — collect
+        if (inCodeBlock) {
+            codeBuffer.push(line);
+            continue;
+        }
+        // ## Headers
+        if (line.match(/^#{1,3}\s+/)) {
+            const headerText = line.replace(/^#{1,3}\s+/, '');
+            rendered.push('');
+            rendered.push(exports.theme.brand(headerText));
+            continue;
+        }
+        // - List items
+        if (line.match(/^\s*[-*]\s+/)) {
+            const listText = line.replace(/^\s*[-*]\s+/, '');
+            rendered.push(`  ${exports.theme.dim('·')} ${renderInline(listText)}`);
+            continue;
+        }
+        // Regular text with inline formatting
+        rendered.push(renderInline(line));
+    }
+    return rendered.join('\n');
 }
-function boxBottom() {
-    const w = Math.min(getTermWidth() - 2, 70);
-    if (isNarrow())
-        return exports.theme.brand('─'.repeat(20));
-    return exports.theme.brand(`  ╰${'─'.repeat(w - 4)}╯`);
+/**
+ * Renders inline markdown: **bold**, `code`
+ */
+function renderInline(text) {
+    // **bold** → bright white
+    let result = text.replace(/\*\*(.+?)\*\*/g, (_, content) => exports.theme.white(content));
+    // `inline code` → yellow
+    result = result.replace(/`(.+?)`/g, (_, content) => exports.theme.code(content));
+    return result;
 }
+// ── Response box rendering ──
 function printResponseHeader() {
-    console.log(boxTop('CoWorker'));
-    console.log(exports.theme.brand('  │'));
+    console.log(exports.theme.dim('  ╷'));
+}
+function printResponseLine(text) {
+    // Wrap text to terminal width
+    const maxWidth = getTermWidth() - 6;
+    const words = text.split(' ');
+    let currentLine = '';
+    for (const word of words) {
+        if (currentLine.length + word.length + 1 > maxWidth && currentLine.length > 0) {
+            console.log(`${exports.theme.dim('  │')}  ${exports.theme.ai(currentLine)}`);
+            currentLine = word;
+        }
+        else {
+            currentLine = currentLine ? `${currentLine} ${word}` : word;
+        }
+    }
+    if (currentLine) {
+        console.log(`${exports.theme.dim('  │')}  ${exports.theme.ai(currentLine)}`);
+    }
 }
 function printResponseFooter(elapsed, tokenEstimate) {
-    console.log(exports.theme.brand('  │'));
-    console.log(boxBottom());
-    console.log('');
     const elapsedStr = elapsed < 1000 ? `${elapsed}ms` : `${(elapsed / 1000).toFixed(1)}s`;
-    const tokenStr = tokenEstimate ? `  ·  tokens: ~${tokenEstimate}` : '';
-    console.log(exports.theme.dim(`    ✦ Done  ·  sylix.ai  ·  ${elapsedStr}${tokenStr}`));
+    const tokenStr = tokenEstimate ? ` · ${tokenEstimate} tokens` : '';
+    console.log(exports.theme.dim(`  ╵  ✦ ${elapsedStr}${tokenStr}`));
+}
+/**
+ * Streams AI response text into the response box with markdown rendering.
+ * Call printResponseHeader() first, then stream chunks, then printResponseFooter().
+ */
+function streamResponseChunk(chunk) {
+    // Split by newlines and render each part within the box
+    const parts = chunk.split('\n');
+    for (let i = 0; i < parts.length; i++) {
+        if (i > 0) {
+            // Newline within the chunk — start a new box line
+            process.stdout.write(`\n${exports.theme.dim('  │')}  `);
+        }
+        process.stdout.write(exports.theme.ai(parts[i]));
+    }
 }
 // ============================================================================
 // PROMPT RENDERING
 // ============================================================================
 function printUserPrompt(input) {
-    console.log(`  ${exports.theme.white('You')}  ${exports.theme.dim('›')}  ${input}`);
-    console.log('');
+    console.log(`\n  ${exports.theme.dim('you')}  ${exports.theme.brand('›')}  ${input}\n`);
 }
 // ============================================================================
-// ERROR / SUCCESS / WARNING STYLING
+// ERROR / SUCCESS / WARNING
 // ============================================================================
 function printError(title, details, hint) {
     console.log('');
@@ -305,72 +441,49 @@ function printToolError(toolName, error) {
     process.stdout.write(`\r  ${exports.theme.error('✗')} ${exports.theme.code(toolName)}  ${exports.theme.dim(error.substring(0, 60))}` + ' '.repeat(10) + '\n');
 }
 // ============================================================================
-// COMMAND-SPECIFIC STYLING — Score Card (coworker review)
+// SCORE CARD (coworker review)
 // ============================================================================
-/**
- *  ┌─────────────────────────────────┐
- *  │  Code Review · src/index.ts     │
- *  ├─────────────────────────────────┤
- *  │  Quality       ████████░░ 8/10  │
- *  │  Security      ██████████ 10/10 │
- *  └─────────────────────────────────┘
- */
 function printScoreCard(fileName, scores) {
     const w = Math.min(getTermWidth() - 4, 50);
-    const iw = w - 2; // inner width
+    const iw = w - 2;
     const title = `Code Review · ${fileName}`;
     console.log('');
-    console.log(exports.theme.brand(`  ┌${'─'.repeat(iw)}┐`));
-    console.log(exports.theme.brand(`  │  `) + exports.theme.white(title) + ' '.repeat(Math.max(0, iw - title.length - 2)) + exports.theme.brand(`│`));
-    console.log(exports.theme.brand(`  ├${'─'.repeat(iw)}┤`));
+    console.log(exports.theme.dim(`  ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄`));
     for (const { label, score, max = 10 } of scores) {
         const barWidth = 10;
         const filled = Math.round((score / max) * barWidth);
         const bar = '█'.repeat(filled) + '░'.repeat(barWidth - filled);
-        const scoreStr = ` ${score}/${max}`;
-        const barColor = score >= 8 ? exports.theme.success : score >= 5 ? exports.theme.warning : exports.theme.error;
-        const pad = 15 - label.length;
-        const content = `${label}${' '.repeat(Math.max(1, pad))}${bar}${scoreStr}`;
-        const rowPad = iw - content.length - 2;
-        console.log(exports.theme.brand(`  │  `) + exports.theme.dim(label) + ' '.repeat(Math.max(1, pad)) + barColor(bar) + exports.theme.dim(scoreStr) + ' '.repeat(Math.max(0, rowPad)) + exports.theme.brand(`│`));
+        const barColor = score >= 8 ? exports.theme.brand : score >= 5 ? exports.theme.warning : exports.theme.error;
+        const dots = '·'.repeat(Math.max(1, 16 - label.length));
+        console.log(`  ${exports.theme.dim(label)} ${exports.theme.dim(dots)} ${exports.theme.white(String(score))}   ${barColor(bar)}`);
     }
-    console.log(exports.theme.brand(`  └${'─'.repeat(iw)}┘`));
+    console.log(exports.theme.dim(`  ┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄┄`));
     console.log('');
 }
 // ============================================================================
-// COMMAND-SPECIFIC STYLING — Commit Box (coworker commit)
+// COMMIT BOX (coworker commit)
 // ============================================================================
-/**
- *  ╭─ Suggested Commit ──────────────────╮
- *  │  ✨ feat: add user auth middleware   │
- *  │                                     │
- *  │  Use this commit message? (y/n) ›   │
- *  ╰─────────────────────────────────────╯
- */
 function printCommitBox(commitMessage) {
     const w = Math.min(getTermWidth() - 2, 55);
-    const label = 'Suggested Commit';
+    const label = 'suggested commit';
     const headerPad = w - 6 - label.length;
-    const msgLine = `✨ ${commitMessage}`;
-    const promptLine = 'Use this commit message? (y/n) ›';
     console.log('');
     console.log(exports.theme.brand(`  ╭─ ${label} ${'─'.repeat(Math.max(0, headerPad))}╮`));
-    console.log(exports.theme.brand(`  │  `) + exports.theme.success(msgLine) + ' '.repeat(Math.max(0, w - 5 - msgLine.length)) + exports.theme.brand(`│`));
     console.log(exports.theme.brand(`  │`) + ' '.repeat(w - 2) + exports.theme.brand(`│`));
-    console.log(exports.theme.brand(`  │  `) + exports.theme.dim(promptLine) + ' '.repeat(Math.max(0, w - 5 - promptLine.length)) + exports.theme.brand(`│`));
+    // Wrap message to fit box
+    const maxMsgWidth = w - 6;
+    const msgLines = commitMessage.match(new RegExp(`.{1,${maxMsgWidth}}`, 'g')) || [commitMessage];
+    for (const msgLine of msgLines) {
+        const pad = w - 5 - msgLine.length;
+        console.log(exports.theme.brand(`  │  `) + exports.theme.success(msgLine) + ' '.repeat(Math.max(0, pad)) + exports.theme.brand(`│`));
+    }
+    console.log(exports.theme.brand(`  │`) + ' '.repeat(w - 2) + exports.theme.brand(`│`));
     console.log(exports.theme.brand(`  ╰${'─'.repeat(w - 2)}╯`));
     console.log('');
 }
 // ============================================================================
-// COMMAND-SPECIFIC STYLING — Diff Preview (coworker edit)
+// DIFF PREVIEW (coworker edit)
 // ============================================================================
-/**
- *  ── Changes to src/api/sylix.ts ──────────
- *  - const url = "old-endpoint"        ← red
- *  + const url = "new-endpoint"        ← green
- *  ─────────────────────────────────────────
- *  Apply these changes? (y/n) ›
- */
 function printDiff(fileName, changes) {
     const w = Math.min(getTermWidth() - 4, 60);
     const header = `Changes to ${fileName}`;
@@ -389,20 +502,21 @@ function printDiff(fileName, changes) {
         }
     }
     console.log(exports.theme.dim(`  ${'─'.repeat(w)}`));
-    console.log(exports.theme.dim(`  Apply these changes? (y/n) ›`));
     console.log('');
 }
 // ============================================================================
-// INTERACTIVE HELP
+// INTERACTIVE HELP — Updated with new commands
 // ============================================================================
 function printHelp() {
     console.log(`
 ${exports.theme.brand('  Slash Commands:')}
-    ${exports.theme.code('/help')}     ${exports.theme.dim('Show this help')}
-    ${exports.theme.code('/clear')}    ${exports.theme.dim('Clear the screen')}
-    ${exports.theme.code('/status')}   ${exports.theme.dim('Show auth & session status')}
-    ${exports.theme.code('/compact')}  ${exports.theme.dim('Show context window usage')}
-    ${exports.theme.code('/exit')}     ${exports.theme.dim('Exit CoWorker')}
+    ${exports.theme.code('/help')}      ${exports.theme.dim('Show this help')}
+    ${exports.theme.code('/clear')}     ${exports.theme.dim('Clear the screen')}
+    ${exports.theme.code('/review')}    ${exports.theme.dim('Code review current branch')}
+    ${exports.theme.code('/commit')}    ${exports.theme.dim('Generate commit message from diff')}
+    ${exports.theme.code('/status')}    ${exports.theme.dim('Show auth & session status')}
+    ${exports.theme.code('/compact')}   ${exports.theme.dim('Show context window usage')}
+    ${exports.theme.code('/exit')}      ${exports.theme.dim('Exit CoWorker')}
 `);
 }
 function printCompact(msgCount, tokenEst, sessionId) {
@@ -412,11 +526,41 @@ function printCompact(msgCount, tokenEst, sessionId) {
     const bar = '█'.repeat(filled) + '░'.repeat(barWidth - filled);
     const color = usage > 80 ? exports.theme.error : usage > 50 ? exports.theme.warning : exports.theme.success;
     console.log('');
-    console.log(exports.theme.dim(`  Messages: ${msgCount}  │  Context: `) + color(`[${bar}] ${usage}%`) + exports.theme.dim(`  │  Session: ${sessionId.substring(0, 8)}`));
+    console.log(exports.theme.dim(`  Messages: ${msgCount}  │  Context: `) +
+        color(`[${bar}] ${usage}%`) +
+        exports.theme.dim(`  │  Session: ${sessionId.substring(0, 8)}`));
     console.log('');
 }
+const BUILTIN_COMMANDS = [
+    { name: '/help', desc: 'show all commands' },
+    { name: '/clear', desc: 'clear the screen' },
+    { name: '/review', desc: 'review current branch' },
+    { name: '/commit', desc: 'generate commit message' },
+    { name: '/status', desc: 'show auth & session' },
+    { name: '/compact', desc: 'context window usage' },
+    { name: '/exit', desc: 'end session' },
+];
+/**
+ * Returns matching slash commands for a partial input.
+ */
+function getSlashCompletions(partial) {
+    if (!partial.startsWith('/'))
+        return [];
+    return BUILTIN_COMMANDS.filter(cmd => cmd.name.startsWith(partial));
+}
+/**
+ * Renders the slash completion menu below the input.
+ */
+function renderSlashMenu(matches) {
+    const lines = [];
+    for (let i = 0; i < matches.length; i++) {
+        const prefix = i === matches.length - 1 ? '└' : '├';
+        lines.push(`           ${exports.theme.dim(prefix)} ${exports.theme.code(matches[i].name.padEnd(12))} ${exports.theme.dim(matches[i].desc)}`);
+    }
+    return lines.join('\n');
+}
 // ============================================================================
-// GENERIC STYLED BOX (reusable for any content)
+// GENERIC BOX
 // ============================================================================
 function printBox(label, lines) {
     const w = Math.min(getTermWidth() - 2, 70);
@@ -429,7 +573,7 @@ function printBox(label, lines) {
     console.log(exports.theme.brand(`  ╰${'─'.repeat(w - 3)}╯`));
 }
 // ============================================================================
-// ELAPSED TIME UTILITY
+// TIMER
 // ============================================================================
 class Timer {
     constructor() {