codeep 1.0.60 → 1.0.62

package/dist/app.js

@@ -273,14 +273,34 @@ export const App = () => {
                     setAgentIteration(iteration);
                 },
                 onToolCall: (tool) => {
-                    // Create a placeholder action - will be updated by onToolResult
-                    const placeholderResult = {
-                        success: true,
-                        output: '',
-                        tool: tool.tool,
-                        parameters: tool.parameters,
+                    // Create action log with content for live code preview
+                    // For write/edit actions, include content immediately so it shows while agent works
+                    const toolName = tool.tool.toLowerCase().replace(/-/g, '_');
+                    let details;
+                    if (toolName === 'write_file' && tool.parameters.content) {
+                        details = tool.parameters.content;
+                    }
+                    else if (toolName === 'edit_file' && tool.parameters.new_text) {
+                        details = tool.parameters.new_text;
+                    }
+                    const actionLog = {
+                        type: toolName === 'write_file' ? 'write' :
+                            toolName === 'edit_file' ? 'edit' :
+                                toolName === 'read_file' ? 'read' :
+                                    toolName === 'delete_file' ? 'delete' :
+                                        toolName === 'execute_command' ? 'command' :
+                                            toolName === 'search_code' ? 'search' :
+                                                toolName === 'list_files' ? 'list' :
+                                                    toolName === 'create_directory' ? 'mkdir' :
+                                                        toolName === 'fetch_url' ? 'fetch' : 'command',
+                        target: tool.parameters.path ||
+                            tool.parameters.command ||
+                            tool.parameters.pattern ||
+                            tool.parameters.url || 'unknown',
+                        result: 'success', // Will be updated by onToolResult
+                        details,
+                        timestamp: Date.now(),
                     };
-                    const actionLog = createActionLog(tool, placeholderResult);
                     setAgentActions(prev => [...prev, actionLog]);
                 },
                 onToolResult: (result, toolCall) => {

package/dist/components/AgentProgress.d.ts

@@ -13,9 +13,8 @@ interface AgentProgressProps {
 }
 export declare const AgentProgress: React.FC<AgentProgressProps>;
 /**
- * Live Code Stream component - shows ALL code being written/edited by agent
- * Displayed ABOVE the AgentProgress component
- * Enhanced with better syntax highlighting and visual organization
+ * Live Code Stream component - shows code being written/edited by agent
+ * FIXED HEIGHT to prevent layout shift and empty lines
  */
 interface LiveCodeStreamProps {
     actions: ActionLog[];

package/dist/components/AgentProgress.js

@@ -139,6 +139,7 @@ const isSectionBreak = (line, prevLine) => {
     }
     return false;
 };
+const LIVE_CODE_LINES = 8; // Fixed number of visible lines
 export const LiveCodeStream = ({ actions, isRunning }) => {
     // Find the current write/edit action with code content
     const currentAction = actions.length > 0 ? actions[actions.length - 1] : null;
@@ -158,12 +159,19 @@ export const LiveCodeStream = ({ actions, isRunning }) => {
     const totalLines = allLines.length;
     const actionLabel = currentAction.type === 'write' ? '✨ Creating' : '✏️  Editing';
     const actionColor = currentAction.type === 'write' ? 'green' : 'yellow';
-    // Show last 10 lines (most recent code being written)
-    const WINDOW_SIZE = 10;
-    const startLine = Math.max(0, totalLines - WINDOW_SIZE);
-    const linesToShow = allLines.slice(startLine, totalLines);
-    const linesAbove = startLine;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Text, { color: actionColor, bold: true, children: [actionLabel, " "] }), _jsx(Text, { color: "white", bold: true, children: filename }), _jsxs(Text, { color: "gray", children: [" \u2022 ", langLabel, " \u2022 "] }), _jsx(Text, { color: "cyan", children: totalLines }), _jsx(Text, { color: "gray", children: " lines" })] }), _jsx(Text, { color: actionColor, children: '─'.repeat(76) }), linesAbove > 0 && (_jsxs(Text, { color: "gray", dimColor: true, children: ["  \u22EE ", linesAbove, " lines above"] })), linesToShow.map((line, i) => (_jsxs(Text, { children: [_jsxs(Text, { color: "gray", dimColor: true, children: [String(startLine + i + 1).padStart(4, ' '), " \u2502", ' '] }), _jsx(Text, { color: getCodeColor(line, ext), children: line.slice(0, 68) }), line.length > 68 && _jsx(Text, { color: "gray", children: "\u2026" })] }, `line-${startLine + i}`))), _jsx(Text, { color: actionColor, children: '─'.repeat(76) })] }));
+    // Show last N lines (sliding window)
+    const startLine = Math.max(0, totalLines - LIVE_CODE_LINES);
+    const visibleLines = allLines.slice(startLine, totalLines);
+    // Pad to fixed height to prevent layout shift
+    const paddedLines = [...visibleLines];
+    while (paddedLines.length < LIVE_CODE_LINES) {
+        paddedLines.push('');
+    }
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { children: [_jsxs(Text, { color: actionColor, bold: true, children: [actionLabel, " "] }), _jsx(Text, { color: "white", bold: true, children: filename }), _jsxs(Text, { color: "gray", children: [" \u2022 ", langLabel, " \u2022 "] }), _jsx(Text, { color: "cyan", children: totalLines }), _jsx(Text, { color: "gray", children: " lines" }), startLine > 0 && _jsxs(Text, { color: "gray", dimColor: true, children: [" (showing ", startLine + 1, "-", totalLines, ")"] })] }), paddedLines.map((line, i) => {
+                const lineNum = startLine + i + 1;
+                const isRealLine = i < visibleLines.length;
+                return (_jsxs(Text, { children: [_jsxs(Text, { color: "gray", dimColor: true, children: [isRealLine ? String(lineNum).padStart(4, ' ') : '    ', " \u2502", ' '] }), isRealLine ? (_jsxs(_Fragment, { children: [_jsx(Text, { color: getCodeColor(line, ext), children: line.slice(0, 70) }), line.length > 70 && _jsx(Text, { color: "gray", children: "\u2026" })] })) : (_jsx(Text, { children: " " }))] }, `fixed-line-${i}`));
+            })] }));
 };
 // Helper functions for action display
 const getActionColor = (type) => {

package/package.json

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