codeep 1.0.132 → 1.1.0

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 { AgentStatusBar } from './components/AgentProgress.js';
 import { createActionLog } from './utils/tools.js';
 import { scanProject, saveProjectIntelligence, loadProjectIntelligence, generateContextFromIntelligence } from './utils/projectIntelligence.js';
+import { logAction, startAgentSpinner, updateSpinner, stopSpinner, logAgentComplete, logSeparator } from './utils/console.js';
 export const App = () => {
     const { exit } = useApp();
     const { stdout } = useStdout();
@@ -269,6 +269,9 @@ export const App = () => {
         setAgentResult(null);
         setAgentDryRun(dryRun);
         setAgentStreamingContent(''); // Reset streaming content
+        // Start console spinner for agent
+        logSeparator();
+        startAgentSpinner('Starting...', dryRun);
         // Add user message
         const userMessage = {
             role: 'user',
@@ -283,6 +286,7 @@ export const App = () => {
                 dryRun,
                 onIteration: (iteration, message) => {
                     setAgentIteration(iteration);
+                    updateSpinner(`Step ${iteration}`, dryRun);
                 },
                 onToolCall: (tool) => {
                     // Create action log with content for live code preview
@@ -325,46 +329,8 @@ 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 status = actionLog.result === 'success' ? '✓' : '✗';
-                    const failedText = actionLog.result === 'error' ? ' ✗' : '';
-                    // Count lines in content
-                    const lineCount = actionLog.details ? actionLog.details.split('\n').length : 0;
-                    let actionLine = '';
-                    if (actionType === 'write') {
-                        actionLine = `${status} Created **${target}**${lineCount > 0 ? ` (${lineCount} lines)` : ''}${failedText}`;
-                    }
-                    else if (actionType === 'edit') {
-                        actionLine = `${status} Edited **${target}**${lineCount > 0 ? ` (${lineCount} lines)` : ''}${failedText}`;
-                    }
-                    else if (actionType === 'read') {
-                        actionLine = `→ Reading **${target}**`;
-                    }
-                    else if (actionType === 'delete') {
-                        actionLine = `${status} Deleted **${target}**${failedText}`;
-                    }
-                    else if (actionType === 'command') {
-                        const cmd = actionLog.target.length > 40 ? actionLog.target.slice(0, 40) + '...' : actionLog.target;
-                        actionLine = `${status} Ran \`${cmd}\`${failedText}`;
-                    }
-                    else if (actionType === 'search') {
-                        actionLine = `→ Searching **${target}**`;
-                    }
-                    else if (actionType === 'mkdir') {
-                        actionLine = `${status} Created dir **${target}**`;
-                    }
-                    else if (actionType === 'fetch') {
-                        actionLine = `→ Fetching **${target}**`;
-                    }
-                    else if (actionType === 'list') {
-                        actionLine = `→ Listing **${target}**`;
-                    }
-                    if (actionLine) {
-                        setAgentStreamingContent(prev => prev + (prev ? '\n' : '') + actionLine);
-                    }
+                    // Use console.log with chalk for agent actions - no Ink re-rendering!
+                    logAction(actionLog.type, actionLog.target, actionLog.result, actionLog.details);
                 },
                 onThinking: (text) => {
                     // Strip <think> and <tool_call> tags from thinking text
@@ -382,6 +348,7 @@ export const App = () => {
             setAgentResult(result);
             // Build action statistics
             const stats = {
+                iterations: result.iterations,
                 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,
@@ -389,25 +356,13 @@ export const App = () => {
                 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
+            // Log completion to console (chalk/ora)
+            logAgentComplete(stats, result.success);
+            logSeparator();
+            // Add agent summary as assistant message (without duplicate stats - they're in console)
             const summaryMessage = {
                 role: 'assistant',
-                content: (result.finalResponse || formatAgentResult(result)) + statsLine,
+                content: result.finalResponse || formatAgentResult(result),
             };
             setMessages(prev => [...prev, summaryMessage]);
             // Auto-save session
@@ -424,9 +379,11 @@ export const App = () => {
         }
         catch (error) {
             const err = error;
+            stopSpinner();
             notify(`Agent error: ${err.message}`);
         }
         finally {
+            stopSpinner();
             setIsAgentRunning(false);
             setAbortController(null);
             setAgentThinking('');
@@ -1437,7 +1394,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, 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) => {
+    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) => {
                         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/MessageList.d.ts

@@ -3,7 +3,6 @@ import { Message } from '../config/index';
 interface MessageListProps {
     messages: Message[];
     streamingContent?: string;
-    agentStreamingContent?: string;
     scrollOffset?: number;
     terminalHeight?: number;
 }

package/dist/components/MessageList.js

@@ -21,9 +21,9 @@ MemoizedMessage.displayName = 'MemoizedMessage';
  * NOTE: This is a temporary solution until we implement a custom renderer
  * like Claude CLI uses (DEC Mode 2026 / synchronized output).
  */
-export const MessageList = memo(({ messages, streamingContent, agentStreamingContent, }) => {
+export const MessageList = memo(({ messages, streamingContent, }) => {
     // Memoize the messages array rendering
     const renderedMessages = useMemo(() => (messages.map((msg, index) => (_jsx(MemoizedMessage, { msg: msg, index: index }, `msg-${index}-${msg.role}`)))), [messages]);
-    return (_jsxs(Box, { flexDirection: "column", children: [renderedMessages, streamingContent && (_jsx(StreamingMessage, { content: streamingContent })), agentStreamingContent && (_jsx(StreamingMessage, { content: `**Agent Actions:**\n${agentStreamingContent}` }))] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [renderedMessages, streamingContent && (_jsx(StreamingMessage, { content: streamingContent }))] }));
 });
 MessageList.displayName = 'MessageList';

package/dist/utils/console.d.ts

@@ -0,0 +1,51 @@
+/**
+ * Console output utilities using chalk and ora
+ * Used for agent streaming to avoid Ink re-rendering issues
+ */
+/**
+ * Start agent spinner
+ */
+export declare function startAgentSpinner(text?: string, dryRun?: boolean): void;
+/**
+ * Update spinner text
+ */
+export declare function updateSpinner(text: string, dryRun?: boolean): void;
+/**
+ * Stop spinner with success
+ */
+export declare function spinnerSuccess(text?: string): void;
+/**
+ * Stop spinner with failure
+ */
+export declare function spinnerFail(text?: string): void;
+/**
+ * Stop spinner without status
+ */
+export declare function stopSpinner(): void;
+/**
+ * Log agent action
+ */
+export declare function logAction(type: string, target: string, result: 'success' | 'error' | 'pending', details?: string): void;
+/**
+ * Log agent step change
+ */
+export declare function logStep(step: number, actionsCount: number, dryRun?: boolean): void;
+/**
+ * Log agent completion
+ */
+export declare function logAgentComplete(stats: {
+    iterations: number;
+    created: number;
+    edited: number;
+    deleted: number;
+    commands: number;
+    errors: number;
+}, success?: boolean): void;
+/**
+ * Log separator line
+ */
+export declare function logSeparator(): void;
+/**
+ * Log with brand color
+ */
+export declare function logBrand(text: string): void;

package/dist/utils/console.js

@@ -0,0 +1,173 @@
+/**
+ * Console output utilities using chalk and ora
+ * Used for agent streaming to avoid Ink re-rendering issues
+ */
+import chalk from 'chalk';
+import ora from 'ora';
+// Brand color
+const brandRed = chalk.hex('#f02a30');
+// Current spinner instance
+let currentSpinner = null;
+/**
+ * Start agent spinner
+ */
+export function startAgentSpinner(text = 'Agent working...', dryRun = false) {
+    stopSpinner();
+    const prefix = dryRun ? chalk.yellow('[DRY RUN]') : brandRed('[AGENT]');
+    currentSpinner = ora({
+        text: `${prefix} ${text}`,
+        color: dryRun ? 'yellow' : 'red',
+    }).start();
+}
+/**
+ * Update spinner text
+ */
+export function updateSpinner(text, dryRun = false) {
+    if (currentSpinner) {
+        const prefix = dryRun ? chalk.yellow('[DRY RUN]') : brandRed('[AGENT]');
+        currentSpinner.text = `${prefix} ${text}`;
+    }
+}
+/**
+ * Stop spinner with success
+ */
+export function spinnerSuccess(text) {
+    if (currentSpinner) {
+        currentSpinner.succeed(text);
+        currentSpinner = null;
+    }
+}
+/**
+ * Stop spinner with failure
+ */
+export function spinnerFail(text) {
+    if (currentSpinner) {
+        currentSpinner.fail(text);
+        currentSpinner = null;
+    }
+}
+/**
+ * Stop spinner without status
+ */
+export function stopSpinner() {
+    if (currentSpinner) {
+        currentSpinner.stop();
+        currentSpinner = null;
+    }
+}
+/**
+ * Log agent action
+ */
+export function logAction(type, target, result, details) {
+    stopSpinner(); // Stop spinner before logging
+    const filename = target.split('/').pop() || target;
+    const lineCount = details ? details.split('\n').length : 0;
+    let icon;
+    let color;
+    let verb;
+    switch (type) {
+        case 'write':
+            icon = result === 'success' ? '✓' : '✗';
+            color = result === 'success' ? chalk.green : chalk.red;
+            verb = 'Created';
+            break;
+        case 'edit':
+            icon = result === 'success' ? '✓' : '✗';
+            color = result === 'success' ? chalk.yellow : chalk.red;
+            verb = 'Edited';
+            break;
+        case 'delete':
+            icon = result === 'success' ? '✓' : '✗';
+            color = result === 'success' ? chalk.red : chalk.red;
+            verb = 'Deleted';
+            break;
+        case 'read':
+            icon = '→';
+            color = chalk.blue;
+            verb = 'Reading';
+            break;
+        case 'search':
+            icon = '→';
+            color = chalk.cyan;
+            verb = 'Searching';
+            break;
+        case 'command':
+            icon = result === 'success' ? '✓' : '✗';
+            color = result === 'success' ? chalk.magenta : chalk.red;
+            verb = 'Ran';
+            break;
+        case 'mkdir':
+            icon = result === 'success' ? '✓' : '✗';
+            color = result === 'success' ? chalk.blue : chalk.red;
+            verb = 'Created dir';
+            break;
+        case 'fetch':
+            icon = '→';
+            color = chalk.cyan;
+            verb = 'Fetching';
+            break;
+        case 'list':
+            icon = '→';
+            color = chalk.gray;
+            verb = 'Listing';
+            break;
+        default:
+            icon = '◦';
+            color = chalk.white;
+            verb = type;
+    }
+    // Format line count for write/edit
+    const lineInfo = (type === 'write' || type === 'edit') && lineCount > 0
+        ? chalk.gray(` (${lineCount} lines)`)
+        : '';
+    // Format command differently
+    const displayTarget = type === 'command'
+        ? chalk.gray(`\`${filename.length > 40 ? filename.slice(0, 40) + '...' : filename}\``)
+        : chalk.bold(filename);
+    console.log(`${color(icon)} ${verb} ${displayTarget}${lineInfo}`);
+}
+/**
+ * Log agent step change
+ */
+export function logStep(step, actionsCount, dryRun = false) {
+    const prefix = dryRun ? chalk.yellow('[DRY RUN]') : brandRed('[AGENT]');
+    console.log(`${prefix} Step ${chalk.cyan(step)} | ${actionsCount} actions`);
+}
+/**
+ * Log agent completion
+ */
+export function logAgentComplete(stats, success = true) {
+    stopSpinner();
+    console.log(''); // Empty line
+    const statParts = [];
+    if (stats.created > 0)
+        statParts.push(chalk.green(`+${stats.created} created`));
+    if (stats.edited > 0)
+        statParts.push(chalk.yellow(`~${stats.edited} edited`));
+    if (stats.deleted > 0)
+        statParts.push(chalk.red(`-${stats.deleted} deleted`));
+    if (stats.commands > 0)
+        statParts.push(chalk.magenta(`${stats.commands} commands`));
+    if (stats.errors > 0)
+        statParts.push(chalk.red(`${stats.errors} errors`));
+    const statsLine = statParts.length > 0 ? statParts.join(chalk.gray(' | ')) : chalk.gray('no changes');
+    if (success) {
+        console.log(`${chalk.green('✓')} Agent completed: ${chalk.bold(stats.iterations)} steps | ${statsLine}`);
+    }
+    else {
+        console.log(`${chalk.red('✗')} Agent failed: ${chalk.bold(stats.iterations)} steps | ${statsLine}`);
+    }
+    console.log(''); // Empty line
+}
+/**
+ * Log separator line
+ */
+export function logSeparator() {
+    console.log(brandRed('─'.repeat(60)));
+}
+/**
+ * Log with brand color
+ */
+export function logBrand(text) {
+    console.log(brandRed(text));
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "codeep",
-  "version": "1.0.132",
+  "version": "1.1.0",
   "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",
@@ -36,6 +36,8 @@
   },
   "homepage": "https://codeep.dev",
   "dependencies": {
+    "@types/prompts": "^2.4.9",
+    "chalk": "^5.6.2",
     "clipboardy": "^4.0.0",
     "conf": "^12.0.0",
     "ink": "^4.4.1",
@@ -43,7 +45,10 @@
     "ink-text-input": "^5.0.1",
     "keytar": "^7.9.0",
     "open": "^10.0.0",
-    "react": "^18.2.0"
+    "ora": "^9.2.0",
+    "prompts": "^2.4.2",
+    "react": "^18.2.0",
+    "readline": "^1.3.0"
   },
   "devDependencies": {
     "@types/node": "^20.10.0",