agentk8 2.3.3 → 2.3.4

package/dist/cli.js

@@ -27,8 +27,10 @@ const cli = meow(`
     /exit     Exit AGENT-K
 
   Keyboard
-    Esc Esc   Exit (double-press)
+    Esc       Cancel current operation (when processing)
+    Esc Esc   Exit (double-press when idle)
     Ctrl+U    Clear input line
+    Shift+Tab Toggle auto-edit mode
 `, {
     importMeta: import.meta,
     flags: {

package/dist/components/App.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { useState, useEffect, useRef } from 'react';
 import { Box, Text, useApp, useInput, Static } from 'ink';
 import { WelcomeBox } from './WelcomeBox.js';
 import { ChatMessage } from './ChatMessage.js';
@@ -37,6 +37,9 @@ export const App = ({ mode, version }) => {
     const [lastEscapeTime, setLastEscapeTime] = useState(0);
     const [showExitHint, setShowExitHint] = useState(false);
     const [questionWizardState, setQuestionWizardState] = useState(null);
+    const [showCancelHint, setShowCancelHint] = useState(false);
+    // Ref to track cancellation (can be checked inside async operations)
+    const cancelledRef = useRef(false);
     // Clean orchestrator internal tags from response
     const cleanOrchestratorTags = (response) => {
         let cleaned = response;
@@ -138,6 +141,7 @@ export const App = ({ mode, version }) => {
     };
     // Execute via Council
     const executeCouncil = async (input) => {
+        cancelledRef.current = false;
         setIsProcessing(true);
         setProcessingStartTime(new Date());
         setActiveAgent('Orchestrator');
@@ -185,6 +189,7 @@ export const App = ({ mode, version }) => {
     };
     // Generate a plan for approval
     const generatePlan = async (input) => {
+        cancelledRef.current = false;
         setIsProcessing(true);
         setProcessingStartTime(new Date());
         setActiveAgent('Orchestrator');
@@ -278,6 +283,7 @@ Format your response clearly with headers.`;
     };
     // Execute task directly
     const executeTask = async (input) => {
+        cancelledRef.current = false;
         setIsProcessing(true);
         setProcessingStartTime(new Date());
         setActiveAgent('Orchestrator');
@@ -463,8 +469,9 @@ Format your response clearly with headers.`;
 Keyboard shortcuts:
 ↑/↓       - Browse command history
 Tab       - Autocomplete commands
-Shift+Tab - Toggle auto-accept edits
-Esc Esc   - Exit
+Shift+Tab - Toggle auto-edit mode
+Esc       - Cancel operation (when processing)
+Esc Esc   - Exit (when idle)
 Ctrl+U    - Clear input line`,
                     timestamp: new Date(),
                 };
@@ -494,9 +501,29 @@ Ctrl+U    - Clear input line`,
     };
     // Handle keyboard shortcuts
     useInput((input, key) => {
-        // Double-escape to exit (like Claude Code)
+        // Escape key handling
         if (key.escape) {
             const now = Date.now();
+            // If processing, single Esc cancels the operation
+            if (isProcessing) {
+                cancelledRef.current = true;
+                setIsProcessing(false);
+                setProcessingStartTime(null);
+                setActiveAgent(undefined);
+                setCouncilStage(null);
+                setShowCancelHint(true);
+                setTimeout(() => setShowCancelHint(false), 2000);
+                // Add cancellation message
+                const cancelMessage = {
+                    id: Date.now().toString(),
+                    role: 'system',
+                    content: '⚠ Operation cancelled',
+                    timestamp: new Date(),
+                };
+                setMessages(prev => [...prev, cancelMessage]);
+                return;
+            }
+            // Double-escape to exit (like Claude Code)
             if (now - lastEscapeTime < 500) {
                 // Double escape - exit
                 exit();

package/dist/components/StatusBar.js

@@ -95,7 +95,7 @@ export const StatusBar = ({ mode, executionMode, tokens, startTime, isProcessing
         };
         return stages[councilStage] || councilStage;
     };
-    return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: "  " }), _jsx(Text, { color: theme.accent, children: modeLabel }), _jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: executionMode === 'auto' ? theme.active : theme.accent, children: executionMode.toUpperCase() }), _jsx(Text, { color: theme.border, children: " \u2502 " }), councilMode !== 'off' ? (_jsxs(_Fragment, { children: [Object.entries(modelIcons).map(([model, icon], i) => {
+    return (_jsxs(Box, { flexDirection: "row", justifyContent: "space-between", width: "100%", children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: "  " }), _jsx(Text, { color: theme.accent, children: modeLabel }), _jsx(Text, { color: theme.border, children: " \u2502 " }), councilMode !== 'off' ? (_jsxs(_Fragment, { children: [Object.entries(modelIcons).map(([model, icon], i) => {
                                 const isAvailable = availableModels[model];
                                 const color = isAvailable ? theme.done : theme.dim;
                                 return (_jsxs(React.Fragment, { children: [_jsx(Text, { color: color, children: "[" }), _jsx(Text, { color: color, children: icon }), _jsx(Text, { color: color, children: "]" }), i < Object.keys(modelIcons).length - 1 && _jsx(Text, { color: theme.dim, children: " " })] }, model));
@@ -106,6 +106,6 @@ export const StatusBar = ({ mode, executionMode, tokens, startTime, isProcessing
                         const leftBracket = isActive ? pulseBrackets[pulseFrame] : '[';
                         const rightBracket = isActive ? pulseBrackets[(pulseFrame + 3) % pulseBrackets.length] === '<' ? '>' : pulseBrackets[(pulseFrame + 3) % pulseBrackets.length] === '{' ? '}' : pulseBrackets[(pulseFrame + 3) % pulseBrackets.length] === '(' ? ')' : ']' : ']';
                         return (_jsxs(React.Fragment, { children: [_jsx(Text, { color: getAgentColor(agent), children: leftBracket }), _jsx(Text, { color: getAgentColor(agent), children: agentIcons[agent] }), _jsx(Text, { color: getAgentColor(agent), children: rightBracket }), i < modeAgents.length - 1 && _jsx(Text, { color: theme.dim, children: " " })] }, agent));
-                    })), _jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.dim, children: "? help" }), councilMode !== 'off' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.highlight, children: councilMode === 'council' ? 'COUNCIL' : 'SOLO' })] })), autoAccept && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.active, children: "FAST" })] })), isProcessing && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.highlight, children: icons.spinner[spinnerFrame] })] })), elapsed && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.dim, children: elapsed })] }))] }), _jsxs(Box, { children: [showExitHint && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.dim, children: "Press Esc again to exit" }), _jsx(Text, { color: theme.border, children: " \u2502 " })] })), _jsxs(Text, { color: theme.accent, children: ["\u2191 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: " tokens " })] })] }));
+                    })), _jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.dim, children: "? help" }), councilMode !== 'off' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.highlight, children: councilMode === 'council' ? 'COUNCIL' : 'SOLO' })] })), executionMode === 'auto' && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.active, children: "AUTO-EXEC" })] })), autoAccept && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.active, children: "AUTO-EDIT" })] })), isProcessing && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.highlight, children: icons.spinner[spinnerFrame] })] })), elapsed && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: " \u2502 " }), _jsx(Text, { color: theme.dim, children: elapsed })] }))] }), _jsxs(Box, { children: [showExitHint && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.dim, children: "Press Esc again to exit" }), _jsx(Text, { color: theme.border, children: " \u2502 " })] })), _jsxs(Text, { color: theme.accent, children: ["\u2191 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: " tokens " })] })] }));
 };
 export default StatusBar;

package/dist/components/ThinkingIndicator.js

@@ -54,6 +54,6 @@ export const ThinkingIndicator = ({ startTime, tokens = 0, }) => {
             return `${(t / 1000).toFixed(1)}k`;
         return t.toString();
     };
-    return (_jsxs(Box, { marginY: 1, marginLeft: 1, children: [_jsxs(Text, { color: theme.purple, bold: true, children: [symbols[frame], " "] }), _jsxs(Text, { color: theme.highlight, italic: true, children: [verb, "\u2026"] }), _jsx(Text, { color: theme.dim, children: " (" }), _jsx(Text, { color: theme.dim, children: "esc esc to exit" }), _jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsx(Text, { color: theme.accent, children: elapsed }), tokens > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsxs(Text, { color: theme.accent, children: ["\u2193 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: " tokens" })] })), _jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsx(Text, { color: theme.purple, children: "thinking" }), _jsx(Text, { color: theme.dim, children: ")" })] }));
+    return (_jsxs(Box, { marginY: 1, marginLeft: 1, children: [_jsxs(Text, { color: theme.purple, bold: true, children: [symbols[frame], " "] }), _jsxs(Text, { color: theme.highlight, italic: true, children: [verb, "\u2026"] }), _jsx(Text, { color: theme.dim, children: " (" }), _jsx(Text, { color: theme.dim, children: "Esc to cancel" }), _jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsx(Text, { color: theme.accent, children: elapsed }), tokens > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsxs(Text, { color: theme.accent, children: ["\u2193 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: " tokens" })] })), _jsx(Text, { color: theme.dim, children: " \u00B7 " }), _jsx(Text, { color: theme.purple, children: "thinking" }), _jsx(Text, { color: theme.dim, children: ")" })] }));
 };
 export default ThinkingIndicator;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentk8",
-  "version": "2.3.3",
+  "version": "2.3.4",
   "description": "Multi-LLM Council Terminal Suite - Three-stage consensus with GPT, Gemini, and Claude",
   "type": "module",
   "main": "dist/index.js",