@gxp-dev/tools 2.0.62 → 2.0.64

package/dist/tui/App.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect, useCallback } from 'react';
-import { Box, useApp, useInput, useStdout } from 'ink';
-import WelcomeScreen from './components/WelcomeScreen.js';
-import Header from './components/Header.js';
-import TabBar from './components/TabBar.js';
-import LogPanel from './components/LogPanel.js';
-import CommandInput from './components/CommandInput.js';
-import AIPanel from './components/AIPanel.js';
-import { serviceManager, startVite, stopVite, startSocket, stopSocket, startExtension, stopExtension, listSocketEvents, sendSocketEvent, aiService, getAvailableProviders, getProviderStatus, } from './services/index.js';
+import { useState, useEffect, useCallback } from "react";
+import { Box, useApp, useInput, useStdout } from "ink";
+import WelcomeScreen from "./components/WelcomeScreen.js";
+import Header from "./components/Header.js";
+import TabBar from "./components/TabBar.js";
+import LogPanel from "./components/LogPanel.js";
+import CommandInput from "./components/CommandInput.js";
+import AIPanel from "./components/AIPanel.js";
+import { serviceManager, startVite, stopVite, startSocket, stopSocket, startExtension, stopExtension, listSocketEvents, sendSocketEvent, aiService, getAvailableProviders, getProviderStatus, } from "./services/index.js";
 export default function App({ autoStart, args }) {
     const { exit } = useApp();
     const { stdout } = useStdout();
@@ -24,7 +24,7 @@ export default function App({ autoStart, args }) {
     // Sync services from ServiceManager
     const syncServices = useCallback(() => {
         const managerServices = serviceManager.getAllServices();
-        setServices(managerServices.map(s => ({
+        setServices(managerServices.map((s) => ({
             id: s.id,
             name: s.name,
             status: s.status,
@@ -34,21 +34,21 @@ export default function App({ autoStart, args }) {
     // Set up ServiceManager event listeners
     useEffect(() => {
         const onLog = (id, message) => {
-            setServices(prev => prev.map(s => s.id === id ? { ...s, logs: [...s.logs, message] } : s));
+            setServices((prev) => prev.map((s) => s.id === id ? { ...s, logs: [...s.logs, message] } : s));
         };
         const onStatusChange = (id, status) => {
-            setServices(prev => prev.map(s => s.id === id ? { ...s, status } : s));
+            setServices((prev) => prev.map((s) => (s.id === id ? { ...s, status } : s)));
         };
         const onLogsCleared = (id) => {
-            setServices(prev => prev.map(s => s.id === id ? { ...s, logs: [] } : s));
+            setServices((prev) => prev.map((s) => (s.id === id ? { ...s, logs: [] } : s)));
         };
-        serviceManager.on('log', onLog);
-        serviceManager.on('statusChange', onStatusChange);
-        serviceManager.on('logsCleared', onLogsCleared);
+        serviceManager.on("log", onLog);
+        serviceManager.on("statusChange", onStatusChange);
+        serviceManager.on("logsCleared", onLogsCleared);
         return () => {
-            serviceManager.off('log', onLog);
-            serviceManager.off('statusChange', onStatusChange);
-            serviceManager.off('logsCleared', onLogsCleared);
+            serviceManager.off("log", onLog);
+            serviceManager.off("statusChange", onStatusChange);
+            serviceManager.off("logsCleared", onLogsCleared);
         };
     }, []);
     // Cleanup on exit
@@ -56,32 +56,32 @@ export default function App({ autoStart, args }) {
         const cleanup = () => {
             serviceManager.forceStopAll();
         };
-        process.on('SIGINT', cleanup);
-        process.on('SIGTERM', cleanup);
+        process.on("SIGINT", cleanup);
+        process.on("SIGTERM", cleanup);
         return () => {
             cleanup();
-            process.off('SIGINT', cleanup);
-            process.off('SIGTERM', cleanup);
+            process.off("SIGINT", cleanup);
+            process.off("SIGTERM", cleanup);
         };
     }, []);
     // Handle keyboard shortcuts
     useInput((input, key) => {
         // Ctrl+C to exit
-        if (key.ctrl && input === 'c') {
+        if (key.ctrl && input === "c") {
             serviceManager.forceStopAll();
             exit();
             return;
         }
         // Ctrl+L to clear current log
-        if (key.ctrl && input === 'l') {
+        if (key.ctrl && input === "l") {
             if (services[activeTab]) {
                 serviceManager.clearLogs(services[activeTab].id);
             }
             return;
         }
         // Ctrl+K to stop current service
-        if (key.ctrl && input === 'k') {
-            if (services[activeTab] && services[activeTab].id !== 'system') {
+        if (key.ctrl && input === "k") {
+            if (services[activeTab] && services[activeTab].id !== "system") {
                 stopService(services[activeTab].id);
             }
             return;
@@ -108,7 +108,7 @@ export default function App({ autoStart, args }) {
     useEffect(() => {
         if (autoStart?.length) {
             setTimeout(() => {
-                autoStart.forEach(cmd => {
+                autoStart.forEach((cmd) => {
                     handleCommand(`/${cmd}`);
                 });
             }, 100);
@@ -116,62 +116,62 @@ export default function App({ autoStart, args }) {
     }, []);
     const handleCommand = (input) => {
         const trimmed = input.trim();
-        if (!trimmed.startsWith('/'))
+        if (!trimmed.startsWith("/"))
             return;
-        const parts = trimmed.slice(1).split(' ');
+        const parts = trimmed.slice(1).split(" ");
         const command = parts[0];
         const cmdArgs = parts.slice(1);
         switch (command) {
-            case 'help':
+            case "help":
                 addSystemLog(getHelpText());
                 break;
-            case 'dev':
+            case "dev":
                 startDevServer(cmdArgs);
                 break;
-            case 'socket':
-                if (cmdArgs[0] === 'send') {
+            case "socket":
+                if (cmdArgs[0] === "send") {
                     handleSocketSend(cmdArgs.slice(1));
                 }
-                else if (cmdArgs[0] === 'list') {
+                else if (cmdArgs[0] === "list") {
                     handleSocketList();
                 }
                 else {
-                    const socketWithMock = cmdArgs.includes('--with-mock') || args?.withMock === true;
+                    const socketWithMock = cmdArgs.includes("--with-mock") || args?.withMock === true;
                     startSocketServer(socketWithMock);
                 }
                 break;
-            case 'mock':
+            case "mock":
                 // Shorthand for /socket --with-mock
                 startSocketServer(true);
                 break;
-            case 'ext':
-                const browser = cmdArgs[0] || 'chrome';
+            case "ext":
+                const browser = cmdArgs[0] || "chrome";
                 launchExtension(browser);
                 break;
-            case 'stop':
+            case "stop":
                 stopService(cmdArgs[0]);
                 break;
-            case 'restart':
+            case "restart":
                 restartService(cmdArgs[0]);
                 break;
-            case 'clear':
+            case "clear":
                 if (services[activeTab]) {
                     serviceManager.clearLogs(services[activeTab].id);
                 }
                 break;
-            case 'quit':
-            case 'exit':
+            case "quit":
+            case "exit":
                 serviceManager.forceStopAll();
                 exit();
                 break;
-            case 'ai':
+            case "ai":
                 handleAICommand(cmdArgs);
                 break;
-            case 'extract-config':
-            case 'extract':
+            case "extract-config":
+            case "extract":
                 handleExtractConfig(cmdArgs);
                 break;
-            case 'add-dependency':
+            case "add-dependency":
                 handleAddDependency(cmdArgs);
                 break;
             default:
@@ -179,41 +179,41 @@ export default function App({ autoStart, args }) {
         }
     };
     const startDevServer = (cmdArgs) => {
-        const noHttps = cmdArgs.includes('--no-https') || args?.noHttps === true;
-        const noSocket = cmdArgs.includes('--no-socket') || args?.noSocket === true;
-        const withMock = cmdArgs.includes('--with-mock') || args?.withMock === true;
-        const withFirefox = cmdArgs.includes('--firefox') || args?.firefox === true;
-        const withChrome = cmdArgs.includes('--chrome') || args?.chrome === true;
+        const noHttps = cmdArgs.includes("--no-https") || args?.noHttps === true;
+        const noSocket = cmdArgs.includes("--no-socket") || args?.noSocket === true;
+        const withMock = cmdArgs.includes("--with-mock") || args?.withMock === true;
+        const withFirefox = cmdArgs.includes("--firefox") || args?.firefox === true;
+        const withChrome = cmdArgs.includes("--chrome") || args?.chrome === true;
         // Determine port from env or default
         const port = process.env.NODE_PORT || 3060;
         const useHttps = !noHttps;
         // Socket server starts by default unless --no-socket is passed
         const shouldStartSocket = !noSocket;
         // Check if already running
-        if (serviceManager.isRunning('vite')) {
-            addSystemLog('Vite dev server is already running.');
+        if (serviceManager.isRunning("vite")) {
+            addSystemLog("Vite dev server is already running.");
             // Switch to vite tab
-            const viteIdx = services.findIndex(s => s.id === 'vite');
+            const viteIdx = services.findIndex((s) => s.id === "vite");
             if (viteIdx >= 0)
                 setActiveTab(viteIdx);
             return;
         }
         startVite({ noHttps });
         // Also start socket server based on flags/env (with mock if requested)
-        if (shouldStartSocket && !serviceManager.isRunning('socket')) {
+        if (shouldStartSocket && !serviceManager.isRunning("socket")) {
             startSocket({ withMock });
         }
         // Launch browser extensions if requested (pass URL options)
-        if (withFirefox && !serviceManager.isRunning('ext-firefox')) {
-            startExtension({ browser: 'firefox', useHttps, port });
+        if (withFirefox && !serviceManager.isRunning("ext-firefox")) {
+            startExtension({ browser: "firefox", useHttps, port });
         }
-        if (withChrome && !serviceManager.isRunning('ext-chrome')) {
-            startExtension({ browser: 'chrome', useHttps, port });
+        if (withChrome && !serviceManager.isRunning("ext-chrome")) {
+            startExtension({ browser: "chrome", useHttps, port });
         }
         // Sync and switch to the new vite tab
         const updatedServices = serviceManager.getAllServices();
-        const viteIdx = updatedServices.findIndex(s => s.id === 'vite');
-        setServices(updatedServices.map(s => ({
+        const viteIdx = updatedServices.findIndex((s) => s.id === "vite");
+        setServices(updatedServices.map((s) => ({
             id: s.id,
             name: s.name,
             status: s.status,
@@ -222,9 +222,9 @@ export default function App({ autoStart, args }) {
         setActiveTab(viteIdx >= 0 ? viteIdx : Math.max(0, updatedServices.length - 1));
     };
     const startSocketServer = (withMock = false) => {
-        if (serviceManager.isRunning('socket')) {
-            addSystemLog('Socket.IO server is already running.');
-            const socketIdx = services.findIndex(s => s.id === 'socket');
+        if (serviceManager.isRunning("socket")) {
+            addSystemLog("Socket.IO server is already running.");
+            const socketIdx = services.findIndex((s) => s.id === "socket");
             if (socketIdx >= 0)
                 setActiveTab(socketIdx);
             return;
@@ -232,8 +232,8 @@ export default function App({ autoStart, args }) {
         startSocket({ withMock });
         // Sync and switch to the new socket tab
         const updatedServices = serviceManager.getAllServices();
-        const socketIdx = updatedServices.findIndex(s => s.id === 'socket');
-        setServices(updatedServices.map(s => ({
+        const socketIdx = updatedServices.findIndex((s) => s.id === "socket");
+        setServices(updatedServices.map((s) => ({
             id: s.id,
             name: s.name,
             status: s.status,
@@ -243,14 +243,14 @@ export default function App({ autoStart, args }) {
     };
     const launchExtension = (browser) => {
         const browserType = browser.toLowerCase();
-        if (browserType !== 'chrome' && browserType !== 'firefox') {
+        if (browserType !== "chrome" && browserType !== "firefox") {
             addSystemLog(`Invalid browser: ${browser}. Use 'chrome' or 'firefox'.`);
             return;
         }
         const serviceId = `ext-${browserType}`;
         if (serviceManager.isRunning(serviceId)) {
             addSystemLog(`${browser} extension is already running.`);
-            const extIdx = services.findIndex(s => s.id === serviceId);
+            const extIdx = services.findIndex((s) => s.id === serviceId);
             if (extIdx >= 0)
                 setActiveTab(extIdx);
             return;
@@ -258,8 +258,8 @@ export default function App({ autoStart, args }) {
         startExtension({ browser: browserType });
         // Sync and switch to the new extension tab
         const updatedServices = serviceManager.getAllServices();
-        const extIdx = updatedServices.findIndex(s => s.id === serviceId);
-        setServices(updatedServices.map(s => ({
+        const extIdx = updatedServices.findIndex((s) => s.id === serviceId);
+        setServices(updatedServices.map((s) => ({
             id: s.id,
             name: s.name,
             status: s.status,
@@ -270,17 +270,17 @@ export default function App({ autoStart, args }) {
     const stopService = (serviceId) => {
         const targetId = serviceId || services[activeTab]?.id;
         if (!targetId) {
-            addSystemLog('No service specified. Usage: /stop <service-id>');
+            addSystemLog("No service specified. Usage: /stop <service-id>");
             return;
         }
-        if (targetId === 'vite') {
+        if (targetId === "vite") {
             stopVite();
         }
-        else if (targetId === 'socket') {
+        else if (targetId === "socket") {
             stopSocket();
         }
-        else if (targetId.startsWith('ext-')) {
-            const browser = targetId.replace('ext-', '');
+        else if (targetId.startsWith("ext-")) {
+            const browser = targetId.replace("ext-", "");
             stopExtension(browser);
         }
         else {
@@ -291,11 +291,11 @@ export default function App({ autoStart, args }) {
     const restartService = (serviceId) => {
         const targetId = serviceId || services[activeTab]?.id;
         if (!targetId) {
-            addSystemLog('No service to restart. Usage: /restart [service-id]');
+            addSystemLog("No service to restart. Usage: /restart [service-id]");
             return;
         }
-        if (targetId === 'system') {
-            addSystemLog('Cannot restart the system service.');
+        if (targetId === "system") {
+            addSystemLog("Cannot restart the system service.");
             return;
         }
         const success = serviceManager.restart(targetId);
@@ -307,7 +307,7 @@ export default function App({ autoStart, args }) {
     const handleAICommand = async (cmdArgs) => {
         const subCommand = cmdArgs[0];
         switch (subCommand) {
-            case 'model':
+            case "model":
                 // Set or show current AI provider
                 const providerArg = cmdArgs[1];
                 if (providerArg) {
@@ -323,27 +323,29 @@ export default function App({ autoStart, args }) {
                     // Show current provider and available providers
                     const current = aiService.getProviderInfo();
                     const providers = getAvailableProviders();
-                    let message = `Current AI provider: ${current ? getProviderStatus(current) : 'None'}\n\nAvailable providers:`;
+                    let message = `Current AI provider: ${current ? getProviderStatus(current) : "None"}\n\nAvailable providers:`;
                     for (const p of providers) {
-                        const status = p.available ? getProviderStatus(p) : `${p.name} (not available)`;
-                        const marker = p.id === current?.id ? ' ← current' : '';
+                        const status = p.available
+                            ? getProviderStatus(p)
+                            : `${p.name} (not available)`;
+                        const marker = p.id === current?.id ? " ← current" : "";
                         message += `\n  ${p.id}: ${status}${marker}`;
                         if (!p.available && p.reason) {
                             message += `\n       ${p.reason}`;
                         }
                     }
-                    message += '\n\nUsage: /ai model <claude|codex|gemini>';
+                    message += "\n\nUsage: /ai model <claude|codex|gemini>";
                     addSystemLog(message);
                 }
                 break;
-            case 'status':
+            case "status":
                 // Show detailed status of all providers
                 const providers = getAvailableProviders();
                 const currentProvider = aiService.getProvider();
-                let statusMsg = 'AI Provider Status:\n';
+                let statusMsg = "AI Provider Status:\n";
                 for (const p of providers) {
-                    const icon = p.available ? '✅' : '❌';
-                    const current = p.id === currentProvider ? ' (current)' : '';
+                    const icon = p.available ? "✅" : "❌";
+                    const current = p.id === currentProvider ? " (current)" : "";
                     statusMsg += `\n  ${icon} ${getProviderStatus(p)}${current}`;
                     if (!p.available && p.reason) {
                         statusMsg += `\n     ${p.reason}`;
@@ -351,18 +353,18 @@ export default function App({ autoStart, args }) {
                 }
                 addSystemLog(statusMsg);
                 break;
-            case 'ask':
+            case "ask":
                 // Quick question without opening panel
-                const question = cmdArgs.slice(1).join(' ');
+                const question = cmdArgs.slice(1).join(" ");
                 if (!question) {
-                    addSystemLog('Usage: /ai ask <your question>');
+                    addSystemLog("Usage: /ai ask <your question>");
                     return;
                 }
                 if (!aiService.isAvailable()) {
                     addSystemLog(`Current provider (${aiService.getProvider()}) is not available. Run /ai model to select a different provider.`);
                     return;
                 }
-                const providerName = aiService.getProviderInfo()?.name || 'AI';
+                const providerName = aiService.getProviderInfo()?.name || "AI";
                 addSystemLog(`Asking ${providerName}: ${question}`);
                 try {
                     aiService.loadProjectContext(process.cwd());
@@ -370,14 +372,14 @@ export default function App({ autoStart, args }) {
                     addSystemLog(`${providerName}: ${response}`);
                 }
                 catch (err) {
-                    addSystemLog(`Error: ${err instanceof Error ? err.message : 'Unknown error'}`);
+                    addSystemLog(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
                 }
                 break;
-            case 'clear':
+            case "clear":
                 aiService.clearConversation();
-                addSystemLog('Conversation history cleared.');
+                addSystemLog("Conversation history cleared.");
                 break;
-            case 'chat':
+            case "chat":
             default:
                 // Open AI chat panel
                 if (!aiService.isAvailable()) {
@@ -389,18 +391,18 @@ export default function App({ autoStart, args }) {
     };
     const addSystemLog = (message) => {
         // Use functional update to properly handle rapid successive calls
-        setServices(prev => {
-            const existingSystem = prev.find(s => s.id === 'system');
+        setServices((prev) => {
+            const existingSystem = prev.find((s) => s.id === "system");
             if (existingSystem) {
                 // Add message to existing system service
-                return prev.map(s => s.id === 'system' ? { ...s, logs: [...s.logs, message] } : s);
+                return prev.map((s) => s.id === "system" ? { ...s, logs: [...s.logs, message] } : s);
             }
             else {
                 // Create new system service with the message
                 const newService = {
-                    id: 'system',
-                    name: 'System',
-                    status: 'running',
+                    id: "system",
+                    name: "System",
+                    status: "running",
                     logs: [message],
                 };
                 return [...prev, newService];
@@ -408,8 +410,8 @@ export default function App({ autoStart, args }) {
         });
         // Switch to system tab
         setTimeout(() => {
-            setServices(current => {
-                const sysIdx = current.findIndex(s => s.id === 'system');
+            setServices((current) => {
+                const sysIdx = current.findIndex((s) => s.id === "system");
                 if (sysIdx >= 0)
                     setActiveTab(sysIdx);
                 return current; // Don't modify, just read
@@ -418,7 +420,7 @@ export default function App({ autoStart, args }) {
     };
     const handleSocketSend = async (eventArgs) => {
         if (!eventArgs.length) {
-            addSystemLog('Usage: /socket send <event-name> [identifier]');
+            addSystemLog("Usage: /socket send <event-name> [identifier]");
             return;
         }
         const eventName = eventArgs[0];
@@ -435,44 +437,44 @@ export default function App({ autoStart, args }) {
     const handleSocketList = () => {
         const events = listSocketEvents();
         if (events.length === 0) {
-            addSystemLog('No socket events found. Check your socket-events directory.');
+            addSystemLog("No socket events found. Check your socket-events directory.");
             return;
         }
-        let message = 'Available socket events:\n';
+        let message = "Available socket events:\n";
         for (const event of events) {
             message += `\n  ${event.name}\n`;
             message += `    Event: ${event.event}\n`;
             message += `    Channel: ${event.channel}`;
         }
-        message += '\n\nUsage: /socket send <event-name> [identifier]';
+        message += "\n\nUsage: /socket send <event-name> [identifier]";
         addSystemLog(message);
     };
     const handleExtractConfig = async (cmdArgs) => {
-        const dryRun = cmdArgs.includes('--dry-run') || cmdArgs.includes('-d');
-        const overwrite = cmdArgs.includes('--overwrite') || cmdArgs.includes('-o');
-        addSystemLog('Scanning source files for GxP configuration...');
+        const dryRun = cmdArgs.includes("--dry-run") || cmdArgs.includes("-d");
+        const overwrite = cmdArgs.includes("--overwrite") || cmdArgs.includes("-o");
+        addSystemLog("Scanning source files for GxP configuration...");
         try {
             // Use dynamic imports for ES modules
-            const path = await import('path');
-            const fs = await import('fs');
-            const url = await import('url');
-            const { createRequire } = await import('module');
+            const path = await import("path");
+            const fs = await import("fs");
+            const url = await import("url");
+            const { createRequire } = await import("module");
             // Get the directory of this file and resolve to the utils directory
             const __filename = url.fileURLToPath(import.meta.url);
             const __dirname = path.dirname(__filename);
             // The compiled JS is in dist/tui/, utils is in bin/lib/utils/
             // From dist/tui/ we need to go up to package root, then into bin/lib/utils/
-            const packageRoot = path.resolve(__dirname, '..', '..');
-            const utilsPath = path.join(packageRoot, 'bin', 'lib', 'utils', 'extract-config.js');
+            const packageRoot = path.resolve(__dirname, "..", "..");
+            const utilsPath = path.join(packageRoot, "bin", "lib", "utils", "extract-config.js");
             // Create a require function to load CommonJS modules
             const requireCjs = createRequire(import.meta.url);
             const extractConfigUtils = requireCjs(utilsPath);
             const projectPath = process.cwd();
-            const srcDir = path.join(projectPath, 'src');
-            const manifestPath = path.join(projectPath, 'app-manifest.json');
+            const srcDir = path.join(projectPath, "src");
+            const manifestPath = path.join(projectPath, "app-manifest.json");
             // Check if src directory exists
             if (!fs.existsSync(srcDir)) {
-                addSystemLog('Source directory not found: src/');
+                addSystemLog("Source directory not found: src/");
                 return;
             }
             // Extract configuration
@@ -486,60 +488,60 @@ export default function App({ autoStart, args }) {
                 Object.keys(extractedConfig.triggerState).length +
                 extractedConfig.dependencies.length;
             if (totalItems === 0) {
-                addSystemLog('No GxP configuration found in source files.');
+                addSystemLog("No GxP configuration found in source files.");
                 return;
             }
             if (dryRun) {
-                addSystemLog('Dry run mode - no changes made.');
-                addSystemLog('Run /extract-config without --dry-run to apply changes.');
+                addSystemLog("Dry run mode - no changes made.");
+                addSystemLog("Run /extract-config without --dry-run to apply changes.");
                 return;
             }
             // Load or create manifest
             let existingManifest = {};
             if (fs.existsSync(manifestPath)) {
                 try {
-                    existingManifest = JSON.parse(fs.readFileSync(manifestPath, 'utf-8'));
+                    existingManifest = JSON.parse(fs.readFileSync(manifestPath, "utf-8"));
                 }
                 catch {
-                    addSystemLog('Could not parse existing manifest, creating new one.');
+                    addSystemLog("Could not parse existing manifest, creating new one.");
                     existingManifest = getDefaultManifest();
                 }
             }
             else {
-                addSystemLog('Creating new app-manifest.json');
+                addSystemLog("Creating new app-manifest.json");
                 existingManifest = getDefaultManifest();
             }
             // Merge and write
             const mergedManifest = extractConfigUtils.mergeConfig(existingManifest, extractedConfig, { overwrite });
-            fs.writeFileSync(manifestPath, JSON.stringify(mergedManifest, null, '\t'));
-            addSystemLog('Updated app-manifest.json');
+            fs.writeFileSync(manifestPath, JSON.stringify(mergedManifest, null, "\t"));
+            addSystemLog("Updated app-manifest.json");
         }
         catch (err) {
-            addSystemLog(`Error: ${err instanceof Error ? err.message : 'Unknown error'}`);
+            addSystemLog(`Error: ${err instanceof Error ? err.message : "Unknown error"}`);
         }
     };
     const handleAddDependency = async (cmdArgs) => {
         // The add-dependency wizard requires interactive terminal access (raw stdin)
         // which conflicts with Ink's own stdin handling. Run it in a separate terminal.
-        const envFlag = cmdArgs.find(a => a === '-e' || a === '--env');
-        const envVal = envFlag ? cmdArgs[cmdArgs.indexOf(envFlag) + 1] : '';
-        const cmd = `gxdev add-dependency${envVal ? ` -e ${envVal}` : ''}`;
-        addSystemLog('');
-        addSystemLog('The Add Dependency wizard requires interactive terminal access.');
-        addSystemLog('Run this command in a separate terminal:');
-        addSystemLog('');
+        const envFlag = cmdArgs.find((a) => a === "-e" || a === "--env");
+        const envVal = envFlag ? cmdArgs[cmdArgs.indexOf(envFlag) + 1] : "";
+        const cmd = `gxdev add-dependency${envVal ? ` -e ${envVal}` : ""}`;
+        addSystemLog("");
+        addSystemLog("The Add Dependency wizard requires interactive terminal access.");
+        addSystemLog("Run this command in a separate terminal:");
+        addSystemLog("");
         addSystemLog(`  \x1B[36m${cmd}\x1B[0m`);
-        addSystemLog('');
+        addSystemLog("");
     };
     const getDefaultManifest = () => ({
-        name: 'GxToolkit',
-        version: '1.0.0',
-        description: 'GxToolkit Plugin',
+        name: "GxToolkit",
+        version: "1.0.0",
+        description: "GxToolkit Plugin",
         manifest_version: 3,
-        asset_dir: '/src/assets/',
-        configurationFile: 'configuration.json',
-        appInstructionsFile: 'app-instructions.md',
-        defaultStylingFile: 'default-styling.css',
+        asset_dir: "/src/assets/",
+        configurationFile: "configuration.json",
+        appInstructionsFile: "app-instructions.md",
+        defaultStylingFile: "default-styling.css",
         settings: {},
         strings: { default: {} },
         assets: {},
@@ -615,10 +617,12 @@ Keyboard shortcuts:
     const fixedRows = 10;
     const availableForLog = terminalHeight - fixedRows - suggestionRows;
     const logPanelHeight = Math.max(3, availableForLog); // Minimum 3 rows for log panel
-    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [_jsx(Header, { projectName: process.cwd().split('/').pop() || 'gxdev' }), services.length > 0 && (_jsx(TabBar, { services: services, activeTab: activeTab, onTabChange: setActiveTab })), _jsx(Box, { height: logPanelHeight, flexDirection: "column", borderStyle: "single", borderColor: "gray", overflow: "hidden", children: currentService ? (_jsx(LogPanel, { logs: currentService.logs, maxHeight: logPanelHeight })) : (_jsx(WelcomeScreen, {})) }), _jsx(CommandInput, { onSubmit: handleCommand, activeService: currentService ? {
-                    id: currentService.id,
-                    name: currentService.name,
-                    status: currentService.status
-                } : null, onSuggestionsChange: handleSuggestionsChange })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: terminalHeight, children: [_jsx(Header, { projectName: process.cwd().split("/").pop() || "gxdev" }), services.length > 0 && (_jsx(TabBar, { services: services, activeTab: activeTab, onTabChange: setActiveTab })), _jsx(Box, { height: logPanelHeight, flexDirection: "column", borderStyle: "single", borderColor: "gray", overflow: "hidden", children: currentService ? (_jsx(LogPanel, { logs: currentService.logs, maxHeight: logPanelHeight })) : (_jsx(WelcomeScreen, {})) }), _jsx(CommandInput, { onSubmit: handleCommand, activeService: currentService
+                    ? {
+                        id: currentService.id,
+                        name: currentService.name,
+                        status: currentService.status,
+                    }
+                    : null, onSuggestionsChange: handleSuggestionsChange })] }));
 }
 //# sourceMappingURL=App.js.map