agentk8 2.1.0 → 2.1.2

package/dist/cli.js

@@ -4,7 +4,7 @@ import { render } from 'ink';
 import meow from 'meow';
 import { App } from './components/App.js';
 import { checkClaudeInstalled } from './lib/claude.js';
-const VERSION = '2.0.0';
+const VERSION = '2.1.2';
 const cli = meow(`
   Usage
     $ agentk [options]

package/dist/components/Banner.js

@@ -12,6 +12,13 @@ const theme = {
 export const Banner = ({ version }) => {
     const termWidth = process.stdout.columns || 80;
     const w = termWidth;
-    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsx(Text, { color: theme.glow, children: '▁'.repeat(w) }) }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: '  ' }), _jsx(Text, { color: theme.dim, children: '◇' }), _jsx(Text, { color: theme.border, children: ' ─── ' }), _jsx(Text, { color: theme.highlight, bold: true, children: "AGENT" }), _jsx(Text, { color: theme.accent, bold: true, children: "-" }), _jsx(Text, { color: theme.highlight, bold: true, children: "K" }), _jsx(Text, { color: theme.border, children: ' ─── ' }), _jsx(Text, { color: theme.dim, children: '◇' }), _jsx(Text, { color: theme.border, children: ' ─ ' }), _jsx(Text, { color: theme.dim, italic: true, children: "Multi-Agent Intelligence System" }), _jsx(Text, { color: theme.border, children: ' ─'.repeat(Math.max(1, Math.floor((w - 58) / 2))) }), _jsxs(Text, { color: theme.dim, children: [" v", version] })] }), _jsx(Box, { children: _jsx(Text, { color: theme.border, children: '─'.repeat(w) }) })] }));
+    // Calculate widths properly
+    const tagline = 'Multi-Agent System';
+    const versionStr = ` v${version}`;
+    const prefixLen = 25;
+    const usedWidth = prefixLen + tagline.length + versionStr.length;
+    const remainingSpace = Math.max(0, w - usedWidth - 2);
+    const dashes = remainingSpace > 0 ? ' ' + '─'.repeat(remainingSpace) + ' ' : ' ';
+    return (_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Box, { children: _jsx(Text, { color: theme.glow, children: '▁'.repeat(w) }) }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: '  ' }), _jsx(Text, { color: theme.dim, children: '◇' }), _jsx(Text, { color: theme.border, children: ' ─── ' }), _jsx(Text, { color: theme.highlight, bold: true, children: "AGENT" }), _jsx(Text, { color: theme.accent, bold: true, children: "-" }), _jsx(Text, { color: theme.highlight, bold: true, children: "K" }), _jsx(Text, { color: theme.border, children: ' ─── ' }), _jsx(Text, { color: theme.dim, children: '◇' }), _jsx(Text, { color: theme.border, children: ' ─ ' }), _jsx(Text, { color: theme.dim, italic: true, children: tagline }), _jsx(Text, { color: theme.border, children: dashes }), _jsx(Text, { color: theme.dim, children: versionStr })] }), _jsx(Box, { children: _jsx(Text, { color: theme.border, children: '─'.repeat(w) }) })] }));
 };
 export default Banner;

package/dist/components/Input.js

@@ -5,7 +5,10 @@ import { Box, Text, useInput } from 'ink';
 const theme = {
     accent: '#4fd1c5',
     dim: '#4a5568',
+    suggestion: '#718096',
 };
+// Available commands for autocomplete
+const COMMANDS = ['/help', '/status', '/clear', '/exit', '/mode'];
 // Store history globally so it persists across re-renders
 const commandHistory = [];
 const MAX_HISTORY = 100;
@@ -14,6 +17,17 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
     const [cursorPosition, setCursorPosition] = useState(0);
     const [historyIndex, setHistoryIndex] = useState(-1);
     const [tempValue, setTempValue] = useState(''); // Store current input when browsing history
+    const [tabIndex, setTabIndex] = useState(0); // For cycling through completions
+    // Get autocomplete suggestion
+    const getSuggestion = () => {
+        if (!value.startsWith('/') || value.length < 1)
+            return '';
+        const matches = COMMANDS.filter(cmd => cmd.startsWith(value.toLowerCase()));
+        if (matches.length === 0)
+            return '';
+        return matches[0].slice(value.length);
+    };
+    const suggestion = getSuggestion();
     useInput((input, key) => {
         if (disabled)
             return;
@@ -99,16 +113,35 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             // Go to end
             setCursorPosition(value.length);
         }
+        else if (key.tab) {
+            // Tab completion
+            if (suggestion) {
+                const completed = value + suggestion;
+                setValue(completed);
+                setCursorPosition(completed.length);
+            }
+            else if (value.startsWith('/')) {
+                // Cycle through matching commands
+                const matches = COMMANDS.filter(cmd => cmd.startsWith(value.toLowerCase()));
+                if (matches.length > 0) {
+                    const nextIndex = (tabIndex + 1) % matches.length;
+                    setTabIndex(nextIndex);
+                    setValue(matches[nextIndex]);
+                    setCursorPosition(matches[nextIndex].length);
+                }
+            }
+        }
         else if (!key.ctrl && !key.meta && input) {
             setValue(prev => prev.slice(0, cursorPosition) + input + prev.slice(cursorPosition));
             setCursorPosition(pos => pos + input.length);
             setHistoryIndex(-1); // Reset history navigation on edit
+            setTabIndex(0); // Reset tab completion cycle
         }
     });
     // Render input with cursor
     const beforeCursor = value.slice(0, cursorPosition);
     const atCursor = value[cursorPosition] || ' ';
     const afterCursor = value.slice(cursorPosition + 1);
-    return (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.accent, bold: true, children: [prefix, " "] }), value.length === 0 && !disabled ? (_jsx(Text, { color: theme.dim, children: placeholder })) : (_jsxs(_Fragment, { children: [_jsx(Text, { children: beforeCursor }), _jsx(Text, { inverse: true, children: atCursor }), _jsx(Text, { children: afterCursor })] })), disabled && _jsx(Text, { color: theme.dim, children: " processing..." })] }));
+    return (_jsxs(Box, { marginTop: 1, children: [_jsxs(Text, { color: theme.accent, bold: true, children: [prefix, " "] }), value.length === 0 && !disabled ? (_jsx(Text, { color: theme.dim, children: placeholder })) : (_jsxs(_Fragment, { children: [_jsx(Text, { children: beforeCursor }), _jsx(Text, { inverse: true, children: atCursor }), _jsx(Text, { children: afterCursor }), suggestion && cursorPosition === value.length && (_jsx(Text, { color: theme.suggestion, children: suggestion }))] })), disabled && _jsx(Text, { color: theme.dim, children: " processing..." })] }));
 };
 export default Input;

package/dist/components/StatusBar.js

@@ -14,6 +14,10 @@ export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, }) =>
     const [elapsed, setElapsed] = useState('0s');
     const [spinnerFrame, setSpinnerFrame] = useState(0);
     useEffect(() => {
+        if (!isProcessing) {
+            setElapsed('');
+            return;
+        }
         const interval = setInterval(() => {
             const secs = Math.floor((Date.now() - startTime.getTime()) / 1000);
             const mins = Math.floor(secs / 60);
@@ -21,7 +25,7 @@ export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, }) =>
             setElapsed(mins > 0 ? `${mins}m ${remainingSecs}s` : `${secs}s`);
         }, 1000);
         return () => clearInterval(interval);
-    }, [startTime]);
+    }, [startTime, isProcessing]);
     useEffect(() => {
         if (!isProcessing)
             return;
@@ -39,6 +43,6 @@ export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, }) =>
     };
     const modeLabel = mode === 'dev' ? 'DEV' : 'ML';
     const termWidth = process.stdout.columns || 80;
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.border, children: '─'.repeat(termWidth) }), _jsxs(Box, { justifyContent: "space-between", width: termWidth, children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: '  ◇ ' }), _jsx(Text, { color: theme.accent, children: modeLabel }), _jsx(Text, { color: theme.border, children: ' │ ' }), _jsx(Text, { color: theme.dim, children: "/help" }), isProcessing && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: ' │ ' }), _jsx(Text, { color: theme.highlight, children: icons.spinner[spinnerFrame] })] }))] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: elapsed }), _jsx(Text, { color: theme.border, children: ' │ ' }), _jsxs(Text, { color: theme.accent, children: ["\u2191 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: ' tokens  ' })] })] })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.border, children: '─'.repeat(termWidth) }), _jsxs(Box, { justifyContent: "space-between", width: termWidth, children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: '  ◇ ' }), _jsx(Text, { color: theme.accent, children: modeLabel }), _jsx(Text, { color: theme.border, children: ' │ ' }), _jsx(Text, { color: theme.dim, children: "/help" }), isProcessing && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.border, children: ' │ ' }), _jsx(Text, { color: theme.highlight, children: icons.spinner[spinnerFrame] })] }))] }), _jsxs(Box, { children: [elapsed && (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.dim, children: elapsed }), _jsx(Text, { color: theme.border, children: ' │ ' })] })), _jsxs(Text, { color: theme.accent, children: ["\u2191 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: ' tokens  ' })] })] })] }));
 };
 export default StatusBar;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentk8",
-  "version": "2.1.0",
+  "version": "2.1.2",
   "description": "Multi-Agent Claude Code Terminal Suite",
   "type": "module",
   "main": "dist/index.js",