@agents-at-scale/ark 0.1.35-rc1 → 0.1.35

package/dist/ui/MainMenu.js

@@ -1,232 +1,70 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Text, Box, render, useInput } from 'ink';
-import Spinner from 'ink-spinner';
+import { Text, Box, useInput } from 'ink';
+import SelectInput from 'ink-select-input';
 import * as React from 'react';
-import { isArkReady } from '../lib/arkStatus.js';
-//  Helper function to unmount the main ink app - used when we move from a
-//  React TUI app to basic input/output.
-async function unmountInkApp() {
-    const app = globalThis.inkApp;
-    if (app) {
-        // Unmount the Ink app
-        app.unmount();
-        // Clear the global reference
-        delete globalThis.inkApp;
-        // Reset terminal to normal mode
-        if (process.stdin.isTTY) {
-            process.stdin.setRawMode(false);
-            process.stdin.pause();
-        }
-        // Clear screen
-        console.clear();
-        // Small delay to ensure everything is flushed
-        await new Promise((resolve) => setTimeout(resolve, 50));
-    }
-}
-const MainMenu = ({ config }) => {
-    const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const [arkReady, setArkReady] = React.useState(null);
-    const [isChecking, setIsChecking] = React.useState(true);
-    React.useEffect(() => {
-        const checkArkStatus = async () => {
-            setIsChecking(true);
-            const ready = await isArkReady();
-            setArkReady(ready);
-            setIsChecking(false);
-            // Reset selected index to 0 after status check
-            setSelectedIndex(0);
-        };
-        checkArkStatus();
-    }, []);
-    // Handle Ctrl+C to properly unmount Ink and restore terminal
-    React.useEffect(() => {
-        const handleExit = () => {
-            const app = globalThis.inkApp;
-            if (app) {
-                app.unmount();
-            }
-            process.exit(0);
-        };
-        process.on('SIGINT', handleExit);
-        return () => {
-            process.removeListener('SIGINT', handleExit);
-        };
-    }, []);
-    // Check if upgrade is available
-    const hasUpgrade = React.useMemo(() => {
-        if (!config.currentVersion || !config.latestVersion)
-            return false;
-        // Simple version comparison
-        return config.currentVersion !== config.latestVersion;
-    }, [config.currentVersion, config.latestVersion]);
-    const allChoices = [
-        {
-            label: 'Chat',
-            description: 'Interactive chat with Ark agents',
-            value: 'chat',
-            command: 'ark chat',
-        },
-        {
-            label: 'Install',
-            description: 'Install Ark',
-            value: 'install',
-            command: 'ark install',
-        },
-        {
-            label: 'Upgrade',
-            description: `Upgrade Ark from ${config.currentVersion} to ${config.latestVersion}`,
-            value: 'upgrade',
-            command: 'ark install -y',
-        },
-        {
-            label: 'Dashboard',
-            description: 'Open Ark dashboard in browser',
-            value: 'dashboard',
-            command: 'ark dashboard',
-        },
-        {
-            label: 'Status',
-            description: 'Check Ark services status',
-            value: 'status',
-            command: 'ark status',
-        },
-        {
-            label: 'Generate',
-            description: 'Generate new Ark components',
-            value: 'generate',
-            command: 'ark generate',
-        },
-        { label: 'Exit', description: 'Exit Ark CLI', value: 'exit' },
+import DashboardCLI from '../components/DashboardCLI.js';
+import GeneratorUI from '../components/GeneratorUI.js';
+import { StatusChecker } from '../components/statusChecker.js';
+import { ConfigManager } from '../config.js';
+import { ArkClient } from '../lib/arkClient.js';
+const EXIT_TIMEOUT_MS = 1000;
+const MainMenu = () => {
+    const [selectedChoice, setSelectedChoice] = React.useState(null);
+    const [statusData, setStatusData] = React.useState(null);
+    const [isLoading, setIsLoading] = React.useState(false);
+    const [error, setError] = React.useState(null);
+    const choices = [
+        { label: '🏷️  Dashboard', value: 'dashboard' },
+        { label: '🔍 Status Check', value: 'status' },
+        { label: '🎯 Generate', value: 'generate' },
+        { label: '👋 Exit', value: 'exit' },
     ];
-    // Filter choices based on Ark readiness
-    const choices = React.useMemo(() => {
-        // Don't return any choices while checking
-        if (isChecking)
-            return [];
-        if (!arkReady) {
-            // Only show Install, Status, and Exit when Ark is not ready
-            return allChoices.filter((choice) => ['install', 'status', 'exit'].includes(choice.value));
+    React.useEffect(() => {
+        if (selectedChoice === 'exit') {
+            const timer = setTimeout(() => {
+                process.exit(0);
+            }, EXIT_TIMEOUT_MS);
+            return () => clearTimeout(timer);
         }
-        // Ark is ready - filter out install (already installed) and conditionally show upgrade
-        const filteredChoices = allChoices.filter((choice) => {
-            // Never show install when Ark is ready (it's already installed)
-            if (choice.value === 'install')
-                return false;
-            // Only show upgrade if there's actually an upgrade available
-            if (choice.value === 'upgrade' && !hasUpgrade)
-                return false;
-            return true;
-        });
-        return filteredChoices;
-    }, [arkReady, isChecking, hasUpgrade, allChoices]);
-    useInput((input, key) => {
-        // Don't process input while checking status
-        if (isChecking)
-            return;
-        if (key.upArrow || input === 'k') {
-            setSelectedIndex((prev) => (prev > 0 ? prev - 1 : choices.length - 1));
+    }, [selectedChoice]);
+    React.useEffect(() => {
+        if (selectedChoice === 'status' && !statusData && !isLoading) {
+            checkStatus();
         }
-        else if (key.downArrow || input === 'j') {
-            setSelectedIndex((prev) => (prev < choices.length - 1 ? prev + 1 : 0));
+    }, [selectedChoice, statusData, isLoading]);
+    const checkStatus = async () => {
+        setIsLoading(true);
+        setError(null);
+        try {
+            const configManager = new ConfigManager();
+            const apiBaseUrl = await configManager.getApiBaseUrl();
+            const serviceUrls = await configManager.getServiceUrls();
+            const arkClient = new ArkClient(apiBaseUrl);
+            const statusChecker = new StatusChecker(arkClient);
+            const status = await statusChecker.checkAll(serviceUrls, apiBaseUrl);
+            setStatusData(status);
         }
-        else if (key.return) {
-            handleSelect(choices[selectedIndex]);
+        catch (err) {
+            setError(err instanceof Error ? err.message : 'Unknown error occurred');
         }
-        else {
-            // Handle number keys for quick selection
-            const num = parseInt(input, 10);
-            if (!isNaN(num) && num >= 1 && num <= choices.length) {
-                handleSelect(choices[num - 1]);
-            }
+        finally {
+            setIsLoading(false);
         }
-    });
-    const handleSelect = async (item) => {
-        switch (item.value) {
-            case 'exit':
-                process.exit(0);
-                break;
-            case 'chat': {
-                // Unmount fullscreen app and clear screen.
-                await unmountInkApp();
-                // Import and start ChatUI in the same process
-                const { render } = await import('ink');
-                const { ArkApiProxy } = await import('../lib/arkApiProxy.js');
-                const ChatUI = (await import('../components/ChatUI.js')).default;
-                try {
-                    const proxy = new ArkApiProxy();
-                    const arkApiClient = await proxy.start();
-                    // Render ChatUI as a new Ink app
-                    render(_jsx(ChatUI, { arkApiClient: arkApiClient, arkApiProxy: proxy }));
-                }
-                catch (error) {
-                    const output = (await import('../lib/output.js')).default;
-                    output.error(error instanceof Error
-                        ? error.message
-                        : 'Failed to connect to Ark API');
-                    process.exit(1);
-                }
-                break;
-            }
-            case 'install': {
-                //  Unmount fullscreen app and clear screen.
-                await unmountInkApp();
-                // Spawn as a new process to avoid Ink/inquirer signal conflicts
-                const { execFileSync } = await import('child_process');
-                try {
-                    execFileSync(process.execPath, [process.argv[1], 'install'], {
-                        stdio: 'inherit',
-                        env: { ...process.env, FORCE_COLOR: '1' },
-                    });
-                }
-                catch (error) {
-                    // execFileSync throws if the process exits with non-zero
-                    process.exit(error.status || 1);
-                }
-                process.exit(0);
-                break; // Add break even though process.exit prevents reaching here
-            }
-            case 'upgrade': {
-                //  Unmount fullscreen app and clear screen.
-                await unmountInkApp();
-                // Spawn as a new process with -y flag for automatic upgrade
-                const { execFileSync } = await import('child_process');
-                try {
-                    execFileSync(process.execPath, [process.argv[1], 'install', '-y'], {
-                        stdio: 'inherit',
-                        env: { ...process.env, FORCE_COLOR: '1' },
-                    });
-                }
-                catch (error) {
-                    // execFileSync throws if the process exits with non-zero
-                    process.exit(error.status || 1);
+    };
+    useInput((input, key) => {
+        if (selectedChoice && selectedChoice !== 'exit') {
+            if (key.escape || input === 'q' || key.return) {
+                // For generate, only reset on specific key combinations to avoid conflicts
+                if (selectedChoice === 'generate' && !(key.escape || input === 'q')) {
+                    return;
                 }
-                process.exit(0);
-                break; // Add break even though process.exit prevents reaching here
-            }
-            case 'dashboard': {
-                //  Unmount fullscreen app and clear screen.
-                await unmountInkApp();
-                const { openDashboard } = await import('../commands/dashboard/index.js');
-                await openDashboard();
-                break;
-            }
-            case 'status': {
-                //  Unmount fullscreen app and clear screen.
-                await unmountInkApp();
-                const { checkStatus } = await import('../commands/status/index.js');
-                await checkStatus(config);
-                process.exit(0);
-                break; // Add break even though process.exit prevents reaching here
-            }
-            case 'generate': {
-                const GeneratorUI = (await import('../components/GeneratorUI.js'))
-                    .default;
-                render(_jsx(GeneratorUI, {}));
-                break;
+                setSelectedChoice(null);
+                setStatusData(null);
+                setError(null);
             }
         }
-    };
-    return (_jsxs(_Fragment, { children: [_jsxs(Box, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: `
+    });
+    const renderBanner = () => (_jsxs(Box, { flexDirection: "column", alignItems: "center", marginBottom: 1, children: [_jsx(Text, { color: "cyan", bold: true, children: `
     ╔═══════════════════════════════════════╗
     ║                                       ║
     ║         █████╗ ██████╗ ██╗  ██╗       ║
@@ -239,9 +77,40 @@ const MainMenu = ({ config }) => {
     ║        Agents at Scale Platform       ║
     ║                                       ║
     ╚═══════════════════════════════════════╝
-        ` }), isChecking ? (_jsxs(Text, { color: "gray", children: [_jsx(Spinner, { type: "dots" }), " Checking Ark status..."] })) : arkReady ? (_jsxs(Box, { children: [_jsx(Text, { color: "green", bold: true, children: "\u25CF Ark is ready" }), config.currentVersion && (_jsxs(Text, { color: "gray", children: [" (", config.currentVersion, ")"] }))] })) : (_jsx(Text, { color: "yellow", bold: true, children: "\u25CF Ark is not installed" })), _jsx(Text, { color: "gray", children: "Interactive terminal interface for Ark agents" })] }), !isChecking && (_jsx(Box, { flexDirection: "column", paddingX: 4, marginTop: 1, children: choices.map((choice, index) => {
-                    const isSelected = index === selectedIndex;
-                    return (_jsxs(Box, { flexDirection: "row", paddingY: 0, children: [_jsx(Text, { color: "gray", dimColor: true, children: isSelected ? '❯ ' : '  ' }), _jsxs(Text, { color: "gray", dimColor: true, children: [index + 1, "."] }), _jsx(Box, { marginLeft: 1, width: 20, children: _jsx(Text, { color: isSelected ? 'green' : 'white', bold: isSelected, children: choice.label }) }), _jsx(Text, { color: "gray", children: choice.description })] }, choice.value));
-                }) }))] }));
+        ` }), _jsx(Text, { color: "green", bold: true, children: "Welcome to ARK! \uD83D\uDE80" }), _jsx(Text, { color: "gray", children: "Interactive terminal interface for ARK agents" })] }));
+    const renderServiceStatus = (service) => {
+        const statusColor = service.status === 'healthy'
+            ? 'green'
+            : service.status === 'unhealthy'
+                ? 'red'
+                : 'yellow';
+        const statusIcon = service.status === 'healthy'
+            ? '✓'
+            : service.status === 'unhealthy'
+                ? '✗'
+                : '?';
+        return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsxs(Text, { color: statusColor, children: [statusIcon, " "] }), _jsxs(Text, { bold: true, children: [service.name, ": "] }), _jsx(Text, { color: statusColor, children: service.status })] }), service.url && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "gray", children: ["URL: ", service.url] }) })), service.details && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: service.details }) }))] }, service.name));
+    };
+    const renderDependencyStatus = (dep) => {
+        const statusColor = dep.installed ? 'green' : 'red';
+        const statusIcon = dep.installed ? '✓' : '✗';
+        const statusText = dep.installed ? 'installed' : 'missing';
+        return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [_jsxs(Box, { children: [_jsxs(Text, { color: statusColor, children: [statusIcon, " "] }), _jsxs(Text, { bold: true, children: [dep.name, ": "] }), _jsx(Text, { color: statusColor, children: statusText })] }), dep.version && (_jsx(Box, { marginLeft: 2, children: _jsxs(Text, { color: "gray", children: ["Version: ", dep.version] }) })), dep.details && (_jsx(Box, { marginLeft: 2, children: _jsx(Text, { color: "gray", children: dep.details }) }))] }, dep.name));
+    };
+    const renderStatus = () => {
+        if (isLoading) {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "yellow", children: "\uD83D\uDD0D Checking ARK system status..." }), _jsx(Text, { color: "gray", children: "Please wait while we verify services and dependencies." })] }));
+        }
+        if (error) {
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "red", children: "\u274C Error checking status:" }), _jsx(Text, { color: "red", children: error }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "Press ESC, 'q', or Enter to return to menu..." }) })] }));
+        }
+        if (!statusData) {
+            return null;
+        }
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "\uD83D\uDD0D ARK System Status" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "cyan", bold: true, children: "\uD83D\uDCE1 ARK Services:" }) }), statusData.services.map(renderServiceStatus), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "cyan", bold: true, children: "\uD83D\uDEE0\uFE0F System Dependencies:" }) }), statusData.dependencies.map(renderDependencyStatus), _jsx(Box, { marginTop: 1, children: _jsx(Text, { color: "gray", children: "Press ESC, 'q', or Enter to return to menu..." }) })] }));
+    };
+    return (_jsxs(_Fragment, { children: [renderBanner(), !selectedChoice && (_jsx(SelectInput, { items: choices, onSelect: (choice) => {
+                    setSelectedChoice(choice.value);
+                } })), selectedChoice === 'status' && renderStatus(), selectedChoice === 'dashboard' && (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: "green", children: "\uD83C\uDFF7\uFE0F Dashboard feature selected" }), _jsx(DashboardCLI, {})] })), selectedChoice === 'generate' && _jsx(GeneratorUI, {}), selectedChoice === 'exit' && _jsx(Text, { color: "yellow", children: "\uD83D\uDC4B Goodbye!" })] }));
 };
 export default MainMenu;

package/dist/ui/statusFormatter.d.ts

@@ -1,24 +1,9 @@
-export type StatusColor = 'green' | 'red' | 'yellow' | 'gray' | 'white' | 'cyan' | 'bold';
-export interface StatusLine {
-    icon: string;
-    iconColor?: StatusColor;
-    status: string;
-    statusColor?: StatusColor;
-    name: string;
-    nameColor?: StatusColor;
-    details?: string;
-    subtext?: string;
-}
-export interface StatusSection {
-    title: string;
-    lines: StatusLine[];
-}
-/**
- * Simple status formatter that just formats sections and lines
- * The caller is responsible for deciding what to show
- */
+import { StatusData } from '../lib/types.js';
 export declare class StatusFormatter {
-    static printSections(sections: StatusSection[]): void;
-    private static applyColor;
-    private static printLine;
+    /**
+     * Print status check results to console
+     */
+    static printStatus(statusData: StatusData): void;
+    private static printService;
+    private static printDependency;
 }

package/dist/ui/statusFormatter.js

@@ -1,47 +1,47 @@
 import chalk from 'chalk';
-/**
- * Simple status formatter that just formats sections and lines
- * The caller is responsible for deciding what to show
- */
 export class StatusFormatter {
-    static printSections(sections) {
-        console.log();
-        sections.forEach((section, index) => {
-            console.log(chalk.cyan.bold(section.title));
-            section.lines.forEach((line) => this.printLine(line));
-            if (index < sections.length - 1) {
-                console.log();
-            }
-        });
+    /**
+     * Print status check results to console
+     */
+    static printStatus(statusData) {
+        console.log(chalk.cyan.bold('\n🔍 ARK System Status Check'));
+        console.log(chalk.gray('Checking ARK services and dependencies...\n'));
+        // Print services status
+        console.log(chalk.cyan.bold('📡 ARK Services:'));
+        for (const service of statusData.services) {
+            StatusFormatter.printService(service);
+        }
+        // Print dependencies status
+        console.log(chalk.cyan.bold('\n🛠️  System Dependencies:'));
+        for (const dep of statusData.dependencies) {
+            StatusFormatter.printDependency(dep);
+        }
         console.log();
     }
-    static applyColor(text, color) {
-        if (!color)
-            return text;
-        const colorMap = {
-            green: chalk.green,
-            red: chalk.red,
-            yellow: chalk.yellow,
-            gray: chalk.gray,
-            white: chalk.white,
-            cyan: chalk.cyan,
-            bold: chalk.bold,
-        };
-        return colorMap[color](text);
+    static printService(service) {
+        const statusColor = service.status === 'healthy'
+            ? chalk.green('✓ healthy')
+            : service.status === 'unhealthy'
+                ? chalk.red('✗ unhealthy')
+                : chalk.yellow('? not installed');
+        console.log(`  • ${chalk.bold(service.name)}: ${statusColor}`);
+        if (service.url) {
+            console.log(`    ${chalk.gray(`URL: ${service.url}`)}`);
+        }
+        if (service.details) {
+            console.log(`    ${chalk.gray(service.details)}`);
+        }
     }
-    static printLine(line) {
-        const icon = this.applyColor(line.icon, line.iconColor);
-        const status = this.applyColor(line.status, line.statusColor);
-        // Name formatting is now handled where the name is assembled
-        const name = this.applyColor(line.name, line.nameColor || 'white');
-        const parts = [
-            `  ${icon} ${status}`,
-            name,
-            line.details ? chalk.gray(line.details) : '',
-        ].filter(Boolean);
-        console.log(parts.join(' '));
-        if (line.subtext) {
-            console.log(`    ${chalk.gray(line.subtext)}`);
+    static printDependency(dep) {
+        const statusColor = dep.installed
+            ? chalk.green('✓ installed')
+            : chalk.red('✗ missing');
+        console.log(`  • ${chalk.bold(dep.name)}: ${statusColor}`);
+        if (dep.version) {
+            console.log(`    ${chalk.gray(`Version: ${dep.version}`)}`);
+        }
+        if (dep.details) {
+            console.log(`    ${chalk.gray(dep.details)}`);
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@agents-at-scale/ark",
-  "version": "0.1.35-rc1",
+  "version": "0.1.35",
   "description": "ARK CLI - Interactive terminal interface for ARK agents",
   "main": "dist/index.js",
   "type": "module",
@@ -12,13 +12,11 @@
   ],
   "scripts": {
     "build": "tsc && chmod +x dist/index.js",
-    "postbuild": "mkdir -p dist/lib/dev/tools && cp src/lib/dev/tools/*.py dist/lib/dev/tools/ 2>/dev/null || true",
-    "dev": "tsc --watch",
-    "start": "NODE_NO_WARNINGS=1 node dist/index.js",
+    "dev": "node --loader ts-node/esm src/index.tsx",
+    "start": "node dist/index.js",
     "clean": "rm -rf dist",
     "lint": "eslint src/ --fix && prettier --write src/",
     "lint:check": "eslint src/ && prettier --check src/",
-    "test": "NODE_OPTIONS=\"--experimental-vm-modules\" jest --coverage --coverageDirectory=./artifacts/coverage --coverageReporters=text --coverageReporters=lcov --coverageReporters=text-summary",
     "postinstall": "echo \"ARK CLI installed! Run 'ark' to try it out.\""
   },
   "keywords": [
@@ -41,7 +39,7 @@
   },
   "dependencies": {
     "@kubernetes/client-node": "^1.3.0",
-    "@modelcontextprotocol/sdk": "^1.18.0",
+    "@types/react": "^19.1.8",
     "axios": "^1.7.7",
     "chalk": "^4.1.2",
     "commander": "^12.1.0",
@@ -49,33 +47,23 @@
     "execa": "^9.6.0",
     "ink": "^6.0.1",
     "ink-select-input": "^6.2.0",
-    "ink-spinner": "^5.0.0",
     "ink-text-input": "^6.0.0",
     "inquirer": "^12.1.0",
-    "marked": "^15.0.12",
-    "marked-terminal": "^7.3.0",
     "open": "^10.2.0",
-    "openai": "^5.19.1",
-    "ora": "^8.2.0",
     "react": "^19.1.0",
+    "simple-git": "^3.28.0",
     "yaml": "^2.6.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",
-    "@jest/globals": "^30.1.2",
     "@types/debug": "^4.1.12",
     "@types/inquirer": "^9.0.7",
-    "@types/jest": "^30.0.0",
     "@types/node": "^22.10.2",
-    "@types/react": "^19.1.13",
     "@typescript-eslint/eslint-plugin": "^8.20.0",
     "@typescript-eslint/parser": "^8.20.0",
     "eslint": "^9.17.0",
-    "jest": "^30.1.3",
     "prettier": "^3.6.2",
-    "ts-jest": "^29.4.1",
     "ts-node": "^10.9.2",
-    "tsx": "^4.20.5",
     "typescript": "^5.7.2"
   },
   "engines": {

package/dist/arkServices.d.ts

@@ -1,42 +0,0 @@
-/**
- * Centralized ARK service definitions used by both install and status commands
- */
-export interface ArkService {
-    name: string;
-    helmReleaseName: string;
-    description: string;
-    enabled: boolean;
-    namespace?: string;
-    chartPath?: string;
-    installArgs?: string[];
-    k8sServiceName?: string;
-    k8sServicePort?: number;
-    k8sPortForwardLocalPort?: number;
-    k8sDeploymentName?: string;
-    k8sDevDeploymentName?: string;
-}
-export interface ServiceCollection {
-    [key: string]: ArkService;
-}
-export interface ArkDependency {
-    name: string;
-    command: string;
-    args: string[];
-    description: string;
-}
-export interface DependencyCollection {
-    [key: string]: ArkDependency;
-}
-/**
- * Dependencies that should be installed before ARK services
- * Note: Dependencies will be installed in the order they are defined here
- */
-export declare const arkDependencies: DependencyCollection;
-/**
- * Core ARK services with their installation and status check configurations
- */
-export declare const arkServices: ServiceCollection;
-/**
- * Get services that can be installed via Helm charts (only enabled services)
- */
-export declare function getInstallableServices(): ServiceCollection;