codeep 1.1.7 → 1.1.8

package/dist/app.js

@@ -35,9 +35,9 @@ 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 { AgentActions } from './components/AgentActions.js';
 import { createActionLog } from './utils/tools.js';
 import { scanProject, saveProjectIntelligence, loadProjectIntelligence, generateContextFromIntelligence } from './utils/projectIntelligence.js';
-import { logAction, startAgentSpinner, updateSpinner, stopSpinner, logAgentComplete, logSeparator, setAgentRunning } from './utils/console.js';
 export const App = () => {
     const { exit } = useApp();
     const { stdout } = useStdout();
@@ -269,10 +269,6 @@ export const App = () => {
         setAgentResult(null);
         setAgentDryRun(dryRun);
         setAgentStreamingContent(''); // Reset streaming content
-        // Start console spinner for agent
-        logSeparator();
-        setAgentRunning(true, dryRun);
-        startAgentSpinner('Starting...', dryRun);
         // Add user message
         const userMessage = {
             role: 'user',
@@ -287,7 +283,6 @@ export const App = () => {
                 dryRun,
                 onIteration: (iteration, message) => {
                     setAgentIteration(iteration);
-                    updateSpinner(`Step ${iteration}`, dryRun);
                 },
                 onToolCall: (tool) => {
                     // Create action log with content for live code preview
@@ -330,8 +325,7 @@ export const App = () => {
                         }
                         return updated;
                     });
-                    // Use console.log with chalk for agent actions - no Ink re-rendering!
-                    logAction(actionLog.type, actionLog.target, actionLog.result, actionLog.details);
+                    // Actions are now displayed via AgentActions component with Static
                 },
                 onThinking: (text) => {
                     // Strip <think> and <tool_call> tags from thinking text
@@ -357,11 +351,7 @@ export const App = () => {
                 reads: result.actions.filter(a => a.type === 'read').length,
                 errors: result.actions.filter(a => a.result === 'error').length,
             };
-            // Log completion to console (chalk/ora)
-            setAgentRunning(false);
-            logAgentComplete(stats, result.success);
-            logSeparator();
-            // Add agent summary as assistant message (without duplicate stats - they're in console)
+            // Add agent summary as assistant message
             const summaryMessage = {
                 role: 'assistant',
                 content: result.finalResponse || formatAgentResult(result),
@@ -381,13 +371,9 @@ export const App = () => {
         }
         catch (error) {
             const err = error;
-            setAgentRunning(false);
-            stopSpinner();
             notify(`Agent error: ${err.message}`);
         }
         finally {
-            setAgentRunning(false);
-            stopSpinner();
             setIsAgentRunning(false);
             setAbortController(null);
             setAgentThinking('');
@@ -1398,7 +1384,7 @@ 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 }, 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 }, sessionId), isLoading && !isAgentRunning && _jsx(Loading, { isStreaming: !!streamingContent }), isAgentRunning && (_jsx(AgentActions, { actions: agentActions, isRunning: isAgentRunning, currentStep: agentIteration, dryRun: agentDryRun })), 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));

package/dist/components/AgentActions.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Agent Actions component using Static to prevent re-rendering/jumping
+ */
+import React from 'react';
+import { ActionLog } from '../utils/tools';
+interface AgentActionsProps {
+    actions: ActionLog[];
+    isRunning: boolean;
+    currentStep: number;
+    dryRun?: boolean;
+}
+/**
+ * Agent Actions display using Static component
+ *
+ * Static renders items once and never re-renders them,
+ * preventing terminal jumping when new actions are added.
+ */
+export declare const AgentActions: React.FC<AgentActionsProps>;
+export {};

package/dist/components/AgentActions.js

@@ -0,0 +1,121 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Agent Actions component using Static to prevent re-rendering/jumping
+ */
+import { useState, useEffect, memo } from 'react';
+import { Box, Text, Static } from 'ink';
+// Spinner frames
+const SPINNER_FRAMES = ['/', '-', '\\', '|'];
+/**
+ * Isolated spinner - doesn't cause parent re-renders
+ */
+const Spinner = memo(({ color = '#f02a30' }) => {
+    const [frame, setFrame] = useState(0);
+    useEffect(() => {
+        const timer = setInterval(() => {
+            setFrame(f => (f + 1) % SPINNER_FRAMES.length);
+        }, 100);
+        return () => clearInterval(timer);
+    }, []);
+    return _jsxs(Text, { color: color, children: ["[", SPINNER_FRAMES[frame], "]"] });
+});
+Spinner.displayName = 'Spinner';
+/**
+ * Format action for display
+ */
+function formatAction(action) {
+    const filename = action.target.split('/').pop() || action.target;
+    const lineCount = action.details ? action.details.split('\n').length : 0;
+    const lineInfo = lineCount > 0 ? ` (${lineCount} lines)` : '';
+    switch (action.type) {
+        case 'write':
+            return {
+                icon: action.result === 'success' ? '✓' : '✗',
+                color: action.result === 'success' ? 'green' : 'red',
+                text: `Created ${filename}${lineInfo}`,
+            };
+        case 'edit':
+            return {
+                icon: action.result === 'success' ? '✓' : '✗',
+                color: action.result === 'success' ? 'yellow' : 'red',
+                text: `Edited ${filename}${lineInfo}`,
+            };
+        case 'read':
+            return {
+                icon: '→',
+                color: 'blue',
+                text: `Reading ${filename}`,
+            };
+        case 'delete':
+            return {
+                icon: action.result === 'success' ? '✓' : '✗',
+                color: 'red',
+                text: `Deleted ${filename}`,
+            };
+        case 'command':
+            const cmd = action.target.length > 30 ? action.target.slice(0, 30) + '...' : action.target;
+            return {
+                icon: action.result === 'success' ? '✓' : '✗',
+                color: action.result === 'success' ? 'magenta' : 'red',
+                text: `Ran \`${cmd}\``,
+            };
+        case 'search':
+            return {
+                icon: '→',
+                color: 'cyan',
+                text: `Searching ${filename}`,
+            };
+        case 'mkdir':
+            return {
+                icon: action.result === 'success' ? '✓' : '✗',
+                color: 'blue',
+                text: `Created dir ${filename}`,
+            };
+        case 'fetch':
+            return {
+                icon: '→',
+                color: 'cyan',
+                text: `Fetching ${filename}`,
+            };
+        case 'list':
+            return {
+                icon: '→',
+                color: 'gray',
+                text: `Listing ${filename}`,
+            };
+        default:
+            return {
+                icon: '◦',
+                color: 'white',
+                text: `${action.type}: ${filename}`,
+            };
+    }
+}
+/**
+ * Single action line component
+ */
+const ActionLine = memo(({ action }) => {
+    const { icon, color, text } = formatAction(action);
+    return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: icon }), _jsxs(Text, { children: [" ", text] })] }));
+});
+ActionLine.displayName = 'ActionLine';
+/**
+ * Agent Actions display using Static component
+ *
+ * Static renders items once and never re-renders them,
+ * preventing terminal jumping when new actions are added.
+ */
+export const AgentActions = memo(({ actions, isRunning, currentStep, dryRun, }) => {
+    const color = dryRun ? 'yellow' : '#f02a30';
+    const label = dryRun ? 'DRY RUN' : 'AGENT';
+    // Get completed actions (all except potentially the last one if still pending)
+    const completedActions = actions.filter(a => a.result === 'success' || a.result === 'error');
+    // Current action (last one if result is pending or the running state)
+    const currentAction = actions.length > 0 ? actions[actions.length - 1] : null;
+    const isCurrentPending = currentAction && currentAction.result !== 'success' && currentAction.result !== 'error';
+    if (!isRunning && actions.length === 0) {
+        return null;
+    }
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsx(Static, { items: completedActions.map((a, i) => ({ ...a, id: `action-${i}-${a.timestamp}` })), children: (action) => (_jsx(ActionLine, { action: action }, action.id)) }), isRunning && (_jsxs(Box, { children: [_jsx(Spinner, { color: color }), _jsxs(Text, { color: color, bold: true, children: [" ", label, " "] }), _jsxs(Text, { color: "cyan", children: ["Step ", currentStep] }), currentAction && (_jsxs(_Fragment, { children: [_jsx(Text, { color: "gray", children: " | " }), _jsx(Text, { children: formatAction(currentAction).text })] }))] }))] }));
+});
+AgentActions.displayName = 'AgentActions';

package/dist/utils/agent.js

@@ -686,9 +686,6 @@ export async function runAgent(prompt, projectContext, options = {}) {
                     // Actually execute the tool
                     toolResult = executeTool(toolCall, projectContext.root || process.cwd());
                 }
-                // Debug - write to file since Ink captures stdout/stderr
-                const fs = require('fs');
-                fs.appendFileSync('/tmp/codeep-debug.log', `[${new Date().toISOString()}] Tool executed: ${toolCall.tool}, onToolResult exists: ${!!opts.onToolResult}\n`);
                 opts.onToolResult?.(toolResult, toolCall);
                 // Log action
                 const actionLog = createActionLog(toolCall, toolResult);

package/dist/utils/console.js

@@ -70,9 +70,6 @@ export function setAgentRunning(running, dryRun = false) {
  * Log agent action
  */
 export function logAction(type, target, result, details) {
-    // Debug - write to file since Ink captures stdout/stderr
-    const fs = require('fs');
-    fs.appendFileSync('/tmp/codeep-debug.log', `[${new Date().toISOString()}] logAction called: ${type} ${target} ${result}\n`);
     stopSpinner(); // Stop spinner before logging
     const filename = target.split('/').pop() || target;
     const lineCount = details ? details.split('\n').length : 0;

package/package.json

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