@vee-stack/delta-cli 2.0.4 → 2.0.6

package/dist/commands/logout.js

@@ -0,0 +1,31 @@
+/**
+ * Logout Command - Remove stored authentication
+ */
+import * as fs from 'fs/promises';
+import { CONFIG_FILE } from './auth.js';
+import { SecureTokenStore } from '../auth/secure-auth.js';
+export async function logoutCommand() {
+    try {
+        const hasToken = await SecureTokenStore.hasTokens();
+        if (!hasToken) {
+            console.log('ℹ️  Not currently authenticated');
+            process.exit(0);
+        }
+        // Clear tokens from keychain and remove config file
+        await SecureTokenStore.clearTokens();
+        try {
+            await fs.unlink(CONFIG_FILE);
+        }
+        catch {
+            // File may not exist, that's fine
+        }
+        console.log('✅ Successfully logged out');
+        console.log('   Authentication data removed');
+        process.exit(0);
+    }
+    catch (error) {
+        console.error('❌ Error during logout:', error instanceof Error ? error.message : String(error));
+        process.exit(1);
+    }
+}
+//# sourceMappingURL=logout.js.map

package/dist/commands/plugins.js

@@ -0,0 +1,21 @@
+import { printSuccess, printInfo } from '../ui.js';
+export async function pluginsCommand(options) {
+    if (options.list) {
+        printInfo('Installed plugins:');
+    }
+    else if (options.install) {
+        printInfo(`Installing plugin: ${options.install}`);
+        printSuccess('Plugin installed successfully');
+    }
+    else if (options.uninstall) {
+        printInfo(`Uninstalling plugin: ${options.uninstall}`);
+        printSuccess('Plugin uninstalled successfully');
+    }
+    else if (options.search) {
+        printInfo(`Searching for plugins: ${options.search}`);
+    }
+    else {
+        printInfo('Use --list, --install, --uninstall, or --search');
+    }
+}
+//# sourceMappingURL=plugins.js.map

package/dist/commands/status.js

@@ -0,0 +1,82 @@
+/**
+ * Enhanced Status Command - Professional project and connection status
+ */
+import * as fs from 'fs/promises';
+import * as path from 'path';
+import { loadConfig } from './auth.js';
+import { SecureTokenStore } from '../auth/secure-auth.js';
+import { icons, startSpinner, stopSpinner, printWelcome, printHeader, printSection, printSuccess, printError, printWarning, printInfo, printKeyValue, printCommandHint, createTable, printDivider, confirm, } from '../ui.js';
+export async function statusCommand(projectPath, _options) {
+    const targetPath = path.resolve(projectPath);
+    printWelcome();
+    printHeader('Project Status Check');
+    printKeyValue('Path', targetPath);
+    console.log();
+    // Check for delta config
+    printSection('Project Configuration');
+    const configPath = path.join(targetPath, 'delta.config.json');
+    try {
+        await fs.access(configPath);
+        const config = JSON.parse(await fs.readFile(configPath, 'utf-8'));
+        printSuccess('Configuration found');
+        const configTable = createTable(['Property', 'Value']);
+        configTable.push([icons.folder + ' Name', config.name || 'Unnamed'], [icons.folder + ' Type', config.type || 'default'], [icons.gear + ' Version', config.version || 'N/A'], [icons.info + ' Config File', configPath]);
+        console.log(configTable.toString());
+    }
+    catch {
+        printWarning('No Delta project found');
+        printInfo('Initialize a new project:');
+        printCommandHint(`delta init ${projectPath}`, 'to create a new project');
+        const shouldInit = await confirm('Would you like to initialize now?', true);
+        if (shouldInit) {
+            console.log();
+            printInfo('Run: delta init ' + projectPath);
+        }
+    }
+    console.log();
+    printDivider();
+    // Check auth status
+    printSection('Authentication');
+    const auth = await loadConfig();
+    const pat = await SecureTokenStore.getAccessToken();
+    if (pat) {
+        printSuccess('Authenticated');
+        printKeyValue('API URL', auth.apiUrl || 'default');
+        // Test connection
+        const apiUrl = auth.apiUrl || process.env.DELTA_API_URL || 'http://localhost:3000';
+        startSpinner('Testing connection...');
+        try {
+            const response = await fetch(`${apiUrl}/api/me/entitlements`, {
+                headers: { 'Authorization': `Bearer ${pat}` },
+            });
+            if (response.ok) {
+                stopSpinner(true, 'Connection active');
+                const data = await response.json();
+                if (data.success) {
+                    printKeyValue('User', data.data.user.email);
+                    printKeyValue('Plan', data.data.user.plan);
+                }
+            }
+            else {
+                stopSpinner(false, 'Authentication expired');
+                printError('Your session has expired');
+                printCommandHint('delta login --token <new-pat>', 'to re-authenticate');
+            }
+        }
+        catch {
+            stopSpinner(false, 'API unreachable');
+            printError('Cannot connect to Delta API');
+            printInfo('Check your internet connection or API URL configuration');
+        }
+    }
+    else {
+        printError('Not authenticated');
+        printInfo('Please login to access cloud features:');
+        printCommandHint('delta login --token <pat>', 'to authenticate');
+    }
+    console.log();
+    printDivider();
+    printCommandHint('delta analyze', 'to analyze your project');
+    printCommandHint('delta whoami', 'to see account details');
+}
+//# sourceMappingURL=status.js.map

package/dist/commands/sync.js

@@ -0,0 +1,6 @@
+import { printSuccess, printInfo } from '../ui.js';
+export async function syncCommand(_options) {
+    printInfo('Syncing with Delta cloud...');
+    printSuccess('Sync completed successfully');
+}
+//# sourceMappingURL=sync.js.map

package/dist/commands/whoami.js

@@ -0,0 +1,72 @@
+/**
+ * Enhanced Whoami Command - Professional user info display
+ */
+import { loadConfig } from './auth.js';
+import { SecureTokenStore } from '../auth/secure-auth.js';
+import { icons, startSpinner, stopSpinner, printHeader, printSuccess, printError, printInfo, printCommandHint, createTable, printDivider, } from '../ui.js';
+export async function whoamiCommand(_options) {
+    try {
+        const config = await loadConfig();
+        const pat = await SecureTokenStore.getAccessToken();
+        if (!pat) {
+            printHeader('Authentication Status');
+            printError('Not authenticated');
+            console.log();
+            printInfo('Please login first:');
+            printCommandHint('delta login', 'to authenticate with your PAT');
+            process.exit(1);
+        }
+        printHeader('Loading Account Information');
+        startSpinner('Fetching user data...');
+        const apiUrl = config.apiUrl || process.env.DELTA_API_URL || 'http://localhost:3000';
+        const response = await fetch(`${apiUrl}/api/auth/me`, {
+            headers: {
+                'Authorization': `Bearer ${pat}`,
+                'Content-Type': 'application/json',
+            },
+        });
+        if (!response.ok) {
+            stopSpinner(false);
+            if (response.status === 401) {
+                printError('Authentication expired or invalid');
+                console.log();
+                printInfo('Please login again:');
+                printCommandHint('delta login --token <new-pat>', 'to re-authenticate');
+                process.exit(1);
+            }
+            throw new Error(`API error: ${response.status} ${response.statusText}`);
+        }
+        const data = await response.json();
+        stopSpinner(true);
+        console.log();
+        const user = data;
+        // User Info Section
+        printHeader('User Profile');
+        const userTable = createTable(['Property', 'Value']);
+        userTable.push([icons.user + ' Email', user.email], [icons.user + ' User ID', user.id], [icons.package + ' Plan', formatPlan(user.plan)], [icons.star + ' Role', user.role || user.plan], [icons.info + ' Status', user.status || 'active'], [icons.bullet + ' Created', new Date(user.created_at).toLocaleDateString('en-US')]);
+        console.log(userTable.toString());
+        printDivider();
+        console.log();
+        printSuccess('✓ Authenticated successfully');
+        console.log();
+        printCommandHint('delta analyze', 'to run a code analysis');
+        printCommandHint('delta status', 'to check project status');
+        process.exit(0);
+    }
+    catch (error) {
+        stopSpinner(false);
+        console.log();
+        printError(error instanceof Error ? error.message : String(error));
+        process.exit(1);
+    }
+}
+function formatPlan(plan) {
+    const planColors = {
+        'individual_free': '🔷 Free',
+        'individual_pro': '💎 Pro',
+        'individual_team': '👥 Team',
+        'enterprise': '🏢 Enterprise',
+    };
+    return planColors[plan] || plan;
+}
+//# sourceMappingURL=whoami.js.map

package/dist/components/Dashboard.js

@@ -0,0 +1,169 @@
+import { jsxs as _jsxs, jsx as _jsx } 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';
+// Custom Divider component (replacement for ink-divider with type issues)
+const CustomDivider = ({ title }) => (_jsx(Box, { marginY: 1, children: _jsxs(Text, { color: "gray", children: ['─'.repeat(40), title ? ` ${title} ` : '', '─'.repeat(40)] }) }));
+// 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(CustomDivider, {}), _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(CustomDivider, { 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/components/DeltaApp.js

@@ -0,0 +1,57 @@
+import { jsxs as _jsxs, jsx as _jsx } 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';
+// Custom Divider component (replacement for ink-divider with type issues)
+const CustomDivider = ({ title }) => (_jsx(Box, { marginY: 1, children: _jsxs(Text, { color: "gray", children: ['─'.repeat(40), title ? ` ${title} ` : '', '─'.repeat(40)] }) }));
+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(CustomDivider, { 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