codeep 1.0.86 → 1.0.88

package/dist/app.js

@@ -37,11 +37,21 @@ 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);
@@ -52,7 +62,6 @@ export const App = () => {
     const [sessionId, setSessionId] = useState(getCurrentSessionId());
     const [showIntro, setShowIntro] = useState(true);
     const [clearInputTrigger, setClearInputTrigger] = useState(0);
-    const [screenRenderKey, setScreenRenderKey] = useState(0);
     // Project context
     const [projectPath] = useState(process.cwd());
     // Log application startup and set project path for logging
@@ -164,22 +173,18 @@ export const App = () => {
             return () => clearTimeout(timer);
         }
     }, [notification, notificationDuration]);
-    // Clear input when opening command modals and increment render key when returning to chat
+    // Clear input when opening command modals
     useEffect(() => {
         const commandModals = ['help', 'status', 'sessions', 'sessions-delete', 'model', 'protocol', 'language', 'settings', 'provider', 'search', 'export', 'logout'];
         if (commandModals.includes(screen)) {
             setClearInputTrigger(prev => prev + 1);
         }
-        else if (screen === 'chat') {
-            // Increment render key to force re-render when returning to chat
-            setScreenRenderKey(prev => prev + 1);
-        }
     }, [screen]);
     // Handle keyboard shortcuts
     useInput((input, key) => {
         // ? to open help (only from chat screen)
-        if (input === '?' && screen === 'chat' && !isLoading) {
-            setScreen('help');
+        if (input === '?' && screen === 'chat' && !isLoading && !modalScreen) {
+            setModalScreen('help');
             return;
         }
         // Ctrl+L to clear chat (F5 doesn't work reliably in all terminals)
@@ -539,10 +544,10 @@ export const App = () => {
                 exit();
                 break;
             case '/help':
-                setScreen('help');
+                setModalScreen('help');
                 break;
             case '/status':
-                setScreen('status');
+                setModalScreen('status');
                 break;
             case '/version': {
                 const version = getCurrentVersion();
@@ -630,7 +635,7 @@ export const App = () => {
                 }
                 break;
             case '/settings':
-                setScreen('settings');
+                setModalScreen('settings');
                 break;
             case '/grant': {
                 // Always open permission dialog to allow users to manage permissions
@@ -1411,7 +1416,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 }) })), _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-${screenRenderKey}`));
+                    }), _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, {}) })), modalScreen === 'status' && (_jsx(ModalOverlay, { onClose: () => setModalScreen(null), children: _jsx(Status, {}) })), modalScreen === 'settings' && (_jsx(ModalOverlay, { onClose: () => setModalScreen(null), children: _jsx(Settings, { onClose: () => setModalScreen(null), notify: notify, hasWriteAccess: hasWriteAccess, hasProjectContext: !!projectContext }) })), _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/package.json

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