@agents-at-scale/ark 0.1.35-rc.1 → 0.1.35-rc1

package/dist/ui/MainMenu.js

@@ -1,38 +1,68 @@
 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 * 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();
-        // Remove all existing signal listeners that might interfere with inquirer
-        process.removeAllListeners('SIGINT');
-        process.removeAllListeners('SIGTERM');
-        process.removeAllListeners('SIGQUIT');
-        process.removeAllListeners('exit');
-        // Reset stdin completely
+        // Clear the global reference
+        delete globalThis.inkApp;
+        // Reset terminal to normal mode
         if (process.stdin.isTTY) {
             process.stdin.setRawMode(false);
             process.stdin.pause();
-            process.stdin.removeAllListeners();
-            process.stdin.resume();
         }
-        // Reset stdout/stderr
-        process.stdout.removeAllListeners();
-        process.stderr.removeAllListeners();
+        // Clear screen
         console.clear();
-        // Give terminal more time to fully reset
-        await new Promise((resolve) => setTimeout(resolve, 200));
+        // Small delay to ensure everything is flushed
+        await new Promise((resolve) => setTimeout(resolve, 50));
     }
 }
-const MainMenu = () => {
+const MainMenu = ({ config }) => {
     const [selectedIndex, setSelectedIndex] = React.useState(0);
-    const choices = [
+    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',
+            description: 'Interactive chat with Ark agents',
             value: 'chat',
             command: 'ark chat',
         },
@@ -42,27 +72,57 @@ const MainMenu = () => {
             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',
+            description: 'Open Ark dashboard in browser',
             value: 'dashboard',
             command: 'ark dashboard',
         },
         {
-            label: 'Status Check',
-            description: 'Check ARK services status',
+            label: 'Status',
+            description: 'Check Ark services status',
             value: 'status',
             command: 'ark status',
         },
         {
             label: 'Generate',
-            description: 'Generate new ARK components',
+            description: 'Generate new Ark components',
             value: 'generate',
             command: 'ark generate',
         },
-        { label: 'Exit', description: 'Exit ARK CLI', value: 'exit' },
+        { label: 'Exit', description: 'Exit Ark CLI', 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));
+        }
+        // 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));
         }
@@ -102,7 +162,7 @@ const MainMenu = () => {
                     const output = (await import('../lib/output.js')).default;
                     output.error(error instanceof Error
                         ? error.message
-                        : 'Failed to connect to ARK API');
+                        : 'Failed to connect to Ark API');
                     process.exit(1);
                 }
                 break;
@@ -110,36 +170,38 @@ const MainMenu = () => {
             case 'install': {
                 //  Unmount fullscreen app and clear screen.
                 await unmountInkApp();
-                // NOTE: We spawn the install command as a separate process to avoid
-                // signal handling conflicts between Ink's useInput and inquirer's prompts.
-                // The signal-exit library used by inquirer conflicts with Ink's signal handlers,
-                // causing ExitPromptError even after proper cleanup. Spawning ensures
-                // a clean process environment for inquirer to work correctly.
-                const { spawn } = await import('child_process');
-                const child = spawn(process.execPath, [process.argv[1], 'install'], {
-                    stdio: 'inherit',
-                });
-                await new Promise((resolve, reject) => {
-                    child.on('close', (code) => {
-                        if (code === 0) {
-                            resolve();
-                        }
-                        else if (code === 130) {
-                            // 130 is the exit code for SIGINT (Ctrl+C)
-                            process.exit(130);
-                        }
-                        else {
-                            reject(new Error(`Install command failed with code ${code}`));
-                        }
+                // 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' },
                     });
-                    child.on('error', reject);
-                    // Forward SIGINT to child and exit
-                    process.on('SIGINT', () => {
-                        child.kill('SIGINT');
-                        process.exit(130);
+                }
+                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' },
                     });
-                });
-                break;
+                }
+                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 'dashboard': {
                 //  Unmount fullscreen app and clear screen.
@@ -152,8 +214,9 @@ const MainMenu = () => {
                 //  Unmount fullscreen app and clear screen.
                 await unmountInkApp();
                 const { checkStatus } = await import('../commands/status/index.js');
-                await checkStatus();
-                break;
+                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'))
@@ -176,9 +239,9 @@ const MainMenu = () => {
     ║        Agents at Scale Platform       ║
     ║                                       ║
     ╚═══════════════════════════════════════╝
-        ` }), _jsx(Text, { color: "green", bold: true, children: "Welcome to ARK! \uD83D\uDE80" }), _jsx(Text, { color: "gray", children: "Interactive terminal interface for ARK agents" })] }), _jsx(Box, { flexDirection: "column", paddingX: 4, marginTop: 1, children: choices.map((choice, index) => {
+        ` }), 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));
-                }) })] }));
+                }) }))] }));
 };
 export default MainMenu;

package/dist/ui/ModelSelector.d.ts

@@ -0,0 +1,8 @@
+import { Model, ArkApiClient } from '../lib/arkApiClient.js';
+interface ModelSelectorProps {
+    arkApiClient: ArkApiClient;
+    onSelect: (model: Model) => void;
+    onExit: () => void;
+}
+export declare function ModelSelector({ arkApiClient, onSelect, onExit, }: ModelSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/ModelSelector.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function ModelSelector({ arkApiClient, onSelect, onExit, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [models, setModels] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        arkApiClient
+            .getModels()
+            .then((fetchedModels) => {
+            setModels(fetchedModels);
+            setLoading(false);
+        })
+            .catch((err) => {
+            setError(err.message || 'Failed to fetch models');
+            setLoading(false);
+        });
+    }, [arkApiClient]);
+    useInput((input, key) => {
+        if (key.escape) {
+            onExit();
+        }
+        else if (key.upArrow || input === 'k') {
+            setSelectedIndex((prev) => (prev === 0 ? models.length - 1 : prev - 1));
+        }
+        else if (key.downArrow || input === 'j') {
+            setSelectedIndex((prev) => (prev === models.length - 1 ? 0 : prev + 1));
+        }
+        else if (key.return) {
+            onSelect(models[selectedIndex]);
+        }
+        else {
+            // Handle number keys for quick selection
+            const num = parseInt(input, 10);
+            if (!isNaN(num) && num >= 1 && num <= models.length) {
+                onSelect(models[num - 1]);
+            }
+        }
+    });
+    if (loading) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "Loading models..." }) }));
+    }
+    if (error) {
+        return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }));
+    }
+    if (models.length === 0) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "No models available" }) }));
+    }
+    const selectedModel = models[selectedIndex];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select Model" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Choose a model to start a conversation with" }) }), _jsx(Box, { flexDirection: "column", children: models.map((model, index) => (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: index === selectedIndex ? 'green' : undefined, children: [index === selectedIndex ? '❯ ' : '  ', index + 1, ". ", model.name, model.type ? ` (${model.type})` : ''] }) }, model.name))) }), selectedModel && selectedModel.model && (_jsx(Box, { marginTop: 1, paddingLeft: 2, children: _jsxs(Text, { dimColor: true, wrap: "wrap", children: ["Model: ", selectedModel.model] }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Number to select \u00B7 Esc to exit" }) })] }));
+}

package/dist/ui/TeamSelector.d.ts

@@ -0,0 +1,8 @@
+import { Team, ArkApiClient } from '../lib/arkApiClient.js';
+interface TeamSelectorProps {
+    arkApiClient: ArkApiClient;
+    onSelect: (team: Team) => void;
+    onExit: () => void;
+}
+export declare function TeamSelector({ arkApiClient, onSelect, onExit, }: TeamSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/TeamSelector.js

@@ -0,0 +1,55 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function TeamSelector({ arkApiClient, onSelect, onExit, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [teams, setTeams] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        arkApiClient
+            .getTeams()
+            .then((fetchedTeams) => {
+            setTeams(fetchedTeams);
+            setLoading(false);
+        })
+            .catch((err) => {
+            setError(err.message || 'Failed to fetch teams');
+            setLoading(false);
+        });
+    }, [arkApiClient]);
+    useInput((input, key) => {
+        if (key.escape) {
+            onExit();
+        }
+        else if (key.upArrow || input === 'k') {
+            setSelectedIndex((prev) => (prev === 0 ? teams.length - 1 : prev - 1));
+        }
+        else if (key.downArrow || input === 'j') {
+            setSelectedIndex((prev) => (prev === teams.length - 1 ? 0 : prev + 1));
+        }
+        else if (key.return) {
+            onSelect(teams[selectedIndex]);
+        }
+        else {
+            // Handle number keys for quick selection
+            const num = parseInt(input, 10);
+            if (!isNaN(num) && num >= 1 && num <= teams.length) {
+                onSelect(teams[num - 1]);
+            }
+        }
+    });
+    if (loading) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "Loading teams..." }) }));
+    }
+    if (error) {
+        return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }));
+    }
+    if (teams.length === 0) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "No teams available" }) }));
+    }
+    const selectedTeam = teams[selectedIndex];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select Team" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Choose a team to start a conversation with" }) }), _jsx(Box, { flexDirection: "column", children: teams.map((team, index) => (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: index === selectedIndex ? 'green' : undefined, children: [index === selectedIndex ? '❯ ' : '  ', index + 1, ". ", team.name, team.strategy ? ` (${team.strategy})` : ''] }) }, team.name))) }), selectedTeam &&
+                (selectedTeam.description || selectedTeam.members_count) && (_jsx(Box, { marginTop: 1, paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: selectedTeam.description ||
+                        `Members: ${selectedTeam.members_count}` }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Number to select \u00B7 Esc to exit" }) })] }));
+}

package/dist/ui/ToolSelector.d.ts

@@ -0,0 +1,8 @@
+import { Tool, ArkApiClient } from '../lib/arkApiClient.js';
+interface ToolSelectorProps {
+    arkApiClient: ArkApiClient;
+    onSelect: (tool: Tool) => void;
+    onExit: () => void;
+}
+export declare function ToolSelector({ arkApiClient, onSelect, onExit, }: ToolSelectorProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/ui/ToolSelector.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Box, Text, useInput } from 'ink';
+export function ToolSelector({ arkApiClient, onSelect, onExit, }) {
+    const [selectedIndex, setSelectedIndex] = useState(0);
+    const [tools, setTools] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    useEffect(() => {
+        arkApiClient
+            .getTools()
+            .then((fetchedTools) => {
+            setTools(fetchedTools);
+            setLoading(false);
+        })
+            .catch((err) => {
+            setError(err.message || 'Failed to fetch tools');
+            setLoading(false);
+        });
+    }, [arkApiClient]);
+    useInput((input, key) => {
+        if (key.escape) {
+            onExit();
+        }
+        else if (key.upArrow || input === 'k') {
+            setSelectedIndex((prev) => (prev === 0 ? tools.length - 1 : prev - 1));
+        }
+        else if (key.downArrow || input === 'j') {
+            setSelectedIndex((prev) => (prev === tools.length - 1 ? 0 : prev + 1));
+        }
+        else if (key.return) {
+            onSelect(tools[selectedIndex]);
+        }
+        else {
+            // Handle number keys for quick selection
+            const num = parseInt(input, 10);
+            if (!isNaN(num) && num >= 1 && num <= tools.length) {
+                onSelect(tools[num - 1]);
+            }
+        }
+    });
+    if (loading) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "Loading tools..." }) }));
+    }
+    if (error) {
+        return (_jsx(Box, { children: _jsxs(Text, { color: "red", children: ["Error: ", error] }) }));
+    }
+    if (tools.length === 0) {
+        return (_jsx(Box, { children: _jsx(Text, { children: "No tools available" }) }));
+    }
+    const selectedTool = tools[selectedIndex];
+    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsx(Text, { bold: true, children: "Select Tool" }) }), _jsx(Box, { marginBottom: 1, children: _jsx(Text, { dimColor: true, children: "Choose a tool to start a conversation with" }) }), _jsx(Box, { flexDirection: "column", children: tools.map((tool, index) => (_jsx(Box, { marginBottom: 0, children: _jsxs(Text, { color: index === selectedIndex ? 'green' : undefined, children: [index === selectedIndex ? '❯ ' : '  ', index + 1, ". ", tool.name] }) }, tool.name))) }), selectedTool && selectedTool.description && (_jsx(Box, { marginTop: 1, paddingLeft: 2, children: _jsx(Text, { dimColor: true, wrap: "wrap", children: selectedTool.description }) })), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Enter to confirm \u00B7 Number to select \u00B7 Esc to exit" }) })] }));
+}

package/dist/ui/statusFormatter.d.ts

@@ -1,12 +1,24 @@
-import { StatusData } from '../lib/types.js';
+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
+ */
 export declare class StatusFormatter {
-    /**
-     * Print status check results to console
-     */
-    static printStatus(statusData: StatusData & {
-        clusterAccess?: boolean;
-        clusterInfo?: any;
-    }): void;
-    private static printService;
-    private static printDependency;
+    static printSections(sections: StatusSection[]): void;
+    private static applyColor;
+    private static printLine;
 }

package/dist/ui/statusFormatter.js

@@ -1,119 +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 {
-    /**
-     * Print status check results to console
-     */
-    static printStatus(statusData) {
+    static printSections(sections) {
         console.log();
-        // Print dependencies status first
-        console.log(chalk.cyan.bold('system dependencies:'));
-        for (const dep of statusData.dependencies) {
-            StatusFormatter.printDependency(dep);
-        }
-        // Print cluster status
-        console.log(chalk.cyan.bold('\ncluster access:'));
-        if (statusData.clusterAccess && statusData.clusterInfo) {
-            const clusterName = statusData.clusterInfo.context || 'kubernetes cluster';
-            const clusterDetails = [];
-            if (statusData.clusterInfo.type &&
-                statusData.clusterInfo.type !== 'unknown') {
-                clusterDetails.push(statusData.clusterInfo.type);
-            }
-            if (statusData.clusterInfo.ip) {
-                clusterDetails.push(statusData.clusterInfo.ip);
-            }
-            console.log(`  ${chalk.green('✓ accessible')} ${chalk.bold.white(clusterName)}${clusterDetails.length > 0 ? chalk.gray(' ' + clusterDetails.join(', ')) : ''}`);
-        }
-        else if (statusData.clusterAccess) {
-            console.log(`  ${chalk.green('✓ accessible')} ${chalk.bold('kubernetes cluster')}`);
-        }
-        else {
-            console.log(`  ${chalk.red('✗ unreachable')} ${chalk.bold('kubernetes cluster')}`);
-            console.log(`    ${chalk.gray('Install minikube: https://minikube.sigs.k8s.io/docs/start')}`);
-        }
-        // Only show ARK services if we have cluster access
-        if (statusData.clusterAccess) {
-            console.log(chalk.cyan.bold('\nark services:'));
-            // Show all services except ark-controller (already shown in ark status)
-            for (const service of statusData.services) {
-                if (service.name !== 'ark-controller') {
-                    StatusFormatter.printService(service);
-                }
-            }
-        }
-        else {
-            console.log(chalk.cyan.bold('\nark services:'));
-            console.log(`  ${chalk.gray('Cannot check ARK services - cluster not accessible')}`);
-        }
-        // Print ARK status section
-        console.log(chalk.cyan.bold('\nark status:'));
-        if (!statusData.clusterAccess) {
-            console.log(`  ${chalk.red('✗ no cluster access')}`);
-        }
-        else {
-            // Show ark-controller status
-            const controllerStatus = statusData.services?.find(s => s.name === 'ark-controller');
-            if (controllerStatus) {
-                // Show the actual status but replace "not installed" with "not ready" for display
-                if (controllerStatus.status === 'not installed') {
-                    console.log(`  ${chalk.yellow('○ not ready')} ${chalk.bold('ark-controller')} ${chalk.gray(controllerStatus.details || '')}`);
-                }
-                else if (controllerStatus.status === 'healthy') {
-                    // Controller is healthy - show ready status with model info
-                    if (!statusData.defaultModelExists) {
-                        console.log(`  ${chalk.green('✓ ready')} ${chalk.bold('ark-controller')} ${chalk.gray(controllerStatus.details || '')}`);
-                        console.log(`  ${chalk.gray('  (no default model configured)')}`);
-                    }
-                    else {
-                        console.log(`  ${chalk.green('✓ ready')} ${chalk.bold('ark-controller')} ${chalk.gray(controllerStatus.details || '')}`);
-                    }
-                }
-                else {
-                    StatusFormatter.printService(controllerStatus);
-                }
-            }
-            else {
-                console.log(`  ${chalk.yellow('○ not ready')} ${chalk.bold('ark-controller')}`);
+        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();
             }
-        }
+        });
         console.log();
     }
-    static printService(service) {
-        const statusColor = service.status === 'healthy'
-            ? chalk.green('✓ healthy')
-            : service.status === 'unhealthy'
-                ? chalk.red('✗ unhealthy')
-                : service.status === 'warning'
-                    ? chalk.yellow('⚠ warning')
-                    : service.status === 'not ready'
-                        ? chalk.yellow('○ not ready')
-                        : chalk.yellow('? not installed');
-        // Show version and revision in grey after the name for healthy services
-        let versionInfo = '';
-        if (service.status === 'healthy' && (service.version || service.revision)) {
-            const parts = [];
-            if (service.version)
-                parts.push(`v${service.version}`);
-            if (service.revision)
-                parts.push(`revision ${service.revision}`);
-            versionInfo = chalk.gray(` ${parts.join(', ')}`);
-        }
-        // Show details inline in grey for all statuses
-        let inlineDetails = '';
-        if (service.details) {
-            inlineDetails = chalk.gray(` ${service.details}`);
-        }
-        console.log(`  ${statusColor} ${chalk.bold(service.name)}${versionInfo}${inlineDetails}`);
+    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 printDependency(dep) {
-        const statusColor = dep.installed
-            ? chalk.green('✓ installed')
-            : chalk.red('✗ missing');
-        const versionText = dep.version ? chalk.gray(` ${dep.version}`) : '';
-        console.log(`  ${statusColor} ${chalk.bold(dep.name)}${versionText}`);
-        if (dep.details && !dep.installed) {
-            // Only show details if there's an issue
-            console.log(`    ${chalk.gray(dep.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)}`);
         }
     }
 }

package/dist/ui/statusFormatter.spec.d.ts

@@ -0,0 +1 @@
+export {};