codeep 1.0.114 → 1.0.116

package/dist/components/AgentProgress.js

@@ -147,6 +147,10 @@ const isSectionBreak = (line, prevLine) => {
 };
 const MAX_PREVIEW_LINES = 8; // Code preview lines (total box will be ~10 with header/footer)
 export const LiveCodeStream = memo(({ actions, isRunning, terminalWidth = 80 }) => {
+    // Find the current write/edit action for live preview
+    const currentAction = actions.length > 0 ? actions[actions.length - 1] : null;
+    const isCodeAction = currentAction && (currentAction.type === 'write' || currentAction.type === 'edit');
+    // ALL HOOKS MUST BE CALLED BEFORE ANY EARLY RETURNS (Rules of Hooks)
     // Calculate statistics from all actions
     const stats = useMemo(() => {
         const filesCreated = actions.filter(a => a.type === 'write' && a.result === 'success');
@@ -174,19 +178,16 @@ export const LiveCodeStream = memo(({ actions, isRunning, terminalWidth = 80 })
             editedFiles: filesEdited.map(a => a.target.split('/').pop() || a.target),
         };
     }, [actions]);
-    // Find the current write/edit action for live preview
-    const currentAction = actions.length > 0 ? actions[actions.length - 1] : null;
-    const isCodeAction = currentAction && (currentAction.type === 'write' || currentAction.type === 'edit');
-    // Don't render anything if no actions yet (agent just started)
-    if (actions.length === 0) {
-        return null;
-    }
     // Get code lines for preview
     const codeLines = useMemo(() => {
         if (!isCodeAction || !currentAction?.details)
             return [];
         return currentAction.details.split('\n');
     }, [isCodeAction, currentAction?.details]);
+    // Don't render anything if no actions yet (agent just started)
+    if (actions.length === 0) {
+        return null;
+    }
     const filename = currentAction?.target.split('/').pop() || '';
     const ext = getFileExtension(filename);
     const langLabel = getLanguageLabel(ext);

package/dist/components/Export.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
 export const Export = ({ onExport, onCancel }) => {
+    const { stdout } = useStdout();
     const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     const formats = [
         { id: 'md', name: 'Markdown', description: 'Formatted with headers and separators' },
         { id: 'json', name: 'JSON', description: 'Structured data format' },

package/dist/components/Help.js

@@ -1,3 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, Box } from 'ink';
-export const Help = () => (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Available Commands" }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/help" }), "       - Show this help"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/status" }), "     - Current status"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/settings" }), "   - Adjust settings"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/sessions" }), "   - Manage sessions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/grant" }), "      - Grant permissions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/agent" }), " ", '<task>', " - Run agent"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/clear" }), "      - Clear chat"] })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/model" }), "      - Switch model"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/provider" }), "   - Switch provider"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/diff" }), "       - Review git changes"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/commit" }), "     - Generate commit msg"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/export" }), "     - Export chat"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/copy" }), " [n]   - Copy code block"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/exit" }), "       - Quit"] })] })] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "cyan", children: "Type / to see autocomplete. Docs: github.com/VladoIvankovic/Codeep" })] }));
+import { useEffect } from 'react';
+import { Text, Box, useStdout } from 'ink';
+export const Help = () => {
+    const { stdout } = useStdout();
+    // Clear screen on mount to show fullscreen view
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Available Commands" }), _jsx(Text, { children: " " }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/help" }), "       - Show this help"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/status" }), "     - Current status"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/settings" }), "   - Adjust settings"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/sessions" }), "   - Manage sessions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/grant" }), "      - Grant permissions"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/agent" }), " ", '<task>', " - Run agent"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/clear" }), "      - Clear chat"] })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/model" }), "      - Switch model"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/provider" }), "   - Switch provider"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/diff" }), "       - Review git changes"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/commit" }), "     - Generate commit msg"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/export" }), "     - Export chat"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/copy" }), " [n]   - Copy code block"] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "/exit" }), "       - Quit"] })] })] }), _jsx(Text, { children: " " }), _jsx(Text, { color: "cyan", children: "Type / to see autocomplete. Docs: github.com/VladoIvankovic/Codeep" })] }));
+};

package/dist/components/Login.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Text, Box, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Text, Box, useInput, useStdout } from 'ink';
 import TextInput from 'ink-text-input';
 import open from 'open';
 import { setApiKey, setProvider } from '../config/index.js';
@@ -12,11 +12,15 @@ const PROVIDER_URLS = {
     'minimax': 'https://platform.minimax.io/subscribe/coding-plan?code=2lWvoWUhrp&source=link',
 };
 export const Login = ({ onLogin, onCancel }) => {
+    const { stdout } = useStdout();
     const [step, setStep] = useState('provider');
     const [selectedProvider, setSelectedProvider] = useState(0);
     const [apiKey, setApiKeyState] = useState('');
     const [error, setError] = useState('');
     const [validating, setValidating] = useState(false);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     const providers = getProviderList();
     const currentProvider = providers[selectedProvider];
     // Handle keyboard input

package/dist/components/LogoutPicker.js

@@ -1,11 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Text, Box, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Text, Box, useInput, useStdout } from 'ink';
 import { getConfiguredProviders, clearApiKey, getCurrentProvider } from '../config/index.js';
 export const LogoutPicker = ({ onLogout, onLogoutAll, onCancel }) => {
+    const { stdout } = useStdout();
     const providers = getConfiguredProviders();
     const currentProvider = getCurrentProvider();
     const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     // Options: individual providers + "All" + "Cancel"
     const options = [
         ...providers.map(p => ({

package/dist/components/ProjectPermission.js

@@ -1,11 +1,15 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
 import { setProjectPermission } from '../config/index.js';
 import { getProjectSummary } from '../utils/project.js';
 export const ProjectPermission = ({ projectPath, onComplete }) => {
+    const { stdout } = useStdout();
     const [step, setStep] = useState('read');
     const [readGranted, setReadGranted] = useState(false);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     const summary = getProjectSummary(projectPath);
     const projectName = summary?.name || projectPath.split('/').pop() || 'Unknown';
     useInput((input, key) => {

package/dist/components/Search.js

@@ -1,8 +1,12 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
 export const Search = ({ results, searchTerm, onClose, onSelectMessage }) => {
+    const { stdout } = useStdout();
     const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     useInput((input, key) => {
         if (key.escape) {
             onClose();

package/dist/components/SessionPicker.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useMemo } from 'react';
-import { Text, Box, useInput } from 'ink';
+import { useState, useMemo, useEffect } from 'react';
+import { Text, Box, useInput, useStdout } from 'ink';
 import { listSessionsWithInfo, loadSession, startNewSession } from '../config/index.js';
 /**
  * Format relative time (e.g., "today", "yesterday", "3 days ago")
@@ -39,8 +39,12 @@ function truncateName(name, maxLength = 25) {
     return name.substring(0, maxLength - 3) + '...';
 }
 export const SessionPicker = ({ onSelect, onNewSession, projectPath }) => {
+    const { stdout } = useStdout();
     const sessions = useMemo(() => listSessionsWithInfo(projectPath), [projectPath]);
     const [selectedIndex, setSelectedIndex] = useState(0);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     useInput((input, key) => {
         // N = New session
         if (input === 'n' || input === 'N') {

package/dist/components/Sessions.js

@@ -1,14 +1,18 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Text, Box, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Text, Box, useInput, useStdout } from 'ink';
 import TextInput from 'ink-text-input';
 import { listSessions, saveSession, loadSession, deleteSession } from '../config/index.js';
 export const Sessions = ({ history, onLoad, onClose, onDelete, deleteMode = false, projectPath }) => {
+    const { stdout } = useStdout();
     const [name, setName] = useState('');
     const [message, setMessage] = useState(deleteMode ? 'Select a session to delete (D or Enter)' : '');
     const [sessions, setSessions] = useState(listSessions(projectPath));
     const [selectedIndex, setSelectedIndex] = useState(0);
     const [confirmDelete, setConfirmDelete] = useState(null);
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     useInput((input, key) => {
         // Handle delete confirmation
         if (confirmDelete) {

package/dist/components/Settings.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Box, Text, useInput } from 'ink';
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput, useStdout } from 'ink';
 import { config } from '../config/index.js';
 import { updateRateLimits } from '../utils/ratelimit.js';
 const SETTINGS = [
@@ -98,9 +98,14 @@ const SETTINGS = [
     },
 ];
 export const Settings = ({ onClose, notify, hasWriteAccess = false, hasProjectContext = false }) => {
+    const { stdout } = useStdout();
     const [selected, setSelected] = useState(0);
     const [editing, setEditing] = useState(false);
     const [editValue, setEditValue] = useState('');
+    // Clear screen on mount to show fullscreen view
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     useInput((input, key) => {
         if (key.escape) {
             if (editing) {

package/dist/components/Status.js

@@ -1,7 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text, Box } from 'ink';
+import { useEffect } from 'react';
+import { Text, Box, useStdout } from 'ink';
 import { config, getMaskedApiKey, getModelsForCurrentProvider, getCurrentProvider, PROTOCOLS, LANGUAGES } from '../config/index.js';
 export const Status = () => {
+    const { stdout } = useStdout();
     const model = config.get('model');
     const protocol = config.get('protocol');
     const plan = config.get('plan');
@@ -9,5 +11,9 @@ export const Status = () => {
     const agentMode = config.get('agentMode');
     const provider = getCurrentProvider();
     const models = getModelsForCurrentProvider();
+    // Clear screen on mount to show fullscreen view
+    useEffect(() => {
+        stdout?.write('\x1b[2J\x1b[H');
+    }, [stdout]);
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "#f02a30", bold: true, children: "Status" }), _jsx(Text, { children: " " }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Provider:" }), "    ", provider.name] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Model:" }), "       ", models[model] || model] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Protocol:" }), "    ", PROTOCOLS[protocol] || protocol] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Language:" }), "    ", LANGUAGES[language] || language] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Plan:" }), "        ", plan.toUpperCase()] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "Agent Mode:" }), "  ", agentMode === 'on' ? 'ON' : 'Manual'] }), _jsxs(Text, { children: [_jsx(Text, { color: "#f02a30", children: "API Key:" }), "     ", getMaskedApiKey()] })] }));
 };

package/package.json

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