claude-flow-novice 2.0.4 → 2.0.5

package/dist/src/cli/simple-commands/start-ui.js

@@ -1,123 +1,147 @@
 // start-ui.js - Standalone UI launcher (Web UI by default)
-import { printSuccess, printError, printWarning } from "../utils.js";
+import { printSuccess, printError, printWarning, printInfo } from '../utils.js';
+import { compat } from '../runtime-detector.js';
+
 export async function launchUI(args = []) {
-    try {
-        // Parse arguments
-        const portValue = getArgValue(args, '--port') || getArgValue(args, '-p');
-        const port = portValue ? parseInt(portValue) : 3000;
-        const terminal = args.includes('--terminal') || args.includes('-t');
-        const web = !terminal; // Default to web UI unless terminal is specified
-        if (web) {
-            // Launch Web UI
-            try {
-                const { ClaudeCodeWebServer } = await import("./web-server.js");
-                const webServer = new ClaudeCodeWebServer(port);
-                await webServer.start();
-                printSuccess('🌐 Claude Flow Web UI is running!');
-                console.log(`📍 Open your browser to: http://localhost:${port}/console`);
-                console.log();
-                console.log('Features:');
-                console.log('  ✨ Access all 71+ MCP tools through the web interface');
-                console.log('  📊 Real-time monitoring and analytics');
-                console.log('  🧠 Neural network training and management');
-                console.log('  🔄 Workflow automation and SPARC modes');
-                console.log('  🐙 GitHub integration and DAA management');
-                console.log();
-                console.log('Press Ctrl+C to stop the server');
-                // Open browser if possible
-                try {
-                    const openCommand = process.platform === 'darwin' ? 'open' : process.platform === 'win32' ? 'start' : 'xdg-open';
-                    const { exec } = await import("child_process");
-                    exec(`${openCommand} http://localhost:${port}/console`);
-                } catch  {
-                // Browser opening failed, that's okay
-                }
-                // Handle shutdown
-                const shutdown = async ()=>{
-                    console.log('\n' + '⏹️  Shutting down Web UI...');
-                    await webServer.stop();
-                    printSuccess('✓ Shutdown complete');
-                    process.exit(0);
-                };
-                process.on('SIGINT', shutdown);
-                process.on('SIGTERM', shutdown);
-                // Keep process alive
-                await new Promise(()=>{});
-            } catch (err) {
-                printError(`Failed to launch Web UI: ${err.message}`);
-                console.error('Stack trace:', err.stack);
-                console.log();
-                printWarning('Falling back to terminal UI...');
-                // Fall back to terminal UI
-                await launchTerminalUI(port);
-            }
-        }
-        if (terminal) {
-            await launchTerminalUI(port);
+  try {
+    // Parse arguments
+    const portValue = getArgValue(args, '--port') || getArgValue(args, '-p');
+    const port = portValue ? parseInt(portValue) : 3000;
+
+    const terminal = args.includes('--terminal') || args.includes('-t');
+    const web = !terminal; // Default to web UI unless terminal is specified
+
+    if (web) {
+      // Launch Web UI
+      try {
+        const { ClaudeCodeWebServer } = await import('./web-server.js');
+        const webServer = new ClaudeCodeWebServer(port);
+        await webServer.start();
+
+        printSuccess('🌐 Claude Flow Web UI is running!');
+        console.log(`📍 Open your browser to: http://localhost:${port}/console`);
+        console.log();
+        console.log('Features:');
+        console.log('  ✨ Access all 71+ MCP tools through the web interface');
+        console.log('  📊 Real-time monitoring and analytics');
+        console.log('  🧠 Neural network training and management');
+        console.log('  🔄 Workflow automation and SPARC modes');
+        console.log('  🐙 GitHub integration and DAA management');
+        console.log();
+        console.log('Press Ctrl+C to stop the server');
+
+        // Open browser if possible
+        try {
+          const openCommand =
+            process.platform === 'darwin'
+              ? 'open'
+              : process.platform === 'win32'
+                ? 'start'
+                : 'xdg-open';
+
+          const { exec } = await import('child_process');
+          exec(`${openCommand} http://localhost:${port}/console`);
+        } catch {
+          // Browser opening failed, that's okay
         }
-    } catch (err) {
-        printError(`Failed to launch UI: ${err.message}`);
+
+        // Handle shutdown
+        const shutdown = async () => {
+          console.log('\n' + '⏹️  Shutting down Web UI...');
+          await webServer.stop();
+          printSuccess('✓ Shutdown complete');
+          process.exit(0);
+        };
+
+        process.on('SIGINT', shutdown);
+        process.on('SIGTERM', shutdown);
+
+        // Keep process alive
+        await new Promise(() => {});
+      } catch (err) {
+        printError(`Failed to launch Web UI: ${err.message}`);
         console.error('Stack trace:', err.stack);
+        console.log();
+        printWarning('Falling back to terminal UI...');
+        // Fall back to terminal UI
+        await launchTerminalUI(port);
+      }
+    }
+
+    if (terminal) {
+      await launchTerminalUI(port);
     }
+  } catch (err) {
+    printError(`Failed to launch UI: ${err.message}`);
+    console.error('Stack trace:', err.stack);
+  }
 }
+
 async function launchTerminalUI(port) {
-    // Launch Terminal UI
+  // Launch Terminal UI
+  try {
+    // Try enhanced UI first
+    const { launchEnhancedUI } = await import('./process-ui-enhanced.js');
+    await launchEnhancedUI();
+  } catch (err) {
+    // Try simple UI as fallback
     try {
-        // Try enhanced UI first
-        const { launchEnhancedUI } = await import("./process-ui-enhanced.js");
-        await launchEnhancedUI();
-    } catch (err) {
-        // Try simple UI as fallback
-        try {
-            let ProcessManager, ProcessUI;
-            try {
-                // Try the compiled version first (for production/npm packages)
-                const pmModule = await import("../../../dist/cli/commands/start/process-manager.js");
-                const puiModule = await import("../../../dist/cli/commands/start/process-ui-simple.js");
-                ProcessManager = pmModule.ProcessManager;
-                ProcessUI = puiModule.ProcessUI;
-            } catch (distError) {
-                // If dist version not found, try TypeScript version (for development)
-                const pmModule = await import("../commands/start/process-manager.ts");
-                const puiModule = await import("../commands/start/process-ui-simple.ts");
-                ProcessManager = pmModule.ProcessManager;
-                ProcessUI = puiModule.ProcessUI;
-            }
-            printSuccess('🚀 Claude-Flow Process Management UI');
-            console.log('─'.repeat(60));
-            // Initialize process manager
-            const processManager = new ProcessManager();
-            await processManager.initialize();
-            // Start the UI
-            const ui = new ProcessUI(processManager);
-            await ui.start();
-            // Cleanup on exit
-            await processManager.stopAll();
-            console.log();
-            printSuccess('✓ Shutdown complete');
-        } catch (fallbackErr) {
-            printError(`Failed to launch Terminal UI: ${fallbackErr.message}`);
-            console.error('Stack trace:', fallbackErr.stack);
-            // Final fallback
-            console.log();
-            printWarning('UI launch failed. Use these commands instead:');
-            console.log();
-            console.log('Process Management Commands:');
-            console.log('  • Start all: claude-flow-novice start');
-            console.log('  • Check status: claude-flow-novice status');
-            console.log('  • View logs: claude-flow-novice logs');
-            console.log('  • Stop: claude-flow-novice stop');
-        }
+      let ProcessManager, ProcessUI;
+      try {
+        // Try the compiled version first (for production/npm packages)
+        const pmModule = await import('../../../dist/cli/commands/start/process-manager.js');
+        const puiModule = await import('../../../dist/cli/commands/start/process-ui-simple.js');
+        ProcessManager = pmModule.ProcessManager;
+        ProcessUI = puiModule.ProcessUI;
+      } catch (distError) {
+        // If dist version not found, try TypeScript version (for development)
+        const pmModule = await import('../commands/start/process-manager.ts');
+        const puiModule = await import('../commands/start/process-ui-simple.ts');
+        ProcessManager = pmModule.ProcessManager;
+        ProcessUI = puiModule.ProcessUI;
+      }
+
+      printSuccess('🚀 Claude-Flow Process Management UI');
+      console.log('─'.repeat(60));
+
+      // Initialize process manager
+      const processManager = new ProcessManager();
+      await processManager.initialize();
+
+      // Start the UI
+      const ui = new ProcessUI(processManager);
+      await ui.start();
+
+      // Cleanup on exit
+      await processManager.stopAll();
+      console.log();
+      printSuccess('✓ Shutdown complete');
+    } catch (fallbackErr) {
+      printError(`Failed to launch Terminal UI: ${fallbackErr.message}`);
+      console.error('Stack trace:', fallbackErr.stack);
+
+      // Final fallback
+      console.log();
+      printWarning('UI launch failed. Use these commands instead:');
+      console.log();
+      console.log('Process Management Commands:');
+      console.log('  • Start all: claude-flow-novice start');
+      console.log('  • Check status: claude-flow-novice status');
+      console.log('  • View logs: claude-flow-novice logs');
+      console.log('  • Stop: claude-flow-novice stop');
     }
+  }
 }
+
 function getArgValue(args, flag) {
-    const index = args.indexOf(flag);
-    if (index !== -1 && index < args.length - 1) {
-        return args[index + 1];
-    }
-    return null;
+  const index = args.indexOf(flag);
+  if (index !== -1 && index < args.length - 1) {
+    return args[index + 1];
+  }
+  return null;
 }
+
 // Run if called directly
 if (import.meta.main) {
-    await launchUI();
+  await launchUI();
 }