codeep 1.0.129 → 1.0.131

package/dist/app.js

@@ -35,6 +35,7 @@ import { saveContext, loadContext, clearContext, mergeContext } from './utils/co
 import { performCodeReview, formatReviewResult } from './utils/codeReview.js';
 import { learnFromProject, addCustomRule, getLearningStatus } from './utils/learning.js';
 import { getAllSkills, findSkill, formatSkillsList, formatSkillHelp, generateSkillPrompt, saveCustomSkill, deleteCustomSkill, parseSkillChain, parseSkillArgs, searchSkills, trackSkillUsage, getSkillStats } from './utils/skills.js';
+import { AgentStatusBar } from './components/AgentProgress.js';
 import { createActionLog } from './utils/tools.js';
 import { scanProject, saveProjectIntelligence, loadProjectIntelligence, generateContextFromIntelligence } from './utils/projectIntelligence.js';
 export const App = () => {
@@ -325,76 +326,44 @@ export const App = () => {
                         return updated;
                     });
                     // Add formatted action to streaming content (stays in chat)
+                    // NO CODE DISPLAY - just clean action lines to prevent terminal jumping
                     const actionType = actionLog.type;
                     const target = actionLog.target.split('/').pop() || actionLog.target; // Just filename
-                    const fullPath = actionLog.target;
                     const status = actionLog.result === 'success' ? '✓' : '✗';
-                    const statusColor = actionLog.result === 'success' ? '' : ' (failed)';
-                    // Get file extension for syntax highlighting
-                    const getLanguage = (filename) => {
-                        const ext = filename.split('.').pop()?.toLowerCase() || '';
-                        const langMap = {
-                            'ts': 'typescript', 'tsx': 'typescript', 'js': 'javascript', 'jsx': 'javascript',
-                            'py': 'python', 'rb': 'ruby', 'go': 'go', 'rs': 'rust', 'java': 'java',
-                            'php': 'php', 'css': 'css', 'scss': 'css', 'html': 'html', 'vue': 'html',
-                            'json': 'json', 'yml': 'yaml', 'yaml': 'yaml', 'md': 'markdown',
-                            'sh': 'bash', 'bash': 'bash', 'sql': 'sql',
-                        };
-                        return langMap[ext] || ext || 'code';
-                    };
+                    const failedText = actionLog.result === 'error' ? ' ✗' : '';
+                    // Count lines in content
+                    const lineCount = actionLog.details ? actionLog.details.split('\n').length : 0;
                     let actionLine = '';
-                    if (actionType === 'write' && actionLog.details) {
-                        // Show full code with syntax highlighting
-                        const lang = getLanguage(target);
-                        actionLine = `${status} **Created ${fullPath}**\n\`\`\`${lang}\n${actionLog.details}\n\`\`\``;
-                    }
-                    else if (actionType === 'write') {
-                        actionLine = `${status} Created **${target}**${statusColor}`;
-                    }
-                    else if (actionType === 'edit' && actionLog.details) {
-                        // Show edited code with syntax highlighting
-                        const lang = getLanguage(target);
-                        actionLine = `${status} **Edited ${fullPath}**\n\`\`\`${lang}\n${actionLog.details}\n\`\`\``;
+                    if (actionType === 'write') {
+                        actionLine = `${status} Created **${target}**${lineCount > 0 ? ` (${lineCount} lines)` : ''}${failedText}`;
                     }
                     else if (actionType === 'edit') {
-                        actionLine = `${status} Edited **${target}**${statusColor}`;
+                        actionLine = `${status} Edited **${target}**${lineCount > 0 ? ` (${lineCount} lines)` : ''}${failedText}`;
                     }
                     else if (actionType === 'read') {
-                        // Don't show read actions in stream - too noisy
-                        return;
+                        actionLine = `→ Reading **${target}**`;
                     }
                     else if (actionType === 'delete') {
-                        actionLine = `${status} Deleted **${fullPath}**${statusColor}`;
+                        actionLine = `${status} Deleted **${target}**${failedText}`;
                     }
                     else if (actionType === 'command') {
-                        const cmd = actionLog.target;
-                        // Show command output if available
-                        if (actionLog.details && actionLog.details.trim()) {
-                            actionLine = `${status} Ran \`${cmd}\`\n\`\`\`\n${actionLog.details.slice(0, 500)}${actionLog.details.length > 500 ? '\n...(truncated)' : ''}\n\`\`\``;
-                        }
-                        else {
-                            actionLine = `${status} Ran \`${cmd}\`${statusColor}`;
-                        }
+                        const cmd = actionLog.target.length > 40 ? actionLog.target.slice(0, 40) + '...' : actionLog.target;
+                        actionLine = `${status} Ran \`${cmd}\`${failedText}`;
                     }
                     else if (actionType === 'search') {
-                        // Don't show search actions - too noisy
-                        return;
+                        actionLine = `→ Searching **${target}**`;
                     }
                     else if (actionType === 'mkdir') {
-                        actionLine = `${status} Created directory **${fullPath}**${statusColor}`;
+                        actionLine = `${status} Created dir **${target}**`;
                     }
                     else if (actionType === 'fetch') {
-                        actionLine = `${status} Fetched ${target}${statusColor}`;
+                        actionLine = `→ Fetching **${target}**`;
                     }
                     else if (actionType === 'list') {
-                        // Don't show list actions
-                        return;
-                    }
-                    else {
-                        actionLine = `◦ ${actionType}: ${target}`;
+                        actionLine = `→ Listing **${target}**`;
                     }
                     if (actionLine) {
-                        setAgentStreamingContent(prev => prev + (prev ? '\n\n' : '') + actionLine);
+                        setAgentStreamingContent(prev => prev + (prev ? '\n' : '') + actionLine);
                     }
                 },
                 onThinking: (text) => {
@@ -411,10 +380,34 @@ export const App = () => {
                 abortSignal: controller.signal,
             });
             setAgentResult(result);
-            // Add agent summary as assistant message
+            // Build action statistics
+            const stats = {
+                created: result.actions.filter(a => a.type === 'write' && a.result === 'success').length,
+                edited: result.actions.filter(a => a.type === 'edit' && a.result === 'success').length,
+                deleted: result.actions.filter(a => a.type === 'delete' && a.result === 'success').length,
+                commands: result.actions.filter(a => a.type === 'command' && a.result === 'success').length,
+                reads: result.actions.filter(a => a.type === 'read').length,
+                errors: result.actions.filter(a => a.result === 'error').length,
+            };
+            // Format statistics line
+            const statParts = [];
+            if (stats.created > 0)
+                statParts.push(`+${stats.created} created`);
+            if (stats.edited > 0)
+                statParts.push(`~${stats.edited} edited`);
+            if (stats.deleted > 0)
+                statParts.push(`-${stats.deleted} deleted`);
+            if (stats.commands > 0)
+                statParts.push(`${stats.commands} commands`);
+            if (stats.errors > 0)
+                statParts.push(`${stats.errors} errors`);
+            const statsLine = statParts.length > 0
+                ? `\n\n---\n**${result.iterations} steps** | ${statParts.join(' | ')}`
+                : '';
+            // Add agent summary as assistant message with stats
             const summaryMessage = {
                 role: 'assistant',
-                content: result.finalResponse || formatAgentResult(result),
+                content: (result.finalResponse || formatAgentResult(result)) + statsLine,
             };
             setMessages(prev => [...prev, summaryMessage]);
             // Auto-save session
@@ -1444,11 +1437,11 @@ export const App = () => {
     // Helper to check if we're showing an inline menu
     const isInlineMenu = ['help', 'status', 'settings', 'sessions', 'sessions-delete',
         'logout', 'search', 'export', 'model', 'provider', 'protocol', 'language'].includes(screen);
-    return (_jsxs(Box, { flexDirection: "column", children: [messages.length === 0 && !isLoading && _jsx(Logo, {}), messages.length === 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { children: ["Connected to ", _jsx(Text, { color: "#f02a30", children: config.get('model') }), ". Type ", _jsx(Text, { color: "#f02a30", children: "/help" }), " for commands."] }) }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", bold: true, children: "Welcome to Codeep - Your AI Coding Assistant" }) }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", paddingX: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Ask questions about your code or request implementations"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Use ", _jsxs(Text, { color: "cyan", children: ["/agent ", '<task>'] }), " for autonomous task execution"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Type ", _jsx(Text, { color: "cyan", children: "/diff" }), " to review changes, ", _jsx(Text, { color: "cyan", children: "/commit" }), " to generate commit messages"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Configure settings with ", _jsx(Text, { color: "cyan", children: "/settings" }), " - enable Agent Mode for auto-execution"] })] }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "gray", children: "Start typing your message or use a command to begin..." }) }), _jsx(Text, { children: " " })] })), _jsx(MessageList, { messages: messages, streamingContent: streamingContent, agentStreamingContent: isAgentRunning ? agentStreamingContent : undefined }, sessionId), isLoading && !isAgentRunning && _jsx(Loading, { isStreaming: !!streamingContent }), pendingFileChanges.length > 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, marginY: 1, children: [_jsxs(Text, { color: "#f02a30", bold: true, children: ["\u2713 Detected ", pendingFileChanges.length, " file change(s):"] }), pendingFileChanges.map((change, i) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [messages.length === 0 && !isLoading && _jsx(Logo, {}), messages.length === 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Box, { justifyContent: "center", children: _jsxs(Text, { children: ["Connected to ", _jsx(Text, { color: "#f02a30", children: config.get('model') }), ". Type ", _jsx(Text, { color: "#f02a30", children: "/help" }), " for commands."] }) }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", bold: true, children: "Welcome to Codeep - Your AI Coding Assistant" }) }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "column", paddingX: 2, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Ask questions about your code or request implementations"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Use ", _jsxs(Text, { color: "cyan", children: ["/agent ", '<task>'] }), " for autonomous task execution"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Type ", _jsx(Text, { color: "cyan", children: "/diff" }), " to review changes, ", _jsx(Text, { color: "cyan", children: "/commit" }), " to generate commit messages"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "\u2022" }), " Configure settings with ", _jsx(Text, { color: "cyan", children: "/settings" }), " - enable Agent Mode for auto-execution"] })] }), _jsx(Text, { children: " " }), _jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "gray", children: "Start typing your message or use a command to begin..." }) }), _jsx(Text, { children: " " })] })), _jsx(MessageList, { messages: messages, streamingContent: streamingContent, agentStreamingContent: isAgentRunning ? agentStreamingContent : undefined }, sessionId), isLoading && !isAgentRunning && _jsx(Loading, { isStreaming: !!streamingContent }), isAgentRunning && (_jsx(AgentStatusBar, { iteration: agentIteration, actionsCount: agentActions.length, dryRun: agentDryRun, currentAction: agentActions.length > 0 ? `${agentActions[agentActions.length - 1].type}: ${agentActions[agentActions.length - 1].target.split('/').pop()}` : undefined })), pendingFileChanges.length > 0 && !isLoading && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, marginY: 1, children: [_jsxs(Text, { color: "#f02a30", bold: true, children: ["\u2713 Detected ", pendingFileChanges.length, " file change(s):"] }), pendingFileChanges.map((change, i) => {
                         const actionColor = change.action === 'delete' ? 'red' : change.action === 'edit' ? 'yellow' : 'green';
                         const actionLabel = change.action === 'delete' ? 'DELETE' : change.action === 'edit' ? 'EDIT' : 'CREATE';
                         return (_jsxs(Text, { children: ["\u2022 ", _jsxs(Text, { color: actionColor, children: ["[", actionLabel, "]"] }), " ", change.path, change.action !== 'delete' && change.content.includes('\n') && ` (${change.content.split('\n').length} lines)`] }, i));
-                    }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Apply changes? ", _jsx(Text, { color: "#f02a30", bold: true, children: "[Y/n]" })] }), _jsx(Text, { color: "cyan", children: "Press Y to apply, N or Esc to reject" })] })), notification && (_jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", children: notification }) })), !isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) }), _jsx(Box, { paddingX: 1, children: _jsx(ChatInput, { onSubmit: handleSubmit, disabled: isLoading || isAgentRunning || pendingFileChanges.length > 0, history: inputHistory, clearTrigger: clearInputTrigger }) }), _jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) }), isAgentRunning && (_jsxs(Box, { paddingX: 1, children: [_jsxs(Text, { color: agentDryRun ? 'yellow' : '#f02a30', children: [agentDryRun ? '[DRY RUN]' : '[AGENT]', " Step ", agentIteration, " | ", agentActions.length, " actions"] }), _jsx(Text, { color: "gray", children: " | Press Esc to stop" })] }))] })), isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(stdout?.columns || 80) }), screen === 'help' && _jsx(Help, { projectPath: projectPath }), screen === 'status' && _jsx(Status, {}), screen === 'settings' && (_jsx(Settings, { onClose: () => setScreen('chat'), notify: notify, hasWriteAccess: hasWriteAccess, hasProjectContext: !!projectContext })), screen === 'sessions' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), projectPath: projectPath })), screen === 'sessions-delete' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), onDelete: (name) => {
+                    }), _jsx(Text, { children: " " }), _jsxs(Text, { children: ["Apply changes? ", _jsx(Text, { color: "#f02a30", bold: true, children: "[Y/n]" })] }), _jsx(Text, { color: "cyan", children: "Press Y to apply, N or Esc to reject" })] })), notification && (_jsx(Box, { justifyContent: "center", children: _jsx(Text, { color: "cyan", children: notification }) })), !isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) }), _jsx(Box, { paddingX: 1, children: _jsx(ChatInput, { onSubmit: handleSubmit, disabled: isLoading || isAgentRunning || pendingFileChanges.length > 0, history: inputHistory, clearTrigger: clearInputTrigger }) }), _jsx(Text, { color: "#f02a30", children: '─'.repeat(Math.max(20, stdout?.columns || 80)) })] })), isInlineMenu && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", children: '─'.repeat(stdout?.columns || 80) }), screen === 'help' && _jsx(Help, { projectPath: projectPath }), screen === 'status' && _jsx(Status, {}), screen === 'settings' && (_jsx(Settings, { onClose: () => setScreen('chat'), notify: notify, hasWriteAccess: hasWriteAccess, hasProjectContext: !!projectContext })), screen === 'sessions' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), projectPath: projectPath })), screen === 'sessions-delete' && (_jsx(Sessions, { history: messages, onLoad: handleSessionLoad, onClose: () => setScreen('chat'), onDelete: (name) => {
                             notify(`Deleted: ${name}`);
                             setScreen('chat');
                         }, deleteMode: true, projectPath: projectPath })), screen === 'logout' && (_jsx(LogoutPicker, { onLogout: (providerId) => {

package/dist/components/AgentProgress.d.ts

@@ -45,4 +45,15 @@ interface ChangesListProps {
     actions: ActionLog[];
 }
 export declare const ChangesList: React.FC<ChangesListProps>;
+/**
+ * Agent Status Bar - fixed height, with spinner animation
+ * Shows above input, doesn't cause chat jumping
+ */
+interface AgentStatusBarProps {
+    iteration: number;
+    actionsCount: number;
+    dryRun?: boolean;
+    currentAction?: string;
+}
+export declare const AgentStatusBar: React.FC<AgentStatusBarProps>;
 export {};

package/dist/components/AgentProgress.js

@@ -361,3 +361,8 @@ export const ChangesList = ({ actions }) => {
     }
     return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", padding: 1, children: [_jsxs(Text, { color: "cyan", bold: true, children: ["Session Changes (", totalChanges, " total)"] }), _jsx(Text, { color: "cyan", children: '─'.repeat(40) }), writes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "green", bold: true, children: ["Created (", writes.length, "):"] }), writes.map((w, i) => (_jsxs(Text, { children: ["  + ", w.target] }, i)))] })), edits.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "yellow", bold: true, children: ["Modified (", edits.length, "):"] }), edits.map((e, i) => (_jsxs(Text, { children: ["  ~ ", e.target] }, i)))] })), deletes.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "red", bold: true, children: ["Deleted (", deletes.length, "):"] }), deletes.map((d, i) => (_jsxs(Text, { children: ["  - ", d.target] }, i)))] })), mkdirs.length > 0 && (_jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsxs(Text, { color: "blue", bold: true, children: ["Directories (", mkdirs.length, "):"] }), mkdirs.map((m, i) => (_jsxs(Text, { children: ["  + ", m.target, "/"] }, i)))] }))] }));
 };
+export const AgentStatusBar = memo(({ iteration, actionsCount, dryRun, currentAction }) => {
+    const color = dryRun ? 'yellow' : '#f02a30';
+    return (_jsxs(Box, { borderStyle: "round", borderColor: color, paddingX: 1, marginY: 1, height: 3, children: [_jsx(AgentSpinner, { color: color }), _jsxs(Text, { color: color, bold: true, children: [" ", dryRun ? 'DRY RUN' : 'AGENT', " "] }), _jsxs(Text, { color: "cyan", children: ["Step ", iteration] }), _jsx(Text, { color: "gray", children: " | " }), _jsxs(Text, { color: "white", children: [actionsCount, " actions"] }), currentAction && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " | " }), _jsx(Text, { color: "cyan", children: currentAction })] })), _jsx(Text, { color: "gray", children: " | Press " }), _jsx(Text, { color: color, children: "Esc" }), _jsx(Text, { color: "gray", children: " to stop" })] }));
+});
+AgentStatusBar.displayName = 'AgentStatusBar';

package/package.json

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