@vee-stack/delta-cli 2.0.7 → 2.0.9

package/dist/apps/cli/src/components/Dashboard.js

@@ -1,168 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Enhanced Dashboard Component
- * Visual dashboard with project status, analysis reports, and charts
- */
-import { useState, useEffect } from 'react';
-import { Box, Text, useApp, useInput } from 'ink';
-import Spinner from 'ink-spinner';
-import Divider from 'ink-divider';
-// Sparkline chart component
-const Sparkline = ({ data, width = 20 }) => {
-    if (data.length === 0)
-        return _jsx(Text, { dimColor: true, children: "no data" });
-    const max = Math.max(...data, 1);
-    const min = Math.min(...data, 0);
-    const range = max - min || 1;
-    const bars = ['▁', '▂', '▃', '▄', '▅', '▆', '▇', '█'];
-    const normalized = data.map(v => {
-        const idx = Math.floor(((v - min) / range) * (bars.length - 1));
-        return bars[Math.min(idx, bars.length - 1)];
-    });
-    // Truncate or pad to width
-    const display = normalized.slice(-width);
-    while (display.length < width) {
-        display.unshift(bars[0]);
-    }
-    return _jsx(Text, { color: "cyan", children: display.join('') });
-};
-// Progress bar component
-const ProgressBar = ({ value, max, width = 20 }) => {
-    const percentage = Math.min(Math.max(value / max, 0), 1);
-    const filled = Math.floor(percentage * width);
-    const empty = width - filled;
-    const bar = '█'.repeat(filled) + '░'.repeat(empty);
-    const color = percentage > 0.7 ? 'red' : percentage > 0.4 ? 'yellow' : 'green';
-    return (_jsxs(Text, { children: [_jsx(Text, { color: color, children: bar }), _jsxs(Text, { dimColor: true, children: [" ", Math.round(percentage * 100), "%"] })] }));
-};
-// Status indicator
-const StatusIndicator = ({ status }) => {
-    const icons = { ok: '✅', warning: '⚠️', error: '❌' };
-    const colors = { ok: 'green', warning: 'yellow', error: 'red' };
-    return _jsx(Text, { color: colors[status], children: icons[status] });
-};
-// Project row component
-const ProjectRow = ({ project, isSelected }) => {
-    const timeAgo = project.lastAnalyze
-        ? formatTimeAgo(project.lastAnalyze)
-        : 'never';
-    const totalFindings = project.findings.high + project.findings.medium + project.findings.low;
-    const findingsColor = project.findings.high > 0 ? 'red' : project.findings.medium > 0 ? 'yellow' : 'green';
-    return (_jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsx(Box, { width: 3, children: isSelected ? _jsx(Text, { color: "cyan", children: "\u276F" }) : _jsx(Text, { children: " " }) }), _jsx(Box, { width: 12, children: _jsx(StatusIndicator, { status: project.status }) }), _jsx(Box, { width: 20, children: _jsx(Text, { bold: isSelected, children: project.name }) }), _jsx(Box, { width: 12, children: _jsx(Text, { dimColor: true, children: timeAgo }) }), _jsx(Box, { width: 10, children: _jsxs(Text, { color: findingsColor, children: [totalFindings, " (", project.findings.high, "H)"] }) }), _jsx(Box, { width: 10, children: _jsxs(Text, { dimColor: true, children: [project.duration, "ms"] }) })] }));
-};
-// Stats box component
-const StatsBox = ({ stats }) => {
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "\uD83D\uDCCA Usage Statistics" }), _jsx(Box, { children: _jsxs(Box, { flexDirection: "row", gap: 4, children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Total Commands" }), _jsx(Text, { bold: true, children: stats.totalCommands })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Success Rate" }), _jsxs(Text, { bold: true, color: stats.successRate > 80 ? 'green' : 'yellow', children: [stats.successRate, "%"] }), _jsx(Sparkline, { data: [stats.successRate, 100 - stats.successRate], width: 10 })] }), _jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { dimColor: true, children: "Avg Duration" }), _jsxs(Text, { bold: true, children: [stats.avgDuration, "ms"] })] })] }) }), _jsxs(Box, { children: [_jsx(Text, { dimColor: true, children: "Most Used: " }), _jsx(Text, { children: stats.mostUsed.join(', ') || 'none' })] })] }));
-};
-// Findings chart
-const FindingsChart = ({ projects }) => {
-    const totalFindings = projects.reduce((sum, p) => sum + p.findings.high + p.findings.medium + p.findings.low, 0);
-    const highCount = projects.reduce((sum, p) => sum + p.findings.high, 0);
-    const mediumCount = projects.reduce((sum, p) => sum + p.findings.medium, 0);
-    const lowCount = projects.reduce((sum, p) => sum + p.findings.low, 0);
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "gray", paddingX: 2, paddingY: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "\uD83D\uDD0D Findings Distribution" }), _jsxs(Box, { marginY: 1, flexDirection: "column", gap: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsx(Box, { width: 10, children: _jsx(Text, { color: "red", children: "High:" }) }), _jsx(ProgressBar, { value: highCount, max: Math.max(totalFindings, 1), width: 25 }), _jsxs(Text, { color: "red", children: [" ", highCount] })] }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsx(Box, { width: 10, children: _jsx(Text, { color: "yellow", children: "Medium:" }) }), _jsx(ProgressBar, { value: mediumCount, max: Math.max(totalFindings, 1), width: 25 }), _jsxs(Text, { color: "yellow", children: [" ", mediumCount] })] }), _jsxs(Box, { flexDirection: "row", gap: 2, children: [_jsx(Box, { width: 10, children: _jsx(Text, { color: "green", children: "Low:" }) }), _jsx(ProgressBar, { value: lowCount, max: Math.max(totalFindings, 1), width: 25 }), _jsxs(Text, { color: "green", children: [" ", lowCount] })] })] })] }));
-};
-// Mock data generator
-const generateMockData = () => {
-    const projects = [
-        {
-            name: 'MyApp',
-            path: './myapp',
-            status: 'ok',
-            lastAnalyze: new Date(Date.now() - 2 * 60 * 1000),
-            findings: { high: 0, medium: 2, low: 14 },
-            duration: 1250,
-            filesAnalyzed: 42,
-        },
-        {
-            name: 'WebApp',
-            path: './webapp',
-            status: 'warning',
-            lastAnalyze: new Date(Date.now() - 10 * 60 * 1000),
-            findings: { high: 2, medium: 3, low: 8 },
-            duration: 890,
-            filesAnalyzed: 28,
-        },
-        {
-            name: 'API Server',
-            path: './api',
-            status: 'ok',
-            lastAnalyze: new Date(Date.now() - 30 * 60 * 1000),
-            findings: { high: 0, medium: 0, low: 5 },
-            duration: 2100,
-            filesAnalyzed: 156,
-        },
-        {
-            name: 'Frontend',
-            path: './frontend',
-            status: 'error',
-            lastAnalyze: new Date(Date.now() - 60 * 60 * 1000),
-            findings: { high: 5, medium: 12, low: 20 },
-            duration: 3400,
-            filesAnalyzed: 203,
-        },
-    ];
-    const stats = {
-        totalCommands: 127,
-        successRate: 94,
-        avgDuration: 1450,
-        mostUsed: ['analyze', 'status', 'init'],
-    };
-    return { projects, stats };
-};
-// Helper function
-const formatTimeAgo = (date) => {
-    const seconds = Math.floor((Date.now() - date.getTime()) / 1000);
-    if (seconds < 60)
-        return `${seconds}s ago`;
-    const minutes = Math.floor(seconds / 60);
-    if (minutes < 60)
-        return `${minutes}m ago`;
-    const hours = Math.floor(minutes / 60);
-    if (hours < 24)
-        return `${hours}h ago`;
-    return `${Math.floor(hours / 24)}d ago`;
-};
-// Main Dashboard Component
-export const EnhancedDashboard = () => {
-    const { exit } = useApp();
-    const [loading, setLoading] = useState(true);
-    const [data, setData] = useState(null);
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [showDetail, setShowDetail] = useState(false);
-    useEffect(() => {
-        // Simulate loading data
-        const timer = setTimeout(() => {
-            setData(generateMockData());
-            setLoading(false);
-        }, 800);
-        return () => clearTimeout(timer);
-    }, []);
-    useInput((input, key) => {
-        if (key.escape || input === 'q') {
-            exit();
-        }
-        if (key.return && data) {
-            setShowDetail(true);
-        }
-        if (key.upArrow && data) {
-            setSelectedIndex(i => Math.max(0, i - 1));
-        }
-        if (key.downArrow && data) {
-            setSelectedIndex(i => Math.min(data.projects.length - 1, i + 1));
-        }
-    });
-    if (loading) {
-        return (_jsxs(Box, { flexDirection: "column", alignItems: "center", padding: 2, children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), _jsx(Text, { children: " Loading dashboard data..." })] }));
-    }
-    if (!data) {
-        return (_jsx(Box, { padding: 2, children: _jsx(Text, { color: "red", children: "Failed to load dashboard data" }) }));
-    }
-    if (showDetail) {
-        const project = data.projects[selectedIndex];
-        return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsxs(Text, { bold: true, color: "cyan", children: ["\uD83D\uDCC1 Project Details: ", project.name] }), _jsx(Divider, {}), _jsxs(Box, { flexDirection: "column", gap: 1, marginY: 1, children: [_jsxs(Text, { children: ["Path: ", _jsx(Text, { color: "cyan", children: project.path })] }), _jsxs(Text, { children: ["Status: ", _jsx(StatusIndicator, { status: project.status })] }), _jsxs(Text, { children: ["Files Analyzed: ", _jsx(Text, { bold: true, children: project.filesAnalyzed })] }), _jsxs(Text, { children: ["Duration: ", _jsxs(Text, { bold: true, children: [project.duration, "ms"] })] }), _jsxs(Text, { children: ["Last Analysis: ", project.lastAnalyze?.toLocaleString() || 'never'] })] }), _jsxs(Box, { marginY: 1, children: [_jsx(Text, { bold: true, children: "Findings:" }), _jsxs(Box, { flexDirection: "row", gap: 4, children: [_jsxs(Text, { color: "red", children: ["High: ", project.findings.high] }), _jsxs(Text, { color: "yellow", children: ["Medium: ", project.findings.medium] }), _jsxs(Text, { color: "green", children: ["Low: ", project.findings.low] })] })] }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "Press Esc or Q to go back" }) })] }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(Box, { marginBottom: 1, children: _jsxs(Text, { bold: true, color: "cyan", backgroundColor: "gray", children: [' ', " Delta CLI Dashboard ", ' '] }) }), _jsxs(Box, { flexDirection: "row", gap: 2, marginBottom: 1, children: [_jsx(Box, { width: "50%", children: _jsx(StatsBox, { stats: data.stats }) }), _jsx(Box, { width: "50%", children: _jsx(FindingsChart, { projects: data.projects }) })] }), _jsx(Divider, { title: "Projects" }), _jsxs(Box, { flexDirection: "row", gap: 2, marginY: 1, children: [_jsx(Box, { width: 3, children: _jsx(Text, { children: " " }) }), _jsx(Box, { width: 12, children: _jsx(Text, { dimColor: true, children: "Status" }) }), _jsx(Box, { width: 20, children: _jsx(Text, { dimColor: true, children: "Name" }) }), _jsx(Box, { width: 12, children: _jsx(Text, { dimColor: true, children: "Last" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { dimColor: true, children: "Findings" }) }), _jsx(Box, { width: 10, children: _jsx(Text, { dimColor: true, children: "Duration" }) })] }), _jsx(Box, { flexDirection: "column", children: data.projects.map((project, index) => (_jsx(ProjectRow, { project: project, isSelected: index === selectedIndex }, project.name))) }), _jsx(Box, { marginTop: 2, children: _jsx(Text, { dimColor: true, children: "\u2191\u2193 Navigate \u2022 Enter Details \u2022 Q/Esc Exit" }) })] }));
-};
-export default EnhancedDashboard;
-//# sourceMappingURL=Dashboard.js.map

package/dist/apps/cli/src/components/DeltaApp.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState, useEffect } from 'react';
-import { Box, Text, useApp } from 'ink';
-import SelectInput from 'ink-select-input';
-import Spinner from 'ink-spinner';
-import Divider from 'ink-divider';
-import { EnhancedDashboard } from './Dashboard.js';
-// Delta Logo Component
-export const DeltaLogo = () => {
-    const [frame, setFrame] = useState(0);
-    const frames = ['◐', '◓', '◑', '◒'];
-    useEffect(() => {
-        const timer = setInterval(() => {
-            setFrame((f) => (f + 1) % frames.length);
-        }, 100);
-        return () => clearInterval(timer);
-    }, []);
-    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", padding: 1, children: [_jsxs(Text, { children: [_jsx(Text, { color: "cyan", children: "\u2554\u2550\u2550\u2550" }), _jsx(Text, { color: "magenta", children: "DELTA" }), _jsx(Text, { color: "cyan", children: "\u2550\u2550\u2550\u2557" })] }), _jsx(Box, { marginTop: 1, children: _jsxs(Text, { dimColor: true, children: [frames[frame], " Next-gen code analysis"] }) })] }));
-};
-// Main App Component
-export const DeltaApp = () => {
-    const { exit } = useApp();
-    const [currentView, setCurrentView] = useState('menu');
-    const menuItems = [
-        { label: '📊 Dashboard', value: 'dashboard' },
-        { label: '🔍 Analyze', value: 'analyze' },
-        { label: '☁️ Sync', value: 'sync' },
-        { label: '⚙️ Settings', value: 'settings' },
-        { label: '❌ Exit', value: 'exit' },
-    ];
-    const handleSelect = (item) => {
-        if (item.value === 'exit') {
-            exit();
-        }
-        else if (item.value === 'dashboard') {
-            setCurrentView('dashboard');
-        }
-    };
-    if (currentView === 'dashboard') {
-        return _jsx(EnhancedDashboard, {});
-    }
-    return (_jsxs(Box, { flexDirection: "column", padding: 1, children: [_jsx(DeltaLogo, {}), _jsx(Box, { marginTop: 1, marginBottom: 1, children: _jsx(Divider, { title: "Main Menu" }) }), _jsx(Box, { children: _jsx(SelectInput, { items: menuItems, onSelect: handleSelect }) }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Press Enter to select \u2022 Q to quit" }) })] }));
-};
-// Loading Screen
-export const LoadingScreen = ({ message = 'Loading...' }) => {
-    return (_jsxs(Box, { flexDirection: "column", alignItems: "center", padding: 2, children: [_jsx(Text, { color: "cyan", children: _jsx(Spinner, { type: "dots" }) }), _jsxs(Text, { children: [" ", message] })] }));
-};
-// Error Display
-export const ErrorDisplay = ({ error }) => {
-    return (_jsx(Box, { flexDirection: "column", padding: 1, children: _jsxs(Text, { bold: true, color: "red", children: ["\u274C Error: ", error.message] }) }));
-};
-// Success Message
-export const SuccessMessage = ({ message }) => {
-    return (_jsx(Box, { padding: 1, children: _jsxs(Text, { color: "green", children: ["\u2713 ", message] }) }));
-};
-//# sourceMappingURL=DeltaApp.js.map

package/dist/apps/cli/src/components/UnifiedManager.js

@@ -1,324 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-/**
- * Delta Unified Manager - Professional TUI Dashboard
- * World-class integrated terminal interface
- * Design matching GUI screenshot with sidebar, cards, and logs
- * Features: Keyboard Shortcuts, Log Filtering, Persistent State, Plugin System
- */
-import React, { useState, useEffect, useCallback, useRef } from 'react';
-import { Box, Text, useApp, useInput } from 'ink';
-import Spinner from 'ink-spinner';
-import { spawn } from 'child_process';
-import { platform, homedir } from 'os';
-import { join } from 'path';
-import { readFileSync, writeFileSync, existsSync, mkdirSync } from 'fs';
-import { PluginRegistry } from '@delta/domain';
-import { GitStatusPlugin } from '../plugins/GitStatusPlugin.js';
-const CONFIG_DIR = join(homedir(), '.delta');
-const STATE_FILE = join(CONFIG_DIR, 'manager-state.json');
-const MENU_ITEMS = [
-    { id: 'build', num: '1', label: 'Build All Apps', icon: '🔨' },
-    { id: 'cli', num: '2', label: 'CLI Dev Server', icon: '🖥️' },
-    { id: 'web', num: '3', label: 'Web Dev Server', icon: '🌐' },
-    { id: 'docs', num: '4', label: 'Documentation', icon: '📖' },
-    { id: 'test', num: '5', label: 'Run Tests', icon: '🧪' },
-    { id: 'clean', num: '6', label: 'Clean Build', icon: '🧹' },
-    { id: 'install', num: '7', label: 'Install Deps', icon: '📦' },
-    { id: 'quit', num: '8', label: 'Quit', icon: '❌' },
-];
-const SHORTCUTS = [
-    { key: '?', desc: 'Show help' },
-    { key: '/', desc: 'Search/Filter logs' },
-    { key: 'f', desc: 'Toggle log filters' },
-    { key: 'g', desc: 'Refresh Git Status (Plugin)' },
-    { key: '↑↓', desc: 'Navigate menu' },
-    { key: 'Enter', desc: 'Select/Execute' },
-    { key: 'Esc / Q', desc: 'Quit/Back' },
-    { key: '1-8', desc: 'Quick menu access' },
-];
-const getSeverityFromType = (type) => {
-    switch (type) {
-        case 'error': return 'high';
-        case 'warning': return 'medium';
-        case 'success': return 'low';
-        default: return 'low';
-    }
-};
-const StatusBadge = ({ status, progress }) => {
-    const config = {
-        stopped: { color: 'gray', text: 'STOPPED', icon: '○' },
-        running: { color: 'green', text: 'RUNNING', icon: '●' },
-        error: { color: 'red', text: 'ERROR', icon: '✕' },
-        building: { color: 'yellow', text: 'BUILDING', icon: '◐' },
-    };
-    const { color, text, icon } = config[status];
-    return (_jsx(Text, { color: color, children: status === 'building' && progress !== undefined ? (_jsxs(_Fragment, { children: [_jsx(Spinner, { type: "dots" }), " ", text, " ", progress, "%"] })) : (_jsxs(_Fragment, { children: [icon, " ", text] })) }));
-};
-const ProgressBar = ({ progress, width = 15 }) => {
-    const filled = Math.floor((progress / 100) * width);
-    const empty = width - filled;
-    return (_jsxs(Text, { children: [_jsx(Text, { color: "green", children: '█'.repeat(filled) }), _jsx(Text, { color: "gray", children: '░'.repeat(empty) }), _jsxs(Text, { color: "cyan", children: [" ", progress, "%"] })] }));
-};
-const ServiceCard = ({ service }) => {
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: service.status === 'running' ? 'green' : service.status === 'error' ? 'red' : 'gray', paddingX: 2, paddingY: 1, width: 40, children: [_jsx(Text, { bold: true, color: "white", children: service.name }), _jsx(Box, { marginY: 1, children: _jsx(StatusBadge, { status: service.status, progress: service.progress }) }), service.port && service.status === 'running' && (_jsxs(Box, { children: [_jsx(Text, { color: "cyan", children: "Port: " }), _jsx(Text, { bold: true, color: "green", children: service.port })] })), service.status === 'building' && service.progress > 0 && (_jsx(Box, { marginY: 1, children: _jsx(ProgressBar, { progress: service.progress }) })), _jsx(Text, { dimColor: true, children: service.message })] }));
-};
-const LogEntry = ({ entry }) => {
-    const colors = { info: 'white', success: 'green', error: 'red', warning: 'yellow' };
-    const icons = { info: 'ℹ', success: '✓', error: '✗', warning: '⚠' };
-    return (_jsxs(Box, { children: [_jsxs(Text, { dimColor: true, children: ["[", entry.timestamp, "] "] }), _jsxs(Text, { color: colors[entry.type], children: [icons[entry.type], " "] }), _jsxs(Text, { children: [entry.service, ": ", entry.message] })] }));
-};
-const MenuItem = ({ item, isSelected }) => {
-    return (_jsxs(Box, { paddingX: 1, width: 28, children: [_jsxs(Text, { backgroundColor: isSelected ? 'blue' : undefined, color: isSelected ? 'white' : 'gray', children: [isSelected ? '❯ ' : '  ', isSelected ? '' : ' '] }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, color: isSelected ? 'white' : 'cyan', bold: isSelected, children: item.num }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, children: " " }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, color: isSelected ? 'white' : 'gray', children: item.icon }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, children: " " }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, color: isSelected ? 'white' : 'gray', bold: isSelected, children: item.label }), _jsx(Text, { backgroundColor: isSelected ? 'blue' : undefined, children: ' '.repeat(28 - item.label.length - 4) })] }));
-};
-const HelpModal = ({ onClose }) => {
-    useInput((_, key) => {
-        if (key.escape || key.return)
-            onClose();
-    });
-    return (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingX: 2, paddingY: 1, width: 50, children: [_jsx(Text, { bold: true, color: "cyan", children: "\u2328\uFE0F  Keyboard Shortcuts" }), _jsx(Box, { marginY: 1 }), SHORTCUTS.map((s, i) => (_jsxs(Box, { children: [_jsx(Text, { color: "yellow", bold: true, children: s.key.padEnd(10) }), _jsx(Text, { color: "white", children: s.desc })] }, i))), _jsx(Box, { marginY: 1 }), _jsx(Text, { dimColor: true, children: "Press Enter or Esc to close" })] }));
-};
-const FilterBar = ({ severity, source, isActive }) => {
-    const severities = ['all', 'high', 'medium', 'low'];
-    const sources = ['all', 'CLI', 'Web', 'Tests', 'Build', 'System'];
-    return (_jsx(Box, { flexDirection: "column", marginBottom: 1, children: _jsxs(Box, { children: [_jsx(Text, { color: isActive ? 'cyan' : 'gray', bold: isActive, children: "Filter: " }), _jsx(Text, { color: "gray", children: "Severity[" }), severities.map((s, i) => (_jsxs(Text, { color: severity === s ? 'green' : 'gray', bold: severity === s, children: [s, i < severities.length - 1 ? '|' : ''] }, s))), _jsx(Text, { color: "gray", children: "] Source[" }), sources.map((s, i) => (_jsxs(Text, { color: source === s ? 'green' : 'gray', bold: source === s, children: [s, i < sources.length - 1 ? '|' : ''] }, s))), _jsx(Text, { color: "gray", children: "]" })] }) }));
-};
-const loadUserState = () => {
-    try {
-        if (existsSync(STATE_FILE)) {
-            return JSON.parse(readFileSync(STATE_FILE, 'utf-8'));
-        }
-    }
-    catch { }
-    return null;
-};
-const saveUserState = (state) => {
-    try {
-        if (!existsSync(CONFIG_DIR))
-            mkdirSync(CONFIG_DIR, { recursive: true });
-        writeFileSync(STATE_FILE, JSON.stringify(state, null, 2));
-    }
-    catch { }
-};
-export const UnifiedManager = () => {
-    const { exit } = useApp();
-    const [selectedIndex, setSelectedIndex] = useState(0);
-    const [logs, setLogs] = useState([]);
-    const [showHelp, setShowHelp] = useState(false);
-    const [searchMode, setSearchMode] = useState(false);
-    const [filterMode, setFilterMode] = useState(false);
-    const [searchQuery, setSearchQuery] = useState('');
-    const [severityFilter, setSeverityFilter] = useState('all');
-    const [sourceFilter, setSourceFilter] = useState('all');
-    const [services, setServices] = useState([
-        { id: 'cli', name: 'CLI Dev Server', port: undefined, status: 'stopped', message: 'Ready to start', progress: 0 },
-        { id: 'web', name: 'Web Dev Server', port: undefined, status: 'stopped', message: 'Ready to start', progress: 0 },
-    ]);
-    const serviceProcesses = React.useRef(new Map());
-    const pluginRegistryRef = useRef(null);
-    // Create plugin context
-    const createPluginContext = useCallback(() => ({
-        addLog: (service, message, type) => {
-            const timestamp = new Date().toLocaleTimeString('en-US', { hour12: false });
-            const severity = getSeverityFromType(type);
-            setLogs(prev => [...prev.slice(-50), { timestamp, service, message, type, severity }]);
-        },
-        getServices: () => services.map(s => ({ id: s.id, status: s.status, port: s.port })),
-        getLogFilters: () => ({ severity: severityFilter, source: sourceFilter }),
-        registerShortcut: () => { },
-        getSettings: () => ({}),
-        saveSettings: () => { },
-    }), [services, severityFilter, sourceFilter]);
-    // Initialize plugin system
-    useEffect(() => {
-        const context = createPluginContext();
-        const registry = new PluginRegistry(context);
-        pluginRegistryRef.current = registry;
-        registry.register(new GitStatusPlugin(context)).catch(() => { });
-    }, [createPluginContext]);
-    useEffect(() => {
-        const saved = loadUserState();
-        if (saved) {
-            setSeverityFilter(saved.logFilters.severity);
-            setSourceFilter(saved.logFilters.source);
-            setSearchQuery(saved.lastSearchQuery);
-        }
-    }, []);
-    useEffect(() => {
-        saveUserState({
-            selectedView: 'dashboard',
-            logFilters: { severity: severityFilter, source: sourceFilter },
-            lastSearchQuery: searchQuery,
-        });
-    }, [severityFilter, sourceFilter, searchQuery]);
-    const addLog = useCallback((service, message, type = 'info') => {
-        const timestamp = new Date().toLocaleTimeString('en-US', { hour12: false });
-        const severity = getSeverityFromType(type);
-        setLogs(prev => [...prev.slice(-50), { timestamp, service, message, type, severity }]);
-    }, []);
-    const filteredLogs = logs.filter(entry => {
-        if (severityFilter !== 'all' && entry.severity !== severityFilter)
-            return false;
-        if (sourceFilter !== 'all' && entry.service !== sourceFilter)
-            return false;
-        if (searchQuery && !entry.message.toLowerCase().includes(searchQuery.toLowerCase()))
-            return false;
-        return true;
-    });
-    const startService = useCallback((serviceId) => {
-        const service = services.find(s => s.id === serviceId);
-        if (!service)
-            return;
-        setServices(prev => prev.map(s => s.id === serviceId ? { ...s, status: 'building', message: 'Starting...', progress: 0 } : s));
-        addLog(serviceId, 'Starting service...', 'info');
-        let progress = 0;
-        const progressInterval = setInterval(() => {
-            progress += 10;
-            setServices(prev => prev.map(s => s.id === serviceId ? { ...s, progress } : s));
-            if (progress >= 100)
-                clearInterval(progressInterval);
-        }, 150);
-        const proc = spawn('pnpm', ['dev'], {
-            cwd: join(process.cwd(), serviceId === 'cli' ? 'apps/cli' : 'apps/web'),
-            shell: true,
-            stdio: ['ignore', 'pipe', 'pipe'],
-        });
-        serviceProcesses.current.set(serviceId, proc);
-        proc.stdout?.on('data', (data) => {
-            const output = data.toString().trim();
-            const portMatch = output.match(/localhost:(\d+)/) || output.match(/:(\d+)/);
-            if (portMatch) {
-                const port = parseInt(portMatch[1]);
-                setServices(prev => prev.map(s => s.id === serviceId ? { ...s, status: 'running', port, message: 'Watching files...', progress: 100 } : s));
-                addLog(serviceId, `Server running on port ${port}`, 'success');
-            }
-        });
-        proc.stderr?.on('data', (data) => addLog(serviceId, data.toString().trim(), 'error'));
-        proc.on('exit', (code) => {
-            clearInterval(progressInterval);
-            setServices(prev => prev.map(s => s.id === serviceId ? { ...s, status: code === 0 ? 'stopped' : 'error', progress: 0, message: 'Stopped' } : s));
-            serviceProcesses.current.delete(serviceId);
-            addLog(serviceId, code === 0 ? 'Service stopped' : 'Service crashed', code === 0 ? 'info' : 'error');
-        });
-    }, [services, addLog]);
-    const stopService = useCallback((serviceId) => {
-        const proc = serviceProcesses.current.get(serviceId);
-        if (proc) {
-            proc.kill('SIGTERM');
-            serviceProcesses.current.delete(serviceId);
-        }
-        setServices(prev => prev.map(s => s.id === serviceId ? { ...s, status: 'stopped', port: undefined, message: 'Stopped', progress: 0 } : s));
-        addLog(serviceId, 'Service stopped', 'info');
-    }, [addLog]);
-    const buildAll = useCallback(() => {
-        addLog('BUILD', 'Starting build process...', 'info');
-        ['CLI', 'Web'].forEach((step, i) => {
-            setTimeout(() => {
-                addLog('BUILD', `${step} Build: SUCCESS`, 'success');
-                if (i === 1)
-                    addLog('BUILD', 'All builds completed successfully!', 'success');
-            }, (i + 1) * 1500);
-        });
-    }, [addLog]);
-    useInput((input, key) => {
-        if (showHelp)
-            return;
-        if (searchMode) {
-            if (key.escape) {
-                setSearchMode(false);
-                setSearchQuery('');
-                return;
-            }
-            if (key.return) {
-                setSearchMode(false);
-                return;
-            }
-            if (key.backspace || key.delete) {
-                setSearchQuery(q => q.slice(0, -1));
-                return;
-            }
-            if (input && !key.ctrl && !key.meta) {
-                setSearchQuery(q => q + input);
-                return;
-            }
-            return;
-        }
-        if (filterMode) {
-            if (key.escape) {
-                setFilterMode(false);
-                return;
-            }
-            if (input === 's') {
-                const severities = ['all', 'high', 'medium', 'low'];
-                setSeverityFilter(prev => severities[(severities.indexOf(prev) + 1) % severities.length]);
-                return;
-            }
-            if (input === 'r') {
-                const sources = ['all', 'CLI', 'Web', 'Tests', 'Build', 'System'];
-                setSourceFilter(prev => sources[(sources.indexOf(prev) + 1) % sources.length]);
-                return;
-            }
-            if (key.return) {
-                setFilterMode(false);
-                return;
-            }
-            return;
-        }
-        if (input === '?') {
-            setShowHelp(true);
-            return;
-        }
-        if (input === '/') {
-            setSearchMode(true);
-            return;
-        }
-        if (input === 'g') {
-            // GitStatusPlugin shortcut
-            const registry = pluginRegistryRef.current;
-            if (registry) {
-                registry.executeCommand('git-status', 'refresh').catch(() => { });
-            }
-            return;
-        }
-        if (input === 'q' || key.escape) {
-            serviceProcesses.current.forEach(proc => proc.kill('SIGTERM'));
-            exit();
-        }
-        if (input >= '1' && input <= '8') {
-            const index = parseInt(input) - 1;
-            if (index < MENU_ITEMS.length)
-                setSelectedIndex(index);
-            return;
-        }
-        if (key.upArrow)
-            setSelectedIndex(i => Math.max(0, i - 1));
-        if (key.downArrow)
-            setSelectedIndex(i => Math.min(MENU_ITEMS.length - 1, i + 1));
-        if (key.return) {
-            const item = MENU_ITEMS[selectedIndex];
-            switch (item.id) {
-                case 'build':
-                    buildAll();
-                    break;
-                case 'cli':
-                    const cliService = services.find(s => s.id === 'cli');
-                    cliService?.status === 'running' ? stopService('cli') : startService('cli');
-                    break;
-                case 'web':
-                    const webService = services.find(s => s.id === 'web');
-                    webService?.status === 'running' ? stopService('web') : startService('web');
-                    break;
-                case 'quit':
-                    serviceProcesses.current.forEach(proc => proc.kill('SIGTERM'));
-                    exit();
-                    break;
-            }
-        }
-    });
-    useEffect(() => { addLog('SYSTEM', 'Delta Unified Manager started', 'info'); }, []);
-    if (showHelp) {
-        return (_jsx(Box, { flexDirection: "column", height: 28, justifyContent: "center", alignItems: "center", children: _jsx(HelpModal, { onClose: () => setShowHelp(false) }) }));
-    }
-    return (_jsxs(Box, { flexDirection: "column", height: 28, children: [_jsxs(Box, { justifyContent: "space-between", paddingX: 1, paddingY: 0, children: [_jsx(Text, { backgroundColor: "blue", bold: true, color: "white", children: " \uD83D\uDE80 Delta Project Manager " }), _jsx(Text, { backgroundColor: "blue", color: "white", children: " v2.0 " })] }), _jsxs(Box, { flexGrow: 1, children: [_jsx(Box, { flexDirection: "column", width: 30, borderStyle: "single", borderColor: "gray", paddingY: 1, children: MENU_ITEMS.map((item, index) => (_jsx(MenuItem, { item: item, isSelected: index === selectedIndex }, item.id))) }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, paddingX: 1, paddingY: 1, children: [_jsxs(Box, { flexDirection: "row", gap: 2, marginBottom: 1, children: [_jsx(ServiceCard, { service: services[0] }), _jsx(ServiceCard, { service: services[1] })] }), _jsxs(Box, { flexGrow: 1, flexDirection: "column", borderStyle: "round", borderColor: filterMode || searchMode ? 'cyan' : 'gray', paddingX: 1, children: [_jsxs(Box, { marginBottom: 1, children: [_jsx(Text, { bold: true, color: "cyan", children: "\uD83D\uDCCB Build & Test Logs" }), searchMode && _jsxs(Text, { color: "yellow", children: [" [Search: ", searchQuery, "_]"] }), filterMode && _jsx(Text, { color: "yellow", children: " [Filter Mode - s:severity r:source Enter:done]" })] }), _jsx(FilterBar, { severity: severityFilter, source: sourceFilter, isActive: filterMode }), _jsx(Box, { flexDirection: "column", overflow: "hidden", children: filteredLogs.length === 0 ? (_jsx(Text, { dimColor: true, children: logs.length === 0 ? 'No activity yet...' : 'No logs match current filters' })) : (filteredLogs.slice(-15).map((entry, i) => _jsx(LogEntry, { entry: entry }, i))) })] })] })] }), _jsxs(Box, { justifyContent: "space-between", paddingX: 1, paddingY: 0, children: [_jsxs(Box, { children: [_jsx(Text, { backgroundColor: "gray", color: "white", children: "[" }), _jsx(Text, { backgroundColor: "gray", color: "cyan", children: "\u2191\u2193" }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "] Navigate " }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "[" }), _jsx(Text, { backgroundColor: "gray", color: "cyan", children: "Enter" }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "] Select " }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "[" }), _jsx(Text, { backgroundColor: "gray", color: "cyan", children: "?" }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "] Help " }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "[" }), _jsx(Text, { backgroundColor: "gray", color: "cyan", children: "Q" }), _jsx(Text, { backgroundColor: "gray", color: "white", children: "] Quit" })] }), _jsxs(Box, { children: [_jsx(Text, { backgroundColor: "gray", color: "white", children: " CLI: " }), _jsx(Text, { backgroundColor: "gray", color: services[0].status === 'running' ? 'green' : 'gray', children: services[0].port ? `localhost:${services[0].port} ✓` : '○' }), _jsx(Text, { backgroundColor: "gray", color: "white", children: " | Web: " }), _jsx(Text, { backgroundColor: "gray", color: services[1].status === 'running' ? 'green' : 'gray', children: services[1].port ? `localhost:${services[1].port} ✓` : '○' }), _jsxs(Text, { backgroundColor: "gray", color: "white", children: [" | ", platform()] })] })] })] }));
-};
-export default UnifiedManager;
-//# sourceMappingURL=UnifiedManager.js.map