codeep 1.0.108 → 1.0.109

package/dist/components/AgentProgress.d.ts

@@ -14,8 +14,8 @@ interface AgentProgressProps {
 }
 export declare const AgentProgress: React.FC<AgentProgressProps>;
 /**
- * Live Code Stream component - shows code being written/edited by agent
- * Displays code progressively 10 lines at a time ABOVE agent progress
+ * Live Code Stream component - shows current file operation
+ * Simplified single-line display to avoid ghost content issues
  */
 interface LiveCodeStreamProps {
     actions: ActionLog[];

package/dist/components/AgentProgress.js

@@ -3,7 +3,7 @@ import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-run
  * Agent progress display component
  * Optimized with isolated spinner animation and memoization
  */
-import { useState, useEffect, useRef, memo } from 'react';
+import { useState, useEffect, memo } from 'react';
 import { Box, Text } from 'ink';
 // Spinner frames for animation (no emojis)
 const SPINNER_FRAMES = ['/', '-', '\\', '|'];
@@ -145,78 +145,31 @@ const isSectionBreak = (line, prevLine) => {
     }
     return false;
 };
-const LINES_PER_CHUNK = 10; // Show 10 lines at a time
-export const LiveCodeStream = memo(({ actions, isRunning, terminalWidth = 80 }) => {
-    // Track how many lines we've shown so far
-    const [visibleLineCount, setVisibleLineCount] = useState(LINES_PER_CHUNK);
-    const lastActionIdRef = useRef('');
-    // Find the current write/edit action with code content
+export const LiveCodeStream = memo(({ actions, isRunning }) => {
+    // Find the current write/edit action
     const currentAction = actions.length > 0 ? actions[actions.length - 1] : null;
-    // Create a unique ID for current action
-    const currentActionId = currentAction
-        ? `${currentAction.type}-${currentAction.target}-${currentAction.details?.length || 0}`
-        : '';
-    // Reset visible lines when action changes
-    useEffect(() => {
-        if (currentActionId !== lastActionIdRef.current) {
-            lastActionIdRef.current = currentActionId;
-            setVisibleLineCount(LINES_PER_CHUNK);
-        }
-    }, [currentActionId]);
-    // Progressively show more lines
-    useEffect(() => {
-        if (!isRunning || !currentAction)
-            return;
-        if (currentAction.type !== 'write' && currentAction.type !== 'edit')
-            return;
-        if (!currentAction.details)
-            return;
-        const totalLines = currentAction.details.split('\n').length;
-        // If we haven't shown all lines yet, schedule showing more
-        if (visibleLineCount < totalLines) {
-            const timer = setTimeout(() => {
-                setVisibleLineCount(prev => Math.min(prev + LINES_PER_CHUNK, totalLines));
-            }, 200); // Show next 10 lines every 200ms
-            return () => clearTimeout(timer);
-        }
-    }, [isRunning, currentAction, visibleLineCount]);
-    // Only show for write/edit actions with content
+    // Only show for write/edit actions while running
     if (!isRunning || !currentAction)
         return null;
     if (currentAction.type !== 'write' && currentAction.type !== 'edit')
         return null;
-    if (!currentAction.details)
-        return null;
-    const code = currentAction.details;
     const fullPath = currentAction.target;
     const filename = fullPath.split('/').pop() || fullPath;
     const ext = getFileExtension(filename);
     const langLabel = getLanguageLabel(ext);
-    const allLines = code.split('\n');
-    const totalLines = allLines.length;
-    // When action completes, show compact summary with blank lines to overwrite ghost
-    const isCompleted = currentAction.result === 'success' || currentAction.result === 'error';
-    if (isCompleted) {
-        const statusIcon = currentAction.result === 'success' ? '✓' : '✗';
-        const statusColor = currentAction.result === 'success' ? 'green' : 'red';
-        const actionVerb = currentAction.type === 'write' ? 'Created' : 'Edited';
-        // Calculate how many blank lines we need to overwrite the previous code display
-        // Header (2) + code lines shown + footer (1) + loading indicator (1)
-        const previousHeight = Math.min(visibleLineCount, totalLines) + 4;
-        const blankLines = Math.max(0, previousHeight - 1); // -1 for our summary line
-        return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsxs(Text, { color: statusColor, children: [statusIcon, " ", actionVerb, " ", filename, " (", totalLines, " lines)"] }), Array.from({ length: blankLines }).map((_, i) => (_jsx(Text, { children: " " }, i)))] }));
-    }
-    const actionLabel = currentAction.type === 'write' ? '✨ Creating' : '✏️  Editing';
+    const totalLines = currentAction.details?.split('\n').length || 0;
+    const actionIcon = currentAction.type === 'write' ? '✨' : '✏️';
+    const actionVerb = currentAction.type === 'write' ? 'Creating' : 'Editing';
     const actionColor = currentAction.type === 'write' ? 'green' : 'yellow';
-    // Show lines up to visibleLineCount
-    const linesToShow = allLines.slice(0, visibleLineCount);
-    const hasMoreLines = visibleLineCount < totalLines;
-    // Calculate line width based on terminal width (same as agent box)
-    const lineWidth = Math.max(20, terminalWidth);
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { color: actionColor, children: '─'.repeat(lineWidth) }), _jsxs(Text, { children: [_jsxs(Text, { color: actionColor, bold: true, children: [actionLabel, " "] }), _jsx(Text, { color: "white", bold: true, children: filename }), _jsxs(Text, { color: "cyan", children: [" \u2022 ", langLabel, " \u2022 "] }), _jsx(Text, { color: "cyan", children: visibleLineCount }), _jsxs(Text, { color: "cyan", children: ["/", totalLines, " lines"] }), hasMoreLines && _jsx(Text, { color: "yellow", children: " \u25BC streaming..." })] }), linesToShow.map((line, i) => {
-                const lineNum = i + 1;
-                return (_jsxs(Text, { children: [_jsxs(Text, { color: "cyan", dimColor: true, children: [String(lineNum).padStart(4, ' '), " \u2502", ' '] }), _jsx(Text, { color: getCodeColor(line, ext), children: line.slice(0, 80) }), line.length > 80 && _jsx(Text, { color: "cyan", children: "\u2026" })] }, `line-${i}`));
-            }), hasMoreLines && (_jsxs(Text, { color: "cyan", dimColor: true, children: ['     ', "\u2502 ... ", totalLines - visibleLineCount, " more lines loading..."] })), _jsx(Text, { color: actionColor, children: '─'.repeat(lineWidth) })] }));
+    // Show completion status if available
+    if (currentAction.result === 'success') {
+        return (_jsxs(Text, { color: "green", children: ["\u2713 ", currentAction.type === 'write' ? 'Created' : 'Edited', " ", filename, " (", totalLines, " lines)"] }));
+    }
+    if (currentAction.result === 'error') {
+        return (_jsxs(Text, { color: "red", children: ["\u2717 Failed to ", currentAction.type, " ", filename] }));
+    }
+    // Show in-progress status - single line, no height changes
+    return (_jsxs(Text, { color: actionColor, children: [actionIcon, " ", actionVerb, " ", filename, " \u2022 ", langLabel, " \u2022 ", totalLines, " lines"] }));
 });
 LiveCodeStream.displayName = 'LiveCodeStream';
 // Helper functions for action display

package/package.json

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