codeep 1.1.18 → 1.1.20

package/dist/renderer/App.d.ts

@@ -393,7 +393,11 @@ export declare class App {
      */
     private formatMessage;
     /**
-     * Format plain text lines
+     * Apply inline markdown formatting (bold, italic, inline code) to a line
+     */
+    private applyInlineMarkdown;
+    /**
+     * Format plain text lines with markdown support
      */
     private formatTextLines;
     /**

package/dist/renderer/App.js

@@ -1565,7 +1565,7 @@ export class App {
             bottomPanelHeight = previewLines + 6; // title + preview + extra line indicator + options
         }
         else if (this.isAgentRunning) {
-            bottomPanelHeight = 6; // Agent progress box (5 lines + 1 margin)
+            bottomPanelHeight = 5; // Agent progress box (4 lines + 1 margin)
         }
         else if (this.permissionOpen) {
             bottomPanelHeight = 10; // Permission dialog
@@ -2172,7 +2172,6 @@ export class App {
     renderInlineAgentProgress(startY, width) {
         let y = startY;
         const spinner = SPINNER_FRAMES[this.spinnerFrame];
-        const boxWidth = width - 2; // Use full width minus small margin
         // Calculate stats
         const stats = {
             reads: this.agentActions.filter(a => a.type === 'read').length,
@@ -2184,93 +2183,71 @@ export class App {
             errors: this.agentActions.filter(a => a.result === 'error').length,
         };
         // Top border with title
-        // Helper to draw a box line with content
-        const drawBoxLine = (content, contentStyle = fg.white) => {
-            this.screen.write(0, y, '│', PRIMARY_COLOR);
-            this.screen.write(2, y, content, contentStyle);
-            this.screen.write(boxWidth - 1, y, '│', PRIMARY_COLOR);
-            y++;
-        };
-        // Top border with title
         const title = ` ${spinner} AGENT `;
-        const titlePadLeft = 3;
-        const titlePadRight = boxWidth - titlePadLeft - title.length - 1;
-        this.screen.write(0, y, '╭' + '─'.repeat(titlePadLeft), PRIMARY_COLOR);
-        this.screen.write(titlePadLeft + 1, y, title, PRIMARY_COLOR + style.bold);
-        this.screen.write(titlePadLeft + 1 + title.length, y, '─'.repeat(Math.max(0, titlePadRight)) + '╮', PRIMARY_COLOR);
+        const titlePadLeft = 2;
+        const titlePadRight = width - titlePadLeft - title.length - 1;
+        this.screen.write(0, y, '─'.repeat(titlePadLeft), PRIMARY_COLOR);
+        this.screen.write(titlePadLeft, y, title, PRIMARY_COLOR + style.bold);
+        this.screen.write(titlePadLeft + title.length, y, '─'.repeat(Math.max(0, titlePadRight)), PRIMARY_COLOR);
         y++;
-        // Current action line
-        this.screen.write(0, y, '│', PRIMARY_COLOR);
+        // Current action line (no side borders)
         if (this.agentActions.length > 0) {
             const lastAction = this.agentActions[this.agentActions.length - 1];
             const actionLabel = this.getActionLabel(lastAction.type);
             const actionColor = this.getActionColor(lastAction.type);
-            const maxTargetLen = boxWidth - actionLabel.length - 6;
+            const maxTargetLen = width - actionLabel.length - 4;
             const target = this.formatActionTarget(lastAction.target, maxTargetLen);
-            this.screen.write(2, y, actionLabel, actionColor + style.bold);
-            this.screen.write(2 + actionLabel.length + 1, y, target, fg.white);
+            this.screen.write(1, y, actionLabel, actionColor + style.bold);
+            this.screen.write(1 + actionLabel.length + 1, y, target, fg.white);
         }
         else {
-            this.screen.write(2, y, 'Starting...', fg.gray);
+            this.screen.write(1, y, 'Starting...', fg.gray);
         }
-        this.screen.write(boxWidth - 1, y, '│', PRIMARY_COLOR);
-        y++;
-        // Separator
-        this.screen.write(0, y, '├' + '─'.repeat(boxWidth - 2) + '┤', fg.gray);
         y++;
-        // File changes line
-        this.screen.write(0, y, '│', PRIMARY_COLOR);
-        this.screen.write(2, y, 'Files:', fg.cyan);
-        let fileX = 9;
+        // Stats line: Files and step info
+        let x = 1;
+        // File changes
         if (stats.writes > 0) {
             const txt = `+${stats.writes}`;
-            this.screen.write(fileX, y, txt, fg.green);
-            fileX += txt.length + 1;
+            this.screen.write(x, y, txt, fg.green);
+            x += txt.length + 1;
         }
         if (stats.edits > 0) {
             const txt = `~${stats.edits}`;
-            this.screen.write(fileX, y, txt, fg.yellow);
-            fileX += txt.length + 1;
+            this.screen.write(x, y, txt, fg.yellow);
+            x += txt.length + 1;
         }
         if (stats.deletes > 0) {
             const txt = `-${stats.deletes}`;
-            this.screen.write(fileX, y, txt, fg.red);
-            fileX += txt.length + 1;
-        }
-        if (stats.writes === 0 && stats.edits === 0 && stats.deletes === 0) {
-            this.screen.write(fileX, y, 'no changes yet', fg.gray);
-        }
-        this.screen.write(boxWidth - 1, y, '│', PRIMARY_COLOR);
-        y++;
-        // Stats line
-        this.screen.write(0, y, '│', PRIMARY_COLOR);
-        this.screen.write(2, y, 'Stats:', fg.cyan);
-        let statX = 9;
-        const statParts = [];
-        if (stats.reads > 0)
-            statParts.push({ text: `${stats.reads}R`, color: fg.blue });
-        if (stats.commands > 0)
-            statParts.push({ text: `${stats.commands}C`, color: fg.magenta });
-        if (stats.searches > 0)
-            statParts.push({ text: `${stats.searches}S`, color: fg.cyan });
-        statParts.push({ text: `step ${this.agentIteration}`, color: fg.white });
-        for (let i = 0; i < statParts.length; i++) {
-            if (i > 0) {
-                this.screen.write(statX, y, '|', fg.gray);
-                statX += 2;
-            }
-            this.screen.write(statX, y, statParts[i].text, statParts[i].color);
-            statX += statParts[i].text.length + 1;
-        }
-        this.screen.write(boxWidth - 1, y, '│', PRIMARY_COLOR);
+            this.screen.write(x, y, txt, fg.red);
+            x += txt.length + 1;
+        }
+        if (stats.reads > 0) {
+            const txt = `${stats.reads}R`;
+            this.screen.write(x, y, txt, fg.blue);
+            x += txt.length + 1;
+        }
+        if (stats.commands > 0) {
+            const txt = `${stats.commands}C`;
+            this.screen.write(x, y, txt, fg.magenta);
+            x += txt.length + 1;
+        }
+        if (stats.searches > 0) {
+            const txt = `${stats.searches}S`;
+            this.screen.write(x, y, txt, fg.cyan);
+            x += txt.length + 1;
+        }
+        // Step info on the right
+        const stepText = `step ${this.agentIteration}`;
+        this.screen.write(width - stepText.length - 1, y, stepText, fg.gray);
         y++;
         // Bottom border with help
         const helpText = ' Esc to stop ';
-        const helpPadLeft = Math.floor((boxWidth - helpText.length - 2) / 2);
-        const helpPadRight = Math.ceil((boxWidth - helpText.length - 2) / 2);
-        this.screen.write(0, y, '╰' + '─'.repeat(helpPadLeft), PRIMARY_COLOR);
-        this.screen.write(helpPadLeft + 1, y, helpText, fg.gray);
-        this.screen.write(helpPadLeft + 1 + helpText.length, y, '─'.repeat(helpPadRight) + '╯', PRIMARY_COLOR);
+        const helpPadLeft = Math.floor((width - helpText.length) / 2);
+        const helpPadRight = Math.ceil((width - helpText.length) / 2);
+        this.screen.write(0, y, '─'.repeat(helpPadLeft), fg.gray);
+        this.screen.write(helpPadLeft, y, helpText, fg.gray);
+        this.screen.write(helpPadLeft + helpText.length, y, '─'.repeat(helpPadRight), fg.gray);
     }
     /**
      * Get color for action type
@@ -2408,7 +2385,64 @@ export class App {
         return lines;
     }
     /**
-     * Format plain text lines
+     * Apply inline markdown formatting (bold, italic, inline code) to a line
+     */
+    applyInlineMarkdown(text) {
+        let result = '';
+        let hasFormatting = false;
+        let i = 0;
+        while (i < text.length) {
+            // Inline code: `code`
+            if (text[i] === '`' && text[i + 1] !== '`') {
+                const end = text.indexOf('`', i + 1);
+                if (end !== -1) {
+                    const code = text.slice(i + 1, end);
+                    result += fg.rgb(209, 154, 102) + code + '\x1b[0m';
+                    hasFormatting = true;
+                    i = end + 1;
+                    continue;
+                }
+            }
+            // Bold + italic: ***text***
+            if (text.slice(i, i + 3) === '***') {
+                const end = text.indexOf('***', i + 3);
+                if (end !== -1) {
+                    const inner = text.slice(i + 3, end);
+                    result += style.bold + style.italic + fg.white + inner + '\x1b[0m';
+                    hasFormatting = true;
+                    i = end + 3;
+                    continue;
+                }
+            }
+            // Bold: **text**
+            if (text.slice(i, i + 2) === '**') {
+                const end = text.indexOf('**', i + 2);
+                if (end !== -1) {
+                    const inner = text.slice(i + 2, end);
+                    result += style.bold + fg.white + inner + '\x1b[0m';
+                    hasFormatting = true;
+                    i = end + 2;
+                    continue;
+                }
+            }
+            // Italic: *text*
+            if (text[i] === '*' && text[i + 1] !== '*') {
+                const end = text.indexOf('*', i + 1);
+                if (end !== -1 && end > i + 1) {
+                    const inner = text.slice(i + 1, end);
+                    result += style.italic + inner + '\x1b[0m';
+                    hasFormatting = true;
+                    i = end + 1;
+                    continue;
+                }
+            }
+            result += text[i];
+            i++;
+        }
+        return { formatted: result, hasFormatting };
+    }
+    /**
+     * Format plain text lines with markdown support
      */
     formatTextLines(text, maxWidth, firstPrefix, firstStyle) {
         const lines = [];
@@ -2417,21 +2451,79 @@ export class App {
             const line = contentLines[i];
             const prefix = i === 0 ? firstPrefix : '  ';
             const prefixStyle = i === 0 ? firstStyle : '';
-            if (line.length > maxWidth - prefix.length) {
-                const wrapped = this.wordWrap(line, maxWidth - prefix.length);
-                for (let j = 0; j < wrapped.length; j++) {
+            // Heading: ## or ### etc.
+            const headingMatch = line.match(/^(#{1,6})\s+(.+)$/);
+            if (headingMatch) {
+                const level = headingMatch[1].length;
+                const headingText = headingMatch[2];
+                const headingColor = level <= 2 ? fg.rgb(97, 175, 239) : fg.rgb(198, 120, 221);
+                lines.push({
+                    text: prefix + headingColor + style.bold + headingText + '\x1b[0m',
+                    style: prefixStyle,
+                    raw: true,
+                });
+                continue;
+            }
+            // Horizontal rule: --- or *** or ___
+            if (/^[-*_]{3,}\s*$/.test(line)) {
+                const ruleWidth = Math.min(maxWidth - 4, 40);
+                lines.push({
+                    text: prefix + fg.gray + '─'.repeat(ruleWidth) + '\x1b[0m',
+                    style: prefixStyle,
+                    raw: true,
+                });
+                continue;
+            }
+            // List items: - item or * item or numbered 1. item
+            const listMatch = line.match(/^(\s*)([-*]|\d+\.)\s+(.+)$/);
+            if (listMatch) {
+                const indent = listMatch[1];
+                const bullet = listMatch[2];
+                const content = listMatch[3];
+                const { formatted, hasFormatting } = this.applyInlineMarkdown(content);
+                const bulletChar = bullet === '-' || bullet === '*' ? '•' : bullet;
+                if (hasFormatting) {
+                    lines.push({
+                        text: prefix + indent + fg.gray + bulletChar + '\x1b[0m' + ' ' + formatted,
+                        style: prefixStyle,
+                        raw: true,
+                    });
+                }
+                else {
                     lines.push({
-                        text: (j === 0 ? prefix : '  ') + wrapped[j],
-                        style: j === 0 ? prefixStyle : '',
+                        text: prefix + indent + bulletChar + ' ' + content,
+                        style: prefixStyle,
                     });
                 }
+                continue;
             }
-            else {
+            // Regular text with possible inline markdown
+            const { formatted, hasFormatting } = this.applyInlineMarkdown(line);
+            if (hasFormatting) {
                 lines.push({
-                    text: prefix + line,
+                    text: prefix + formatted,
                     style: prefixStyle,
+                    raw: true,
                 });
             }
+            else {
+                // Plain text - word wrap as before
+                if (line.length > maxWidth - prefix.length) {
+                    const wrapped = this.wordWrap(line, maxWidth - prefix.length);
+                    for (let j = 0; j < wrapped.length; j++) {
+                        lines.push({
+                            text: (j === 0 ? prefix : '  ') + wrapped[j],
+                            style: j === 0 ? prefixStyle : '',
+                        });
+                    }
+                }
+                else {
+                    lines.push({
+                        text: prefix + line,
+                        style: prefixStyle,
+                    });
+                }
+            }
         }
         return lines;
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeep",
-  "version": "1.1.18",
+  "version": "1.1.20",
   "description": "AI-powered coding assistant built for the terminal. Multiple LLM providers, project-aware context, and a seamless development workflow.",
   "type": "module",
   "main": "dist/index.js",