codeep 1.1.15 → 1.1.17

package/dist/renderer/App.js

@@ -473,9 +473,11 @@ export class App {
             this.agentIteration = 0;
             this.agentActions = [];
             this.agentThinking = '';
+            this.isLoading = false; // Clear loading state when agent takes over
             this.startSpinner();
         }
         else {
+            this.isLoading = false; // Ensure loading is cleared when agent finishes
             this.stopSpinner();
         }
         this.render();
@@ -1559,7 +1561,7 @@ export class App {
             bottomPanelHeight = previewLines + 6; // title + preview + extra line indicator + options
         }
         else if (this.isAgentRunning) {
-            bottomPanelHeight = 8; // Agent progress box
+            bottomPanelHeight = 6; // Agent progress box (5 lines + 1 margin)
         }
         else if (this.permissionOpen) {
             bottomPanelHeight = 10; // Permission dialog
@@ -2166,7 +2168,7 @@ export class App {
     renderInlineAgentProgress(startY, width) {
         let y = startY;
         const spinner = SPINNER_FRAMES[this.spinnerFrame];
-        const boxWidth = Math.min(width - 4, 60);
+        const boxWidth = width - 2; // Use full width minus small margin
         // Calculate stats
         const stats = {
             reads: this.agentActions.filter(a => a.type === 'read').length,
@@ -2178,58 +2180,67 @@ 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 borderLeft = '╭' + '─'.repeat(2);
-        const borderRight = '─'.repeat(Math.max(0, boxWidth - title.length - 4)) + '╮';
-        this.screen.write(0, y, borderLeft, PRIMARY_COLOR);
-        this.screen.write(borderLeft.length, y, title, PRIMARY_COLOR + style.bold);
-        this.screen.write(borderLeft.length + title.length, y, borderRight, PRIMARY_COLOR);
+        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);
         y++;
         // Current action line
-        this.screen.write(0, y, '│ ', PRIMARY_COLOR);
+        this.screen.write(0, y, '│', PRIMARY_COLOR);
         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 target = this.formatActionTarget(lastAction.target, boxWidth - actionLabel.length - 6);
-            this.screen.write(2, y, actionLabel + ' ', actionColor + style.bold);
+            const maxTargetLen = boxWidth - actionLabel.length - 6;
+            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);
         }
         else {
             this.screen.write(2, y, 'Starting...', fg.gray);
         }
-        this.screen.write(boxWidth - 1, y, ' │', PRIMARY_COLOR);
+        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);
+        this.screen.write(0, y, '│', PRIMARY_COLOR);
+        this.screen.write(2, y, 'Files:', fg.cyan);
         let fileX = 9;
         if (stats.writes > 0) {
-            const txt = `+${stats.writes} `;
+            const txt = `+${stats.writes}`;
             this.screen.write(fileX, y, txt, fg.green);
-            fileX += txt.length;
+            fileX += txt.length + 1;
         }
         if (stats.edits > 0) {
-            const txt = `~${stats.edits} `;
+            const txt = `~${stats.edits}`;
             this.screen.write(fileX, y, txt, fg.yellow);
-            fileX += txt.length;
+            fileX += txt.length + 1;
         }
         if (stats.deletes > 0) {
-            const txt = `-${stats.deletes} `;
+            const txt = `-${stats.deletes}`;
             this.screen.write(fileX, y, txt, fg.red);
-            fileX += txt.length;
+            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);
+        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);
+        this.screen.write(0, y, '│', PRIMARY_COLOR);
+        this.screen.write(2, y, 'Stats:', fg.cyan);
         let statX = 9;
         const statParts = [];
         if (stats.reads > 0)
@@ -2241,34 +2252,21 @@ export class App {
         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 += 3;
+                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;
+            statX += statParts[i].text.length + 1;
         }
-        this.screen.write(boxWidth - 1, y, ' │', PRIMARY_COLOR);
-        y++;
-        // Errors line (if any)
-        this.screen.write(0, y, '│ ', PRIMARY_COLOR);
-        if (stats.errors > 0) {
-            this.screen.write(2, y, `${stats.errors} error(s)`, fg.red);
-        }
-        else if (this.agentThinking) {
-            const thinking = this.agentThinking.length > boxWidth - 6
-                ? this.agentThinking.slice(0, boxWidth - 9) + '...'
-                : this.agentThinking;
-            this.screen.write(2, y, '> ' + thinking, fg.gray);
-        }
-        this.screen.write(boxWidth - 1, y, ' │', PRIMARY_COLOR);
+        this.screen.write(boxWidth - 1, y, '│', PRIMARY_COLOR);
         y++;
         // Bottom border with help
         const helpText = ' Esc to stop ';
-        const bottomLeft = '╰' + '─'.repeat(Math.floor((boxWidth - helpText.length - 2) / 2));
-        const bottomRight = '─'.repeat(Math.ceil((boxWidth - helpText.length - 2) / 2)) + '╯';
-        this.screen.write(0, y, bottomLeft, PRIMARY_COLOR);
-        this.screen.write(bottomLeft.length, y, helpText, fg.gray);
-        this.screen.write(bottomLeft.length + helpText.length, y, bottomRight, PRIMARY_COLOR);
+        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);
     }
     /**
      * Get color for action type

package/dist/renderer/main.js

@@ -48,7 +48,7 @@ let agentAbortController = null;
 async function handleSubmit(message) {
     // Check if we're waiting for interactive mode answers
     if (pendingInteractiveContext) {
-        const { parseAnswers, enhancePromptWithAnswers } = await import('../utils/interactive');
+        const { parseAnswers, enhancePromptWithAnswers } = await import('../utils/interactive.js');
         const answers = parseAnswers(message, pendingInteractiveContext.context);
         // Enhance the original prompt with user's answers
         const enhancedTask = enhancePromptWithAnswers(pendingInteractiveContext.context, answers);
@@ -191,7 +191,7 @@ async function runAgentTask(task, dryRun = false) {
     const interactiveMode = config.get('agentInteractive') !== false;
     if (interactiveMode) {
         // Analyze task for ambiguity
-        const { analyzeForClarification, formatQuestions } = await import('../utils/interactive');
+        const { analyzeForClarification, formatQuestions } = await import('../utils/interactive.js');
         const interactiveContext = analyzeForClarification(task);
         if (interactiveContext.needsClarification) {
             // Store context for follow-up
@@ -516,7 +516,7 @@ function handleCommand(command, args) {
             const staged = args.includes('--staged') || args.includes('-s');
             app.notify(staged ? 'Getting staged diff...' : 'Getting diff...');
             // Import dynamically to avoid circular deps
-            import('../utils/git').then(({ getGitDiff, formatDiffForDisplay }) => {
+            import('../utils/git.js').then(({ getGitDiff, formatDiffForDisplay }) => {
                 const result = getGitDiff(staged, projectPath);
                 if (!result.success || !result.diff) {
                     app.notify(result.error || 'No changes');
@@ -534,7 +534,7 @@ function handleCommand(command, args) {
                 app.notify('No project context');
                 return;
             }
-            import('../utils/git').then(({ getGitDiff, getGitStatus, suggestCommitMessage }) => {
+            import('../utils/git.js').then(({ getGitDiff, getGitStatus, suggestCommitMessage }) => {
                 const status = getGitStatus(projectPath);
                 if (!status.isRepo) {
                     app.notify('Not a git repository');
@@ -552,14 +552,14 @@ function handleCommand(command, args) {
             break;
         }
         case 'undo': {
-            import('../utils/agent').then(({ undoLastAction }) => {
+            import('../utils/agent.js').then(({ undoLastAction }) => {
                 const result = undoLastAction();
                 app.notify(result.success ? `Undo: ${result.message}` : `Cannot undo: ${result.message}`);
             });
             break;
         }
         case 'undo-all': {
-            import('../utils/agent').then(({ undoAllActions }) => {
+            import('../utils/agent.js').then(({ undoAllActions }) => {
                 const result = undoAllActions();
                 app.notify(result.success ? `Undone ${result.results.length} action(s)` : 'Nothing to undo');
             });
@@ -571,7 +571,7 @@ function handleCommand(command, args) {
                 return;
             }
             app.notify('Scanning project...');
-            import('../utils/projectIntelligence').then(({ scanProject, saveProjectIntelligence, generateContextFromIntelligence }) => {
+            import('../utils/projectIntelligence.js').then(({ scanProject, saveProjectIntelligence, generateContextFromIntelligence }) => {
                 scanProject(projectContext.root).then(intelligence => {
                     saveProjectIntelligence(projectContext.root, intelligence);
                     const context = generateContextFromIntelligence(intelligence);
@@ -591,7 +591,7 @@ function handleCommand(command, args) {
                 app.notify('No project context');
                 return;
             }
-            import('../utils/codeReview').then(({ performCodeReview, formatReviewResult }) => {
+            import('../utils/codeReview.js').then(({ performCodeReview, formatReviewResult }) => {
                 const reviewFiles = args.length > 0 ? args : undefined;
                 const result = performCodeReview(projectContext, reviewFiles);
                 app.addMessage({
@@ -603,7 +603,7 @@ function handleCommand(command, args) {
         }
         case 'update': {
             app.notify('Checking for updates...');
-            import('../utils/update').then(({ checkForUpdates, formatVersionInfo }) => {
+            import('../utils/update.js').then(({ checkForUpdates, formatVersionInfo }) => {
                 checkForUpdates().then(info => {
                     const message = formatVersionInfo(info);
                     app.notify(message.split('\n')[0], 5000);
@@ -817,7 +817,7 @@ function handleCommand(command, args) {
                 app.notify(`Invalid block number. Available: 1-${codeBlocks.length}`);
                 return;
             }
-            import('../utils/clipboard').then(({ copyToClipboard }) => {
+            import('../utils/clipboard.js').then(({ copyToClipboard }) => {
                 if (copyToClipboard(codeBlocks[index])) {
                     app.notify(`Copied block ${index + 1} to clipboard`);
                 }
@@ -944,7 +944,7 @@ function handleCommand(command, args) {
         }
         // Agent history and changes
         case 'history': {
-            import('../utils/agent').then(({ getAgentHistory }) => {
+            import('../utils/agent.js').then(({ getAgentHistory }) => {
                 const history = getAgentHistory();
                 if (history.length === 0) {
                     app.notify('No agent history');
@@ -964,7 +964,7 @@ function handleCommand(command, args) {
             break;
         }
         case 'changes': {
-            import('../utils/agent').then(({ getCurrentSessionActions }) => {
+            import('../utils/agent.js').then(({ getCurrentSessionActions }) => {
                 const actions = getCurrentSessionActions();
                 if (actions.length === 0) {
                     app.notify('No changes in current session');
@@ -1011,7 +1011,7 @@ function handleCommand(command, args) {
         // Learning mode
         case 'learn': {
             if (args[0] === 'status') {
-                import('../utils/learning').then(({ getLearningStatus }) => {
+                import('../utils/learning.js').then(({ getLearningStatus }) => {
                     const status = getLearningStatus(projectPath);
                     app.addMessage({
                         role: 'system',
@@ -1023,7 +1023,7 @@ function handleCommand(command, args) {
                 return;
             }
             if (args[0] === 'rule' && args.length > 1) {
-                import('../utils/learning').then(({ addCustomRule }) => {
+                import('../utils/learning.js').then(({ addCustomRule }) => {
                     addCustomRule(projectPath, args.slice(1).join(' '));
                     app.notify('Custom rule added');
                 }).catch(() => {
@@ -1036,7 +1036,7 @@ function handleCommand(command, args) {
                 return;
             }
             app.notify('Learning from project...');
-            import('../utils/learning').then(({ learnFromProject, formatPreferencesForPrompt }) => {
+            import('../utils/learning.js').then(({ learnFromProject, formatPreferencesForPrompt }) => {
                 // Get some source files to learn from
                 import('fs').then(fs => {
                     import('path').then(path => {
@@ -1200,7 +1200,7 @@ function handleCommand(command, args) {
             break;
         }
         case 'skills': {
-            import('../utils/skills').then(({ getAllSkills, searchSkills, formatSkillsList, getSkillStats }) => {
+            import('../utils/skills.js').then(({ getAllSkills, searchSkills, formatSkillsList, getSkillStats }) => {
                 const query = args.join(' ').toLowerCase();
                 // Check for stats subcommand
                 if (query === 'stats') {
@@ -1224,7 +1224,7 @@ function handleCommand(command, args) {
             break;
         }
         case 'skill': {
-            import('../utils/skills').then(({ findSkill, formatSkillHelp, createSkillTemplate, saveCustomSkill, deleteCustomSkill }) => {
+            import('../utils/skills.js').then(({ findSkill, formatSkillHelp, createSkillTemplate, saveCustomSkill, deleteCustomSkill }) => {
                 const subCommand = args[0]?.toLowerCase();
                 const skillName = args[1];
                 if (!subCommand) {

package/package.json

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