codeep 1.0.108 → 1.0.110

package/dist/app.js

@@ -37,21 +37,11 @@ import { learnFromProject, addCustomRule, getLearningStatus } from './utils/lear
 import { getAllSkills, findSkill, formatSkillsList, formatSkillHelp, generateSkillPrompt, saveCustomSkill, deleteCustomSkill, parseSkillChain, parseSkillArgs, searchSkills, trackSkillUsage, getSkillStats } from './utils/skills.js';
 import { AgentProgress, AgentSummary, LiveCodeStream } from './components/AgentProgress.js';
 import { createActionLog } from './utils/tools.js';
-// Modal overlay component - renders modal content on top of chat
-const ModalOverlay = ({ children, onClose }) => {
-    useInput((input, key) => {
-        if (key.escape) {
-            onClose();
-        }
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "#f02a30", padding: 1, marginTop: 2, marginBottom: 2, children: [children, _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "cyan", children: "Press Escape to close" }) })] }));
-};
 export const App = () => {
     const { exit } = useApp();
     const { stdout } = useStdout();
     // Start with 'chat' screen, will switch to login if needed after loading API key
     const [screen, setScreen] = useState('chat');
-    const [modalScreen, setModalScreen] = useState(null);
     const [messages, setMessages] = useState([]);
     const [inputHistory, setInputHistory] = useState([]);
     const [isLoading, setIsLoading] = useState(false);
@@ -173,12 +163,6 @@ export const App = () => {
             return () => clearTimeout(timer);
         }
     }, [notification, notificationDuration]);
-    // Clear input when opening modals
-    useEffect(() => {
-        if (modalScreen !== null) {
-            setClearInputTrigger(prev => prev + 1);
-        }
-    }, [modalScreen]);
     // Handle keyboard shortcuts
     useInput((input, key) => {
         // Ctrl+L to clear chat (F5 doesn't work reliably in all terminals)
@@ -538,10 +522,10 @@ export const App = () => {
                 exit();
                 break;
             case '/help':
-                setModalScreen('help');
+                setScreen('help');
                 break;
             case '/status':
-                setModalScreen('status');
+                setScreen('status');
                 break;
             case '/version': {
                 const version = getCurrentVersion();
@@ -629,7 +613,7 @@ export const App = () => {
                 }
                 break;
             case '/settings':
-                setModalScreen('settings');
+                setScreen('settings');
                 break;
             case '/grant': {
                 // Always open permission dialog to allow users to manage permissions
@@ -1410,7 +1394,7 @@ export const App = () => {
                         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 }) })), modalScreen === 'help' && (_jsx(ModalOverlay, { onClose: () => setModalScreen(null), children: _jsx(Help, {}) }, "help-modal")), modalScreen === 'status' && (_jsx(ModalOverlay, { onClose: () => setModalScreen(null), children: _jsx(Status, {}) }, "status-modal")), modalScreen === 'settings' && (_jsx(ModalOverlay, { onClose: () => setModalScreen(null), children: _jsx(Settings, { onClose: () => setModalScreen(null), notify: notify, hasWriteAccess: hasWriteAccess, hasProjectContext: !!projectContext }) }, "settings-modal")), _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)) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+V" }), _jsx(Text, { children: " Paste  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+L" }), _jsx(Text, { children: " Clear  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Esc" }), _jsx(Text, { children: " Cancel  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "\u2191\u2193" }), _jsx(Text, { children: " History  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "/help" }), _jsx(Text, { children: " Commands" })] }) }), _jsx(Box, { children: config.get('agentMode') === 'on' ? (hasWriteAccess && projectContext ? (_jsx(Text, { color: "green", children: "Agent: ON \u2713" })) : (_jsx(Text, { color: "yellow", children: "Agent: ON (no permission - use /grant)" }))) : (_jsx(Text, { color: "cyan", children: "Agent: Manual (use /agent)" })) })] })] }, "chat-screen"));
+                    }), _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 }) })), _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)) })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+V" }), _jsx(Text, { children: " Paste  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Ctrl+L" }), _jsx(Text, { children: " Clear  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "Esc" }), _jsx(Text, { children: " Cancel  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "\u2191\u2193" }), _jsx(Text, { children: " History  " }), _jsx(Text, { color: "#f02a30", bold: true, children: "/help" }), _jsx(Text, { children: " Commands" })] }) }), _jsx(Box, { children: config.get('agentMode') === 'on' ? (hasWriteAccess && projectContext ? (_jsx(Text, { color: "green", children: "Agent: ON \u2713" })) : (_jsx(Text, { color: "yellow", children: "Agent: ON (no permission - use /grant)" }))) : (_jsx(Text, { color: "cyan", children: "Agent: Manual (use /agent)" })) })] })] }, "chat-screen"));
 };
 // Model selection component
 const ModelSelect = ({ onClose, notify }) => {

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.110",
   "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",