agentk8 2.2.0 → 2.2.1

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.2.0';
+const VERSION = '2.2.1';
 const cli = meow(`
   Usage
     $ agentk8 [options]

package/dist/components/App.js

@@ -1,12 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useApp, useInput, Static } from 'ink';
-import { Banner } from './Banner.js';
+import { WelcomeBox } from './WelcomeBox.js';
 import { ChatMessage } from './ChatMessage.js';
 import { Input } from './Input.js';
 import { StatusBar } from './StatusBar.js';
 import { ThinkingIndicator } from './ThinkingIndicator.js';
-import { AgentPanel } from './AgentPanel.js';
 import { runClaude } from '../lib/claude.js';
 export const App = ({ mode, version }) => {
     const { exit } = useApp();
@@ -45,7 +44,6 @@ export const App = ({ mode, version }) => {
         if (awaitingApproval) {
             if (input.toLowerCase() === 'y' || input.toLowerCase() === 'yes') {
                 setAwaitingApproval(false);
-                // Execute the pending plan
                 if (pendingPlan) {
                     await executeTask(pendingPlan);
                     setPendingPlan(null);
@@ -93,11 +91,9 @@ Respond with:
 
 Format your response clearly with headers.`;
             const result = await runClaude(planPrompt, mode);
-            // Mark orchestrator done, detect other agents
             const mentioned = detectMentionedAgents(result.response);
             setCompletedAgents(['Orchestrator', ...mentioned]);
             setActiveAgent(undefined);
-            // Add plan message
             const planMessage = {
                 id: (Date.now() + 1).toString(),
                 role: 'agent',
@@ -107,11 +103,9 @@ Format your response clearly with headers.`;
                 timestamp: new Date(),
             };
             setMessages(prev => [...prev, planMessage]);
-            // Update tokens
             if (result.tokens) {
                 setTotalTokens(prev => prev + result.tokens.input + result.tokens.output);
             }
-            // Ask for approval
             setPendingPlan(input);
             setAwaitingApproval(true);
             addSystemMessage('Execute this plan? (y/n)');
@@ -170,7 +164,7 @@ Format your response clearly with headers.`;
     };
     // Handle slash commands
     const handleCommand = (cmd) => {
-        const [command, ...args] = cmd.slice(1).split(' ');
+        const [command] = cmd.slice(1).split(' ');
         switch (command) {
             case 'exit':
             case 'quit':
@@ -252,16 +246,16 @@ Ctrl+U    - Clear input line`,
             exit();
         }
     });
-    // Prepare items for Static (include banner as first item)
+    // Prepare items for Static (include welcome box as first item)
     const staticItems = messages.length === 0
-        ? [{ id: 'banner', isBanner: true, role: 'system', content: '', timestamp: new Date() }]
+        ? [{ id: 'welcome', isWelcome: true, role: 'system', content: '', timestamp: new Date() }]
         : messages;
     return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Static, { items: staticItems, children: (item) => {
-                    if ('isBanner' in item && item.isBanner) {
-                        return _jsx(Banner, { version: version }, "banner");
+                    if ('isWelcome' in item && item.isWelcome) {
+                        return _jsx(WelcomeBox, { version: version, mode: mode }, "welcome");
                     }
                     return (_jsx(ChatMessage, { role: item.role, agentName: item.agentName, content: item.content, tokens: item.tokens }, item.id));
-                } }), isProcessing && processingStartTime && (_jsx(ThinkingIndicator, { startTime: processingStartTime })), error && (_jsx(Box, { marginY: 1, marginLeft: 1, children: _jsxs(Text, { color: "#e53e3e", children: ["\u2717 Error: ", error] }) })), _jsx(Input, { onSubmit: handleSubmit, disabled: isProcessing, placeholder: awaitingApproval ? "Execute plan? (y/n)" : "Type a message or /help for commands..." }), _jsx(AgentPanel, { mode: mode, activeAgent: activeAgent, completedAgents: completedAgents }), _jsx(StatusBar, { mode: mode, tokens: totalTokens, startTime: startTime, isProcessing: isProcessing })] }));
+                } }), isProcessing && processingStartTime && (_jsx(ThinkingIndicator, { startTime: processingStartTime })), error && (_jsx(Box, { marginY: 1, marginLeft: 1, children: _jsxs(Text, { color: "#e53e3e", children: ["\u2717 Error: ", error] }) })), _jsx(Input, { onSubmit: handleSubmit, disabled: isProcessing, placeholder: awaitingApproval ? "Execute plan? (y/n)" : 'Try "build a password validator"' }), _jsx(StatusBar, { mode: mode, tokens: totalTokens, startTime: startTime, isProcessing: isProcessing, activeAgent: activeAgent, completedAgents: completedAgents })] }));
 };
 function formatElapsed(start) {
     const secs = Math.floor((Date.now() - start.getTime()) / 1000);

package/dist/components/Input.js

@@ -1,23 +1,26 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Box, Text, useInput } from 'ink';
 // Sophisticated theme
 const theme = {
     accent: '#4fd1c5',
     dim: '#4a5568',
+    border: '#4a5568',
     suggestion: '#718096',
+    text: '#e2e8f0',
 };
 // Available commands for autocomplete
 const COMMANDS = ['/help', '/status', '/clear', '/exit', '/plan', '/auto', '/mode', '/agents'];
 // Store history globally so it persists across re-renders
 const commandHistory = [];
 const MAX_HISTORY = 100;
-export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>', disabled = false, }) => {
+export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '❯', disabled = false, }) => {
     const [value, setValue] = useState('');
     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
+    const [tempValue, setTempValue] = useState('');
+    const [tabIndex, setTabIndex] = useState(0);
+    const termWidth = process.stdout.columns || 80;
     // Get autocomplete suggestion
     const getSuggestion = () => {
         if (!value.startsWith('/') || value.length < 1)
@@ -33,7 +36,6 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             return;
         if (key.return) {
             if (value.trim()) {
-                // Add to history (avoid duplicates at the end)
                 if (commandHistory.length === 0 || commandHistory[commandHistory.length - 1] !== value) {
                     commandHistory.push(value);
                     if (commandHistory.length > MAX_HISTORY) {
@@ -48,10 +50,8 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             }
         }
         else if (key.upArrow) {
-            // Navigate history backwards
             if (commandHistory.length > 0) {
                 if (historyIndex === -1) {
-                    // Save current input before browsing history
                     setTempValue(value);
                     const newIndex = commandHistory.length - 1;
                     setHistoryIndex(newIndex);
@@ -67,7 +67,6 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             }
         }
         else if (key.downArrow) {
-            // Navigate history forwards
             if (historyIndex !== -1) {
                 if (historyIndex < commandHistory.length - 1) {
                     const newIndex = historyIndex + 1;
@@ -76,7 +75,6 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
                     setCursorPosition(commandHistory[newIndex].length);
                 }
                 else {
-                    // Return to the original input
                     setHistoryIndex(-1);
                     setValue(tempValue);
                     setCursorPosition(tempValue.length);
@@ -87,7 +85,7 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             if (cursorPosition > 0) {
                 setValue(prev => prev.slice(0, cursorPosition - 1) + prev.slice(cursorPosition));
                 setCursorPosition(pos => pos - 1);
-                setHistoryIndex(-1); // Reset history navigation on edit
+                setHistoryIndex(-1);
             }
         }
         else if (key.leftArrow) {
@@ -100,28 +98,23 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
             process.exit(0);
         }
         else if (key.ctrl && input === 'u') {
-            // Clear line
             setValue('');
             setCursorPosition(0);
             setHistoryIndex(-1);
         }
         else if (key.ctrl && input === 'a') {
-            // Go to beginning
             setCursorPosition(0);
         }
         else if (key.ctrl && input === 'e') {
-            // 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;
@@ -134,14 +127,14 @@ export const Input = ({ onSubmit, placeholder = 'Type a message...', prefix = '>
         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
+            setHistoryIndex(-1);
+            setTabIndex(0);
         }
     });
     // 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 }), suggestion && cursorPosition === value.length && (_jsx(Text, { color: theme.suggestion, children: suggestion }))] })), disabled && _jsx(Text, { color: theme.dim, children: " processing..." })] }));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Box, { children: _jsx(Text, { color: theme.border, children: '─'.repeat(termWidth) }) }), _jsxs(Box, { paddingX: 1, children: [_jsxs(Text, { color: theme.accent, children: [prefix, " "] }), value.length === 0 && !disabled ? (_jsx(Text, { color: theme.dim, children: placeholder })) : (_jsxs(_Fragment, { children: [_jsx(Text, { color: theme.text, children: beforeCursor }), _jsx(Text, { inverse: true, children: atCursor }), _jsx(Text, { color: theme.text, children: afterCursor }), suggestion && cursorPosition === value.length && (_jsx(Text, { color: theme.suggestion, children: suggestion }))] })), disabled && _jsx(Text, { color: theme.dim, children: " processing..." })] }), _jsx(Box, { children: _jsx(Text, { color: theme.border, children: '─'.repeat(termWidth) }) })] }));
 };
 export default Input;

package/dist/components/StatusBar.d.ts

@@ -1,9 +1,12 @@
 import React from 'react';
+import { AgentName } from './AgentPanel.js';
 interface StatusBarProps {
     mode: 'dev' | 'ml';
     tokens: number;
     startTime: Date;
     isProcessing?: boolean;
+    activeAgent?: AgentName;
+    completedAgents?: AgentName[];
 }
 export declare const StatusBar: React.FC<StatusBarProps>;
 export default StatusBar;

package/dist/components/StatusBar.js

@@ -1,17 +1,30 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState, useEffect } from 'react';
 import { Box, Text } from 'ink';
 import { icons } from '../themes/retro.js';
-// Matching sophisticated theme
+// Theme
 const theme = {
-    border: '#2d3748',
+    border: '#4a5568',
     accent: '#4fd1c5',
     highlight: '#81e6d9',
-    dim: '#4a5568',
-    glow: '#319795',
+    dim: '#718096',
+    active: '#f6e05e',
+    done: '#48bb78',
 };
-export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, }) => {
-    const [elapsed, setElapsed] = useState('0s');
+// Agent icons
+const agentIcons = {
+    Orchestrator: '◆',
+    Engineer: '⚙',
+    Tester: '✓',
+    Security: '⛨',
+    Scout: '◎',
+    Researcher: '◈',
+    'ML Engineer': '⬡',
+    'Data Engineer': '⬢',
+    Evaluator: '◉',
+};
+export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, activeAgent, completedAgents = [], }) => {
+    const [elapsed, setElapsed] = useState('');
     const [spinnerFrame, setSpinnerFrame] = useState(0);
     useEffect(() => {
         if (!isProcessing) {
@@ -42,7 +55,17 @@ export const StatusBar = ({ mode, tokens, startTime, isProcessing = false, }) =>
         return t.toString();
     };
     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: [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  ' })] })] })] }));
+    // Get agents for this mode
+    const modeAgents = mode === 'dev'
+        ? ['Orchestrator', 'Engineer', 'Tester', 'Security']
+        : ['Orchestrator', 'Researcher', 'ML Engineer', 'Evaluator'];
+    const getAgentColor = (agent) => {
+        if (activeAgent === agent)
+            return theme.active;
+        if (completedAgents.includes(agent))
+            return theme.done;
+        return theme.dim;
+    };
+    return (_jsxs(Box, { children: [_jsx(Text, { color: theme.dim, children: "  " }), _jsx(Text, { color: theme.accent, children: modeLabel }), _jsx(Text, { color: theme.border, children: " \u2502 " }), modeAgents.map((agent, i) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: getAgentColor(agent), children: "[" }), _jsx(Text, { color: getAgentColor(agent), children: agentIcons[agent] }), _jsx(Text, { color: getAgentColor(agent), children: "]" }), 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" }), 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 })] })), _jsx(Text, { color: theme.dim, children: '  '.repeat(3) }), _jsxs(Text, { color: theme.accent, children: ["\u2191 ", formatTokens(tokens)] }), _jsx(Text, { color: theme.dim, children: " tokens" })] }));
 };
 export default StatusBar;

package/dist/components/WelcomeBox.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface WelcomeBoxProps {
+    version: string;
+    mode: 'dev' | 'ml';
+}
+export declare const WelcomeBox: React.FC<WelcomeBoxProps>;
+export default WelcomeBox;

package/dist/components/WelcomeBox.js

@@ -0,0 +1,27 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React from 'react';
+import { Box, Text } from 'ink';
+const theme = {
+    border: '#4a5568',
+    accent: '#4fd1c5',
+    highlight: '#81e6d9',
+    dim: '#718096',
+    text: '#e2e8f0',
+    title: '#f6e05e',
+};
+export const WelcomeBox = ({ version, mode }) => {
+    const termWidth = Math.min(process.stdout.columns || 120, 120);
+    const boxWidth = termWidth - 4;
+    const leftWidth = Math.floor(boxWidth * 0.45);
+    const rightWidth = boxWidth - leftWidth - 3;
+    const modeLabel = mode === 'dev' ? 'Software Development' : 'ML Research';
+    const agents = mode === 'dev'
+        ? ['Orchestrator', 'Engineer', 'Tester', 'Security']
+        : ['Orchestrator', 'Researcher', 'ML Engineer', 'Evaluator'];
+    // Title bar
+    const titleText = ` AGENT-K v${version} `;
+    const titlePadLeft = Math.floor((boxWidth - titleText.length) / 2);
+    const titlePadRight = boxWidth - titleText.length - titlePadLeft;
+    return (_jsxs(Box, { flexDirection: "column", marginY: 1, children: [_jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u256D" }), _jsx(Text, { color: theme.border, children: '─'.repeat(titlePadLeft - 1) }), _jsx(Text, { color: theme.title, bold: true, children: titleText }), _jsx(Text, { color: theme.border, children: '─'.repeat(titlePadRight - 1) }), _jsx(Text, { color: theme.border, children: "\u256E" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Text, { children: ' '.repeat(boxWidth) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: leftWidth, justifyContent: "center", children: _jsx(Text, { color: theme.accent, children: "  /\\_/\\  " }) }), _jsx(Text, { color: theme.border, children: "\u2502" }), _jsxs(Box, { width: rightWidth, paddingLeft: 1, children: [_jsx(Text, { color: theme.text, children: "Welcome to " }), _jsx(Text, { color: theme.accent, bold: true, children: "AGENT-K" })] }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: leftWidth, justifyContent: "center", children: _jsx(Text, { color: theme.accent, children: " ( o.o ) " }) }), _jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: rightWidth, paddingLeft: 1, children: _jsx(Text, { color: theme.dim, children: "Multi-Agent Intelligence System" }) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: leftWidth, justifyContent: "center", children: _jsxs(Text, { color: theme.accent, children: ["  ", '>', "  ", '<', "  "] }) }), _jsx(Text, { color: theme.border, children: "\u2502" }), _jsxs(Box, { width: rightWidth, paddingLeft: 1, children: [_jsx(Text, { color: theme.dim, children: "Mode: " }), _jsx(Text, { color: theme.highlight, children: modeLabel })] }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Text, { children: ' '.repeat(boxWidth) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: boxWidth, justifyContent: "center", children: agents.map((agent, i) => (_jsxs(React.Fragment, { children: [_jsx(Text, { color: theme.accent, children: "\u25C6 " }), _jsx(Text, { color: theme.text, children: agent }), i < agents.length - 1 && _jsx(Text, { color: theme.dim, children: "  \u00B7  " })] }, agent))) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Text, { children: ' '.repeat(boxWidth) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2502" }), _jsx(Box, { width: boxWidth, justifyContent: "center", children: _jsx(Text, { color: theme.dim, children: "/help for commands  \u00B7  /plan or /auto to set mode  \u00B7  Ctrl+C to exit" }) }), _jsx(Text, { color: theme.border, children: "\u2502" })] }), _jsxs(Box, { children: [_jsx(Text, { color: theme.border, children: "\u2570" }), _jsx(Text, { color: theme.border, children: '─'.repeat(boxWidth) }), _jsx(Text, { color: theme.border, children: "\u256F" })] })] }));
+};
+export default WelcomeBox;

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export { App } from './App.js';
 export { Banner } from './Banner.js';
+export { WelcomeBox } from './WelcomeBox.js';
 export { ChatMessage } from './ChatMessage.js';
 export { Input } from './Input.js';
 export { StatusBar } from './StatusBar.js';

package/dist/components/index.js

@@ -1,5 +1,6 @@
 export { App } from './App.js';
 export { Banner } from './Banner.js';
+export { WelcomeBox } from './WelcomeBox.js';
 export { ChatMessage } from './ChatMessage.js';
 export { Input } from './Input.js';
 export { StatusBar } from './StatusBar.js';

package/package.json

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