codeep 1.0.61 → 1.0.62

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.61",
+  "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",