codeep 1.1.17 → 1.1.19

package/dist/renderer/App.d.ts

@@ -21,6 +21,7 @@ export interface AppOptions {
     onSubmit: (message: string) => Promise<void>;
     onCommand: (command: string, args: string[]) => void;
     onExit: () => void;
+    onStopAgent?: () => void;
     getStatus: () => StatusInfo;
     hasWriteAccess?: () => boolean;
     hasProjectContext?: () => boolean;

package/dist/renderer/App.js

@@ -862,13 +862,17 @@ export class App {
             this.handleMenuKey(event);
             return;
         }
-        // Escape to cancel streaming/loading or close autocomplete
+        // Escape to cancel streaming/loading/agent or close autocomplete
         if (event.key === 'escape') {
             if (this.showAutocomplete) {
                 this.showAutocomplete = false;
                 this.render();
                 return;
             }
+            if (this.isAgentRunning && this.options.onStopAgent) {
+                this.options.onStopAgent();
+                return;
+            }
             if (this.isStreaming) {
                 this.endStreaming();
             }
@@ -1561,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
@@ -2168,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,
@@ -2180,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

package/dist/renderer/main.js

@@ -1504,6 +1504,12 @@ Commands (in chat):
             console.log('\nGoodbye!');
             process.exit(0);
         },
+        onStopAgent: () => {
+            if (isAgentRunning && agentAbortController) {
+                agentAbortController.abort();
+                app.notify('Stopping agent...');
+            }
+        },
         getStatus,
         hasWriteAccess: () => hasWriteAccess,
         hasProjectContext: () => projectContext !== null,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeep",
-  "version": "1.1.17",
+  "version": "1.1.19",
   "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",