aman-intelligence 0.1.0

package/dist/commands/dashboard.js

@@ -0,0 +1,1004 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useEffect, useState } from 'react';
+import { render, Box, Text, useApp, useInput } from 'ink';
+import { CustomSelectInput } from '../ui/components/CustomSelect.js';
+import TextInput from 'ink-text-input';
+import { environmentService } from '../services/environment.service.js';
+import { backupService } from '../services/backup.service.js';
+import { stackService } from '../services/stack.service.js';
+import { lockService } from '../services/lock.service.js';
+import { scanAll } from '../storage/scanner.js';
+import { exists } from '../storage/filesystem.js';
+import { theme } from '../ui/theme.js';
+import { useResponsiveLayout, MIN_COLUMNS, MIN_ROWS } from '../ui/layout.js';
+import { TooSmallScreen } from '../ui/components/TooSmallScreen.js';
+import { GithubIndicator } from '../ui/animations/GithubIndicator.js';
+import { Header } from '../ui/components/Header.js';
+import { Narrator } from '../ui/components/Narrator.js';
+import { getBackupLabel } from '../ui/date.js';
+import { BrowseApp } from './browse.js';
+import { SearchApp } from './search.js';
+import { PackCreateApp, PackInspectApp, PackInstallApp } from './pack.js';
+import { StackCreateApp, StackActivateApp } from './stack.js';
+import { BackupApp } from './backup.js';
+import { SyncApp } from './sync.js';
+import { ConfigApp } from './config.js';
+import { DoctorApp } from './doctor.js';
+import { ImportApp } from './import.js';
+import { ImportWizardApp } from './import-wizard.js';
+import { InitFlow } from './init.js';
+import { InstallWizardApp } from './install.js';
+import { execFileSync } from 'child_process';
+import { MARKETPLACE_ENABLED } from '../config/features.js';
+import path from 'path';
+const InputScreen = ({ title, placeholder, onSubmit, onBack, }) => {
+    const [val, setVal] = useState('');
+    const { rows } = useResponsiveLayout();
+    useInput((input, key) => {
+        if (key.escape)
+            onBack();
+    });
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: title }), _jsxs(Box, { marginTop: 1, flexDirection: "row", children: [_jsx(Text, { color: theme.primary, children: "\u276F " }), _jsx(TextInput, { value: val, onChange: setVal, onSubmit: onSubmit, placeholder: placeholder })] })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to submit \u00B7 esc go back" }) })] }));
+};
+const StableScreenWrapper = ({ children }) => {
+    const { rows } = useResponsiveLayout();
+    return (_jsx(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: _jsx(Box, { flexDirection: "column", children: children }) }));
+};
+const DashboardApp = () => {
+    const { rows, columns, isTooSmall, isCompact, canShowDescriptions, physicalColumns, physicalRows } = useResponsiveLayout();
+    const { exit } = useApp();
+    const [loading, setLoading] = useState(true);
+    const [initRequired, setInitRequired] = useState(false);
+    const [stats, setStats] = useState({ skills: 0, prompts: 0, mcps: 0, packs: 0, stacks: 0 });
+    const [storageInfo, setStorageInfo] = useState({ path: '', repo: '', type: 'local' });
+    const [lastSync, setLastSync] = useState('never');
+    const [lastBackup, setLastBackup] = useState('none');
+    // SPTA navigation states
+    const [screen, setScreen] = useState('menu');
+    const [menuCursor, setMenuCursor] = useState(0);
+    const [inputVal, setInputVal] = useState('');
+    const [secondInputVal, setSecondInputVal] = useState('');
+    const [selectItems, setSelectItems] = useState([]);
+    const [infoMessage, setInfoMessage] = useState('');
+    const [infoState, setInfoState] = useState('idle');
+    // Quick setup states
+    const [setupState, setSetupState] = useState('idle');
+    const [setupMessage, setSetupMessage] = useState('');
+    const isConnected = storageInfo.type === 'github' && !!storageInfo.repo;
+    const currentMenuItems = React.useMemo(() => {
+        const items = [
+            { label: 'Browse Assets', value: 'browse', section: 'Discover', description: 'Browse registry and installed skills, prompts, and MCPs' },
+            { label: 'Import Assets', value: 'import_menu', section: 'Discover', description: 'Import skills, prompts, and MCPs from AI tools, editors, GitHub, or folders' },
+            { label: 'Search Assets', value: 'search', section: 'Discover', description: 'Universal search across all asset types' },
+            { label: 'Install Asset', value: 'install', section: 'Discover', description: 'Install a skill, prompt, or MCP (equal asset types)' },
+            { label: 'My Assets', value: 'my-assets', section: 'Manage', description: 'View and manage installed skills, prompts, and MCPs' },
+            { label: 'Packs', value: 'packs_menu', section: 'Manage', description: 'Bundle skills, prompts, and MCPs into workflow packs' },
+            { label: 'Stacks', value: 'stacks_menu', section: 'Manage', description: 'Create workflow environments with mixed asset types' },
+        ];
+        if (!isConnected) {
+            items.push({ label: 'Connect GitHub', value: 'connect_github', section: 'Environment', description: 'Link your environment to a GitHub repository' }, { label: 'Change Local Folder', value: 'change_local_folder_input', section: 'Environment', description: 'Change the directory path where local assets are stored' });
+        }
+        else {
+            items.push({ label: 'Sync Environment', value: 'sync_menu', section: 'Environment', description: 'Push, pull, or manage your GitHub environment settings' }, { label: 'Change Local Folder', value: 'change_local_folder_input', section: 'Environment', description: 'Change the directory path where local assets are stored' });
+        }
+        items.push({ label: 'Backup & Restore', value: 'backup_menu', section: 'Environment', description: 'Save and restore snapshots of your workspace' }, { label: 'Settings', value: 'settings', section: 'System', description: 'Configure CLI options and environment variables' }, { label: 'Doctor', value: 'doctor', section: 'System', description: 'Run system diagnostics and verify dependencies' }, { label: 'Exit', value: 'exit', section: 'System', description: 'Quit the Asset Hub' });
+        return items;
+    }, [isConnected]);
+    async function connectGithub(repository, mode) {
+        if (!environmentService.isGithubCliAvailable()) {
+            setScreen('gh_cli_required');
+            return;
+        }
+        setScreen('github_setup_loading');
+        setSetupState('installing');
+        setSetupMessage(`Setting up GitHub repository: ${repository}...`);
+        try {
+            await environmentService.initGithub({ repository, mode });
+            setSetupState('success');
+            setSetupMessage('GitHub connected successfully!');
+            setInitRequired(false);
+            setTimeout(() => {
+                setScreen('menu');
+                loadData();
+            }, 1500);
+        }
+        catch (err) {
+            setSetupState('error');
+            setSetupMessage(`Failed: ${err.message}`);
+            setTimeout(() => {
+                setScreen('menu');
+            }, 2500);
+        }
+    }
+    async function changeLocalFolder(targetPath) {
+        setScreen('github_setup_loading');
+        setSetupState('installing');
+        setSetupMessage(`Configuring local folder: ${targetPath}...`);
+        try {
+            await environmentService.initLocal({ storagePath: targetPath });
+            setSetupState('success');
+            setSetupMessage(`Environment directory changed successfully!`);
+            setInitRequired(false);
+            setTimeout(() => {
+                setScreen('menu');
+                loadData();
+            }, 1500);
+        }
+        catch (err) {
+            setSetupState('error');
+            setSetupMessage(`Failed: ${err.message}`);
+            setTimeout(() => {
+                setScreen('menu');
+            }, 2500);
+        }
+    }
+    async function logoutGithub() {
+        setScreen('github_setup_loading');
+        setSetupState('installing');
+        setSetupMessage('Disconnecting from GitHub...');
+        try {
+            await environmentService.initLocal({});
+            setSetupState('success');
+            setSetupMessage('Logged out of GitHub! Storage switched to local.');
+            setTimeout(() => {
+                setScreen('menu');
+                loadData();
+            }, 1500);
+        }
+        catch (err) {
+            setSetupState('error');
+            setSetupMessage(`Failed to log out: ${err.message}`);
+            setTimeout(() => {
+                setScreen('menu');
+            }, 2500);
+        }
+    }
+    async function configureLocal() {
+        setScreen('github_setup_loading');
+        setSetupState('installing');
+        setSetupMessage('Configuring local folder...');
+        try {
+            await environmentService.initLocal({});
+            setSetupState('success');
+            setSetupMessage('Local environment initialized successfully!');
+            setInitRequired(false);
+            setTimeout(() => {
+                setScreen('menu');
+                loadData();
+            }, 1500);
+        }
+        catch (err) {
+            setSetupState('error');
+            setSetupMessage(`Failed: ${err.message}`);
+            setTimeout(() => {
+                setScreen('menu');
+            }, 2500);
+        }
+    }
+    useInput((input, key) => {
+        if (initRequired) {
+            if (key.escape || input === 'q') {
+                exit();
+            }
+            return;
+        }
+        if (screen !== 'menu') {
+            if (key.escape || input === 'q') {
+                if (screen === 'packs_menu' ||
+                    screen === 'stacks_menu' ||
+                    screen === 'backup_menu' ||
+                    screen === 'sync_menu' ||
+                    screen === 'import_menu' ||
+                    screen === 'connect_github' ||
+                    screen === 'gh_cli_required' ||
+                    screen === 'change_local_folder_input') {
+                    setScreen('menu');
+                    return;
+                }
+                if (screen === 'import_repo_input') {
+                    setScreen('import_menu');
+                    return;
+                }
+                if (screen === 'change_repo_input') {
+                    setScreen('sync_menu');
+                    return;
+                }
+                if (screen === 'change_repo_mode') {
+                    setScreen('change_repo_input');
+                    return;
+                }
+                if (screen === 'stacks_create_scope') {
+                    setScreen('stacks_create_name');
+                    return;
+                }
+                if (screen === 'stacks_activate_select' || screen === 'stacks_remove_select') {
+                    setScreen('stacks_menu');
+                    return;
+                }
+                if (screen === 'backup_restore_select' || screen === 'backup_delete_select') {
+                    setScreen('backup_menu');
+                    return;
+                }
+            }
+            return;
+        }
+        // Key handlers for Dashboard menu
+        if (key.upArrow) {
+            setMenuCursor((prev) => (prev > 0 ? prev - 1 : currentMenuItems.length - 1));
+        }
+        else if (key.downArrow) {
+            setMenuCursor((prev) => (prev < currentMenuItems.length - 1 ? prev + 1 : 0));
+        }
+        else if (key.leftArrow) {
+            const leftCount = currentMenuItems.filter((i) => i.section === 'Discover').length +
+                currentMenuItems.filter((i) => i.section === 'Manage').length;
+            setMenuCursor((prev) => (prev >= leftCount ? prev - leftCount : prev));
+        }
+        else if (key.rightArrow) {
+            const leftCount = currentMenuItems.filter((i) => i.section === 'Discover').length +
+                currentMenuItems.filter((i) => i.section === 'Manage').length;
+            setMenuCursor((prev) => (prev < leftCount ? prev + leftCount : prev));
+        }
+        else if (key.return) {
+            const activeItem = currentMenuItems[menuCursor];
+            handleMainMenuSelect(activeItem);
+        }
+        else if (input === 'q') {
+            exit();
+        }
+    });
+    async function loadData() {
+        const environmentPath = environmentService.getActiveEnvironmentDir();
+        const isReady = exists(path.join(environmentPath, 'aman.json'));
+        if (!isReady) {
+            setInitRequired(true);
+            setLoading(false);
+            return;
+        }
+        const data = await scanAll(environmentPath, 'installed');
+        const storage = environmentService.getStorage();
+        const localStacks = await stackService.list('global');
+        const projectStacks = await stackService.list('project');
+        const packRefs = new Set();
+        for (const scope of ['global', 'project']) {
+            try {
+                const lock = await lockService.read(scope);
+                for (const entry of lock.assets) {
+                    if (entry.source.kind === 'pack')
+                        packRefs.add(entry.source.ref);
+                }
+            }
+            catch {
+                // ignore
+            }
+        }
+        setStats({
+            skills: data.skills.length,
+            prompts: data.prompts.length,
+            mcps: data.mcps.length,
+            packs: packRefs.size,
+            stacks: localStacks.length + projectStacks.length,
+        });
+        setStorageInfo({
+            path: environmentPath,
+            type: storage.type,
+            repo: storage.repository || '',
+        });
+        // Scan Last Sync (Git relative commit date)
+        let lastSyncVal = 'never';
+        if (storage.type === 'github' && storage.repository) {
+            try {
+                const res = execFileSync('git', ['-C', environmentPath, 'log', '-1', '--format=%cr'], { stdio: 'pipe' });
+                lastSyncVal = res.toString().trim() || 'never';
+            }
+            catch {
+                lastSyncVal = 'never';
+            }
+        }
+        setLastSync(lastSyncVal);
+        // Scan Last Backup (Alphabetically latest directory name)
+        let lastBackupVal = 'none';
+        try {
+            const backups = await backupService.list();
+            if (backups && backups.length > 0) {
+                lastBackupVal = backups.sort().pop() || 'none';
+            }
+        }
+        catch {
+            lastBackupVal = 'none';
+        }
+        setLastBackup(lastBackupVal);
+        setLoading(false);
+    }
+    useEffect(() => {
+        loadData();
+    }, [screen]);
+    if (isTooSmall) {
+        return _jsx(TooSmallScreen, { columns: physicalColumns, rows: physicalRows, minColumns: MIN_COLUMNS, minRows: MIN_ROWS });
+    }
+    if (loading) {
+        return (_jsx(Box, { paddingX: 1, height: rows, justifyContent: "center", alignItems: "center", children: _jsx(Narrator, { state: "searching", message: "Loading Environment..." }) }));
+    }
+    if (screen === 'github_setup_loading') {
+        return (_jsx(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Narrator, { state: setupState, message: setupMessage })] }) }));
+    }
+    if (screen === 'connect_github') {
+        return (_jsx(InitFlow, { startWithGithub: true, exitOnDone: false, onDone: async (result) => {
+                if (result.action === 'github') {
+                    await connectGithub(result.repository, result.mode);
+                }
+                else {
+                    setScreen('menu');
+                }
+            } }));
+    }
+    if (screen === 'gh_cli_required') {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.error, children: "GitHub CLI is required." }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { children: "Please install it via https://cli.github.com or using your package manager:" }) }), _jsxs(Box, { flexDirection: "column", marginTop: 1, marginLeft: 2, children: [_jsx(Text, { color: theme.secondary, children: "\u2022 Windows:  winget install GitHub.cli" }), _jsx(Text, { color: theme.secondary, children: "\u2022 macOS:    brew install gh" }), _jsx(Text, { color: theme.secondary, children: "\u2022 Linux:    sudo apt install gh" })] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: [
+                                    { label: 'Continue With Local Storage', value: 'local' },
+                                    { label: 'Back', value: 'back' },
+                                ], onSelect: async (item) => {
+                                    if (item.value === 'local') {
+                                        await configureLocal();
+                                    }
+                                    else {
+                                        setScreen('menu');
+                                    }
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select" }) })] }));
+    }
+    if (initRequired) {
+        const quickSetupItems = [
+            { label: 'Connect GitHub', value: 'connect_github' },
+            { label: 'Configure Local Folder', value: 'local_setup' },
+            { label: 'Exit CLI', value: 'exit' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.accent, children: "Aman Intelligence" }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { bold: true, children: "Quick Setup" }) }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: quickSetupItems, onSelect: async (item) => {
+                                    if (item.value === 'connect_github') {
+                                        setScreen('connect_github');
+                                    }
+                                    else if (item.value === 'local_setup') {
+                                        await configureLocal();
+                                    }
+                                    else if (item.value === 'exit') {
+                                        exit();
+                                    }
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc exit" }) })] }));
+    }
+    // Handle menus
+    const handleMainMenuSelect = (item) => {
+        setInfoState('idle');
+        setInfoMessage('');
+        if (item.value === 'exit') {
+            exit();
+            return;
+        }
+        setScreen(item.value);
+    };
+    const handlePacksMenuSelect = (item) => {
+        if (item.value === 'back') {
+            setScreen('menu');
+            return;
+        }
+        setScreen(item.value);
+    };
+    const handleStacksMenuSelect = async (item) => {
+        if (item.value === 'back') {
+            setScreen('menu');
+            return;
+        }
+        if (item.value === 'stacks_activate_select') {
+            const globalStacks = await stackService.list('global');
+            const projectStacks = await stackService.list('project');
+            const combined = [
+                ...globalStacks.map((s) => ({
+                    label: `[global] ${s.name} (${s.skills.length}s ${s.prompts.length}p ${s.mcps.length}m)`,
+                    value: `global:${s.name}`,
+                })),
+                ...projectStacks.map((s) => ({
+                    label: `[project] ${s.name} (${s.skills.length}s ${s.prompts.length}p ${s.mcps.length}m)`,
+                    value: `project:${s.name}`,
+                })),
+            ];
+            if (combined.length === 0) {
+                setInfoState('error');
+                setInfoMessage('No stacks found to activate.');
+                return;
+            }
+            setSelectItems(combined);
+        }
+        if (item.value === 'stacks_remove_select') {
+            const globalStacks = await stackService.list('global');
+            const projectStacks = await stackService.list('project');
+            const combined = [
+                ...globalStacks.map((s) => ({ label: `[global] ${s.name}`, value: `global:${s.name}` })),
+                ...projectStacks.map((s) => ({ label: `[project] ${s.name}`, value: `project:${s.name}` })),
+            ];
+            if (combined.length === 0) {
+                setInfoState('error');
+                setInfoMessage('No stacks found to remove.');
+                return;
+            }
+            setSelectItems(combined);
+        }
+        setScreen(item.value);
+    };
+    const handleBackupMenuSelect = async (item) => {
+        if (item.value === 'back') {
+            setScreen('menu');
+            return;
+        }
+        if (item.value === 'backup_restore_select' || item.value === 'backup_delete_select') {
+            try {
+                const backups = await backupService.list();
+                if (backups.length === 0) {
+                    setInfoState('error');
+                    setInfoMessage('No backups found.');
+                    return;
+                }
+                setSelectItems(backups.map((b) => ({ label: getBackupLabel(b), value: b })));
+            }
+            catch (err) {
+                setInfoState('error');
+                setInfoMessage(`Error reading backups: ${err.message}`);
+                return;
+            }
+        }
+        setScreen(item.value);
+    };
+    const handleSyncMenuSelect = async (item) => {
+        if (item.value === 'back') {
+            setScreen('menu');
+            return;
+        }
+        if (item.value === 'disconnect_github') {
+            await logoutGithub();
+            return;
+        }
+        setScreen(item.value);
+    };
+    // ── Screens Routing ──────────────────────────────────────────────────
+    // Submenu Screens
+    if (screen === 'packs_menu') {
+        const packsItems = [
+            { label: 'Create a Pack', value: 'packs_create_input' },
+            { label: 'Install a Pack (.amanpack)', value: 'packs_install_input' },
+            { label: 'Inspect a Pack', value: 'packs_inspect_input' },
+            { label: '← Back to Main Menu', value: 'back' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Packs Management" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: packsItems, onSelect: handlePacksMenuSelect }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'stacks_menu') {
+        const stacksItems = [
+            { label: 'Create a Stack', value: 'stacks_create_name' },
+            { label: 'Activate a Stack', value: 'stacks_activate_select' },
+            { label: 'List Stacks', value: 'stacks_list' },
+            { label: 'Remove a Stack', value: 'stacks_remove_select' },
+            { label: '← Back to Main Menu', value: 'back' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Stacks Management" }), infoMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: infoState === 'success' ? theme.success : theme.error, children: infoMessage }) })), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: stacksItems, onSelect: handleStacksMenuSelect }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'backup_menu') {
+        const backupItems = [
+            { label: 'Save a Backup', value: 'backup_create_label' },
+            { label: 'Restore a Backup', value: 'backup_restore_select' },
+            { label: 'List Backups', value: 'backup_list' },
+            { label: 'Delete a Backup', value: 'backup_delete_select' },
+            { label: '← Back to Main Menu', value: 'back' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Backup & Restore" }), infoMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: infoState === 'success' ? theme.success : theme.error, children: infoMessage }) })), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: backupItems, onSelect: handleBackupMenuSelect }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'sync_menu') {
+        const syncItems = [
+            { label: 'Push to GitHub', value: 'sync_push_app' },
+            { label: 'Pull from GitHub', value: 'sync_pull_app' },
+            { label: 'Change GitHub Repository', value: 'change_repo_input' },
+            { label: 'Disconnect GitHub (Switch to Local)', value: 'disconnect_github' },
+            { label: '← Back to Main Menu', value: 'back' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Sync (GitHub Integration)" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: syncItems, onSelect: handleSyncMenuSelect }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    // Active Applications integration
+    if (screen === 'browse') {
+        return (_jsx(BrowseApp, { initialView: MARKETPLACE_ENABLED ? 'marketplace' : 'local', onBack: () => setScreen('menu') }));
+    }
+    if (screen === 'my-assets') {
+        return _jsx(BrowseApp, { initialView: "installed", onBack: () => setScreen('menu') });
+    }
+    if (screen === 'search') {
+        return _jsx(SearchApp, { onBack: () => setScreen('menu') });
+    }
+    if (screen === 'install') {
+        return _jsx(StableScreenWrapper, { children: _jsx(InstallWizardApp, { onBack: () => setScreen('menu') }) });
+    }
+    if (screen === 'settings') {
+        return _jsx(StableScreenWrapper, { children: _jsx(ConfigApp, { onBack: () => setScreen('menu') }) });
+    }
+    if (screen === 'doctor') {
+        return _jsx(StableScreenWrapper, { children: _jsx(DoctorApp, { onBack: () => setScreen('menu') }) });
+    }
+    // Packs workflows
+    if (screen === 'packs_create_input') {
+        return (_jsx(InputScreen, { title: "Create a New Pack", placeholder: "Enter pack name...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('packs_create_app');
+            }, onBack: () => setScreen('packs_menu') }));
+    }
+    if (screen === 'packs_create_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(PackCreateApp, { name: inputVal, onBack: () => setScreen('packs_menu') }) });
+    }
+    if (screen === 'packs_install_input') {
+        return (_jsx(InputScreen, { title: "Install a Pack (.amanpack)", placeholder: "Enter path to .amanpack file...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('packs_install_app');
+            }, onBack: () => setScreen('packs_menu') }));
+    }
+    if (screen === 'packs_install_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(PackInstallApp, { packPath: inputVal, onBack: () => setScreen('packs_menu') }) });
+    }
+    if (screen === 'packs_inspect_input') {
+        return (_jsx(InputScreen, { title: "Inspect a Pack", placeholder: "Enter path to .amanpack file...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('packs_inspect_app');
+            }, onBack: () => setScreen('packs_menu') }));
+    }
+    if (screen === 'packs_inspect_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(PackInspectApp, { packPath: inputVal, onBack: () => setScreen('packs_menu') }) });
+    }
+    // Stacks workflows
+    if (screen === 'stacks_create_name') {
+        return (_jsx(InputScreen, { title: "Create a New Stack", placeholder: "Enter stack name...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('stacks_create_scope');
+            }, onBack: () => setScreen('stacks_menu') }));
+    }
+    if (screen === 'stacks_create_scope') {
+        const scopes = [
+            { label: 'Global Scope', value: 'global' },
+            { label: 'Project Scope', value: 'project' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Select Stack Scope" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: scopes, onSelect: (item) => {
+                                    setSecondInputVal(item.value);
+                                    setScreen('stacks_create_app');
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'stacks_create_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(StackCreateApp, { name: inputVal, scope: secondInputVal, onBack: () => setScreen('stacks_menu') }) });
+    }
+    if (screen === 'stacks_activate_select') {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Activate Stack" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: selectItems, onSelect: (item) => {
+                                    const [scope, name] = item.value.split(':');
+                                    setInputVal(name);
+                                    setSecondInputVal(scope);
+                                    setScreen('stacks_activate_app');
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "Select a stack to activate its assets in your project. \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'stacks_activate_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(StackActivateApp, { name: inputVal, scope: secondInputVal, onBack: () => setScreen('stacks_menu') }) });
+    }
+    if (screen === 'stacks_list') {
+        const StacksListScreen = () => {
+            const { rows } = useResponsiveLayout();
+            const [stacksList, setStacksList] = useState([]);
+            const [loading, setLoading] = useState(true);
+            const [currentView, setCurrentView] = useState('list');
+            const [selectedStack, setSelectedStack] = useState(null);
+            const [activeAssetType, setActiveAssetType] = useState('skill');
+            const [installedAssets, setInstalledAssets] = useState({ skills: [], prompts: [], mcps: [] });
+            const [actionMessage, setActionMessage] = useState(null);
+            const loadStacks = async () => {
+                setLoading(true);
+                const [globals, projects] = await Promise.all([
+                    stackService.list('global'),
+                    stackService.list('project'),
+                ]);
+                setStacksList([
+                    ...globals.map((s) => ({ ...s, scope: 'global' })),
+                    ...projects.map((s) => ({ ...s, scope: 'project' })),
+                ]);
+                setLoading(false);
+            };
+            const loadInstalled = async () => {
+                const globalDir = environmentService.getActiveEnvironmentDir();
+                const projectDir = environmentService.getProjectEnvironmentDir();
+                const globalData = await scanAll(globalDir, 'global');
+                let projectData = { skills: [], prompts: [], mcps: [] };
+                if (exists(projectDir)) {
+                    const scanned = await scanAll(projectDir, 'project');
+                    projectData = {
+                        skills: scanned.skills,
+                        prompts: scanned.prompts,
+                        mcps: scanned.mcps
+                    };
+                }
+                const uniqSkills = Array.from(new Set([...globalData.skills, ...projectData.skills].map((s) => s.name)));
+                const uniqPrompts = Array.from(new Set([...globalData.prompts, ...projectData.prompts].map((p) => p.name)));
+                const uniqMcps = Array.from(new Set([...globalData.mcps, ...projectData.mcps].map((m) => m.name)));
+                setInstalledAssets({
+                    skills: uniqSkills,
+                    prompts: uniqPrompts,
+                    mcps: uniqMcps,
+                });
+            };
+            useEffect(() => {
+                loadStacks();
+                loadInstalled();
+            }, []);
+            useInput((input, key) => {
+                if (key.escape) {
+                    if (currentView === 'list') {
+                        setScreen('stacks_menu');
+                    }
+                    else if (currentView === 'detail') {
+                        setCurrentView('list');
+                    }
+                    else if (currentView === 'add_type' || currentView === 'remove_type') {
+                        setCurrentView('detail');
+                    }
+                    else if (currentView === 'add_select') {
+                        setCurrentView('add_type');
+                    }
+                    else if (currentView === 'remove_select') {
+                        setCurrentView('remove_type');
+                    }
+                }
+            });
+            const renderList = (items, max = 3) => {
+                if (items.length === 0)
+                    return _jsx(Text, { color: theme.dim, children: "  (None)" });
+                const visible = items.slice(0, max);
+                const diff = items.length - max;
+                return (_jsxs(Box, { flexDirection: "column", marginLeft: 2, children: [visible.map((item) => (_jsxs(Text, { color: theme.text, children: ["\u2022 ", item] }, item))), diff > 0 && _jsxs(Text, { color: theme.dim, children: ["\u2022 ... and ", diff, " more"] })] }));
+            };
+            if (currentView === 'list') {
+                const stackItems = [
+                    ...stacksList.map((s) => ({
+                        label: `[${s.scope}] ${s.name} (${s.skills.length} skills, ${s.prompts.length} prompts, ${s.mcps.length} mcps)`,
+                        value: `${s.scope}:${s.name}`,
+                    })),
+                    { label: '← Back to Stacks Menu', value: 'back' },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Installed Stacks" }), _jsx(Box, { marginTop: 1, children: loading ? (_jsx(Text, { color: theme.dim, children: "Loading stacks..." })) : stacksList.length === 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsx(Text, { color: theme.dim, children: "No stacks found." }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: [{ label: '← Back to Stacks Menu', value: 'back' }], onSelect: () => setScreen('stacks_menu') }) })] })) : (_jsx(CustomSelectInput, { items: stackItems, onSelect: (item) => {
+                                            if (item.value === 'back') {
+                                                setScreen('stacks_menu');
+                                            }
+                                            else {
+                                                const found = stacksList.find((s) => `${s.scope}:${s.name}` === item.value);
+                                                if (found) {
+                                                    setSelectedStack(found);
+                                                    setCurrentView('detail');
+                                                }
+                                            }
+                                        } })) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to inspect/edit \u00B7 esc go back" }) })] }));
+            }
+            if (currentView === 'detail' && selectedStack) {
+                const detailItems = [
+                    { label: 'Add Asset', value: 'add' },
+                    { label: 'Remove Asset', value: 'remove' },
+                    { label: '← Back to Stacks List', value: 'back' },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsx(Text, { bold: true, color: theme.accent, children: selectedStack.name }), _jsxs(Text, { color: theme.dim, children: ["Scope: ", selectedStack.scope] })] }), _jsxs(Text, { color: theme.dim, children: [selectedStack.skills.length, " Skills \u2022 ", selectedStack.prompts.length, " Prompts \u2022 ", selectedStack.mcps.length, " MCPs"] }), _jsx(Text, { color: theme.borderMuted, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: theme.primary, children: "Skills" }), renderList(selectedStack.skills)] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: theme.primary, children: "Prompts" }), renderList(selectedStack.prompts)] }), _jsxs(Box, { flexDirection: "column", marginTop: 1, children: [_jsx(Text, { bold: true, color: theme.primary, children: "MCPs" }), renderList(selectedStack.mcps)] }), actionMessage && (_jsx(Box, { marginTop: 1, children: _jsx(Text, { color: theme.success, children: actionMessage }) })), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: detailItems, onSelect: (item) => {
+                                            if (item.value === 'back') {
+                                                setCurrentView('list');
+                                            }
+                                            else if (item.value === 'add') {
+                                                setCurrentView('add_type');
+                                            }
+                                            else if (item.value === 'remove') {
+                                                setCurrentView('remove_type');
+                                            }
+                                        } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+            }
+            if (currentView === 'add_type' && selectedStack) {
+                const addTypes = [
+                    { label: 'Skills', value: 'skill' },
+                    { label: 'Prompts', value: 'prompt' },
+                    { label: 'MCPs', value: 'mcp' },
+                    { label: '← Back', value: 'back' },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, color: theme.accent, children: ["Add Asset to ", selectedStack.name] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: addTypes, onSelect: (item) => {
+                                            if (item.value === 'back') {
+                                                setCurrentView('detail');
+                                            }
+                                            else {
+                                                setActiveAssetType(item.value);
+                                                setCurrentView('add_select');
+                                            }
+                                        } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+            }
+            if (currentView === 'remove_type' && selectedStack) {
+                const removeTypes = [
+                    { label: `Skills (${selectedStack.skills.length})`, value: 'skill' },
+                    { label: `Prompts (${selectedStack.prompts.length})`, value: 'prompt' },
+                    { label: `MCPs (${selectedStack.mcps.length})`, value: 'mcp' },
+                    { label: '← Back', value: 'back' },
+                ];
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, color: theme.accent, children: ["Remove Asset from ", selectedStack.name] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: removeTypes, onSelect: (item) => {
+                                            if (item.value === 'back') {
+                                                setCurrentView('detail');
+                                            }
+                                            else {
+                                                setActiveAssetType(item.value);
+                                                setCurrentView('remove_select');
+                                            }
+                                        } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+            }
+            if (currentView === 'add_select' && selectedStack) {
+                let available = [];
+                if (activeAssetType === 'skill') {
+                    available = installedAssets.skills.filter((name) => !selectedStack.skills.includes(name));
+                }
+                else if (activeAssetType === 'prompt') {
+                    available = installedAssets.prompts.filter((name) => !selectedStack.prompts.includes(name));
+                }
+                else if (activeAssetType === 'mcp') {
+                    available = installedAssets.mcps.filter((name) => !selectedStack.mcps.includes(name));
+                }
+                const items = [
+                    ...available.map((name) => ({ label: name, value: name })),
+                    { label: '← Back', value: 'back' },
+                ];
+                const handleAdd = async (item) => {
+                    if (item.value === 'back') {
+                        setCurrentView('add_type');
+                        return;
+                    }
+                    const assetName = item.value;
+                    let updatedSkills = [...selectedStack.skills];
+                    let updatedPrompts = [...selectedStack.prompts];
+                    let updatedMcps = [...selectedStack.mcps];
+                    if (activeAssetType === 'skill') {
+                        updatedSkills.push(assetName);
+                    }
+                    else if (activeAssetType === 'prompt') {
+                        updatedPrompts.push(assetName);
+                    }
+                    else if (activeAssetType === 'mcp') {
+                        updatedMcps.push(assetName);
+                    }
+                    try {
+                        await stackService.update(selectedStack.scope, selectedStack.name, {
+                            skills: updatedSkills,
+                            prompts: updatedPrompts,
+                            mcps: updatedMcps,
+                        });
+                        const updatedStack = {
+                            ...selectedStack,
+                            skills: updatedSkills,
+                            prompts: updatedPrompts,
+                            mcps: updatedMcps,
+                        };
+                        setSelectedStack(updatedStack);
+                        setStacksList((prev) => prev.map((s) => (s.name === selectedStack.name && s.scope === selectedStack.scope ? updatedStack : s)));
+                        setActionMessage(`Added ${activeAssetType} "${assetName}" successfully.`);
+                        setTimeout(() => setActionMessage(null), 2000);
+                    }
+                    catch (err) {
+                        setActionMessage(`Error adding asset: ${err.message}`);
+                        setTimeout(() => setActionMessage(null), 3000);
+                    }
+                    setCurrentView('detail');
+                };
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, color: theme.accent, children: ["Select ", activeAssetType, " to Add"] }), _jsx(Box, { marginTop: 1, children: available.length === 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.dim, children: ["No installed ", activeAssetType, "s available to add."] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: [{ label: '← Back', value: 'back' }], onSelect: () => setCurrentView('add_type') }) })] })) : (_jsx(CustomSelectInput, { items: items, onSelect: handleAdd })) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+            }
+            if (currentView === 'remove_select' && selectedStack) {
+                let currentAssets = [];
+                if (activeAssetType === 'skill') {
+                    currentAssets = selectedStack.skills;
+                }
+                else if (activeAssetType === 'prompt') {
+                    currentAssets = selectedStack.prompts;
+                }
+                else if (activeAssetType === 'mcp') {
+                    currentAssets = selectedStack.mcps;
+                }
+                const items = [
+                    ...currentAssets.map((name) => ({ label: name, value: name })),
+                    { label: '← Back', value: 'back' },
+                ];
+                const handleRemove = async (item) => {
+                    if (item.value === 'back') {
+                        setCurrentView('remove_type');
+                        return;
+                    }
+                    const assetName = item.value;
+                    let updatedSkills = selectedStack.skills.filter((s) => s !== assetName);
+                    let updatedPrompts = selectedStack.prompts.filter((p) => p !== assetName);
+                    let updatedMcps = selectedStack.mcps.filter((m) => m !== assetName);
+                    try {
+                        await stackService.update(selectedStack.scope, selectedStack.name, {
+                            skills: updatedSkills,
+                            prompts: updatedPrompts,
+                            mcps: updatedMcps,
+                        });
+                        const updatedStack = {
+                            ...selectedStack,
+                            skills: updatedSkills,
+                            prompts: updatedPrompts,
+                            mcps: updatedMcps,
+                        };
+                        setSelectedStack(updatedStack);
+                        setStacksList((prev) => prev.map((s) => (s.name === selectedStack.name && s.scope === selectedStack.scope ? updatedStack : s)));
+                        setActionMessage(`Removed ${activeAssetType} "${assetName}" successfully.`);
+                        setTimeout(() => setActionMessage(null), 2000);
+                    }
+                    catch (err) {
+                        setActionMessage(`Error removing asset: ${err.message}`);
+                        setTimeout(() => setActionMessage(null), 3000);
+                    }
+                    setCurrentView('detail');
+                };
+                return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, color: theme.accent, children: ["Select ", activeAssetType, " to Remove"] }), _jsx(Box, { marginTop: 1, children: currentAssets.length === 0 ? (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: theme.dim, children: ["No ", activeAssetType, "s in this stack."] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: [{ label: '← Back', value: 'back' }], onSelect: () => setCurrentView('remove_type') }) })] })) : (_jsx(CustomSelectInput, { items: items, onSelect: handleRemove })) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+            }
+            return null;
+        };
+        return _jsx(StacksListScreen, {});
+    }
+    if (screen === 'stacks_remove_select') {
+        const StacksRemoveScreen = () => {
+            const { rows } = useResponsiveLayout();
+            const handleRemove = async (item) => {
+                const [scope, name] = item.value.split(':');
+                try {
+                    await stackService.remove(scope, name);
+                    setInfoState('success');
+                    setInfoMessage(`Stack "${name}" removed successfully.`);
+                }
+                catch (err) {
+                    setInfoState('error');
+                    setInfoMessage(`Error removing stack: ${err.message}`);
+                }
+                setScreen('stacks_menu');
+            };
+            return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Remove Stack" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: selectItems, onSelect: handleRemove }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+        };
+        return _jsx(StacksRemoveScreen, {});
+    }
+    // Backup & Restore workflows
+    if (screen === 'backup_create_label') {
+        return (_jsx(InputScreen, { title: "Save a Backup", placeholder: "Enter backup label (optional)...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('backup_create_app');
+            }, onBack: () => setScreen('backup_menu') }));
+    }
+    if (screen === 'backup_create_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(BackupApp, { subcmd: "create", idOrName: inputVal || undefined, bypassConfirm: true, onBack: () => setScreen('backup_menu') }) });
+    }
+    if (screen === 'backup_restore_select') {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Restore Backup" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: selectItems, onSelect: (item) => {
+                                    setInputVal(item.value);
+                                    setScreen('backup_restore_app');
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "WARNING: Restore will completely replace your active environments. \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'backup_restore_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(BackupApp, { subcmd: "restore", idOrName: inputVal, bypassConfirm: true, onBack: () => setScreen('backup_menu') }) });
+    }
+    if (screen === 'backup_list') {
+        return _jsx(StableScreenWrapper, { children: _jsx(BackupApp, { subcmd: "list", onBack: () => setScreen('backup_menu') }) });
+    }
+    if (screen === 'backup_delete_select') {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Delete Backup" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: selectItems, onSelect: (item) => {
+                                    setInputVal(item.value);
+                                    setScreen('backup_delete_app');
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'backup_delete_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(BackupApp, { subcmd: "delete", idOrName: inputVal, bypassConfirm: true, onBack: () => setScreen('backup_menu') }) });
+    }
+    // Sync workflows
+    if (screen === 'sync_push_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(SyncApp, { action: "push", onBack: () => setScreen('sync_menu') }) });
+    }
+    if (screen === 'sync_pull_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(SyncApp, { action: "pull", onBack: () => setScreen('sync_menu') }) });
+    }
+    // Import workflows
+    if (screen === 'import_menu') {
+        const importMenuItems = [
+            { label: 'Import from AI Tool or Editor', value: 'import_wizard' },
+            { label: 'Import from GitHub or Custom Path', value: 'import_repo_input' },
+            { label: '← Back to Main Menu', value: 'back' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Import Assets" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: importMenuItems, onSelect: (item) => {
+                                    if (item.value === 'back') {
+                                        setScreen('menu');
+                                    }
+                                    else {
+                                        setScreen(item.value);
+                                    }
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    if (screen === 'import_wizard') {
+        return _jsx(ImportWizardApp, { onBack: () => setScreen('import_menu') });
+    }
+    if (screen === 'import_repo_input') {
+        return (_jsx(InputScreen, { title: "Import Repository or Local Folder", placeholder: "Enter repo path (e.g. user/repo or ./path)...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('import_app');
+            }, onBack: () => setScreen('import_menu') }));
+    }
+    if (screen === 'import_app') {
+        return _jsx(StableScreenWrapper, { children: _jsx(ImportApp, { source: inputVal, onBack: () => setScreen('import_menu') }) });
+    }
+    if (screen === 'change_local_folder_input') {
+        return (_jsx(InputScreen, { title: "Change Local Folder Path", placeholder: "Enter path (e.g. ~/.aman-custom)...", onSubmit: (val) => {
+                void changeLocalFolder(val);
+            }, onBack: () => setScreen('menu') }));
+    }
+    if (screen === 'change_repo_input') {
+        return (_jsx(InputScreen, { title: "Change GitHub Repository", placeholder: "Enter repository (e.g. username/repo)...", onSubmit: (val) => {
+                setInputVal(val);
+                setScreen('change_repo_mode');
+            }, onBack: () => setScreen('sync_menu') }));
+    }
+    if (screen === 'change_repo_mode') {
+        const modes = [
+            { label: 'Connect to an Existing Repository', value: 'existing' },
+            { label: 'Create a New Private Repository', value: 'create' },
+        ];
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Text, { bold: true, color: theme.accent, children: "Select Repository Mode" }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: modes, onSelect: async (item) => {
+                                    await connectGithub(inputVal, item.value);
+                                } }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "press enter to select \u00B7 esc go back" }) })] }));
+    }
+    // Default Dashboard Home Screen
+    const storageStr = storageInfo.type === 'github' ? 'GitHub' : 'Local';
+    const repoStr = storageInfo.repo || 'none';
+    return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { flexDirection: "column", marginBottom: 1, children: [_jsx(Text, { bold: true, color: theme.accent, children: "Aman Intelligence" }), _jsx(Text, { color: theme.dim, children: "Assets" }), _jsxs(Text, { children: ["MCPs: ", _jsx(Text, { bold: true, children: stats.mcps }), " \u00B7 Prompts: ", _jsx(Text, { bold: true, children: stats.prompts }), " \u00B7 Skills:", ' ', _jsx(Text, { bold: true, children: stats.skills }), " \u00B7 Packs: ", _jsx(Text, { bold: true, children: stats.packs }), " \u00B7 Stacks:", ' ', _jsx(Text, { bold: true, children: stats.stacks })] }), _jsxs(Box, { flexDirection: "row", marginTop: 1, children: [_jsx(Text, { children: "Storage: " }), _jsx(GithubIndicator, { isConnected: isConnected, repository: storageInfo.repo })] }), storageInfo.repo && _jsxs(Text, { color: theme.dim, children: ["Repo: ", storageInfo.repo] }), _jsxs(Text, { color: theme.dim, children: ["Last sync: ", lastSync, " \u00B7 Last backup: ", lastBackup] }), !isCompact && _jsx(Text, { color: theme.borderMuted, children: "\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500" })] }), _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", flexGrow: 1, marginRight: 2, children: [_jsx(Text, { bold: true, color: theme.accent, children: "DISCOVER" }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: currentMenuItems.filter((i) => i.section === 'Discover').map((item) => {
+                                            const globalIdx = currentMenuItems.findIndex((m) => m.value === item.value);
+                                            const isCurrent = globalIdx === menuCursor;
+                                            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isCurrent ? theme.primary : theme.dim, children: isCurrent ? ' › ' : '   ' }), _jsx(Text, { bold: isCurrent, color: isCurrent ? theme.text : theme.secondary, children: item.label })] }, item.value));
+                                        }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.accent, children: "MANAGE" }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: currentMenuItems.filter((i) => i.section === 'Manage').map((item, idx) => {
+                                                    const globalIdx = currentMenuItems.findIndex((m) => m.value === item.value);
+                                                    const isCurrent = globalIdx === menuCursor;
+                                                    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isCurrent ? theme.primary : theme.dim, children: isCurrent ? ' › ' : '   ' }), _jsx(Text, { bold: isCurrent, color: isCurrent ? theme.text : theme.secondary, children: item.label })] }, item.value));
+                                                }) })] })] }), _jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [_jsx(Text, { bold: true, color: theme.accent, children: "ENVIRONMENT" }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: currentMenuItems.filter((i) => i.section === 'Environment').map((item) => {
+                                            const globalIdx = currentMenuItems.findIndex((m) => m.value === item.value);
+                                            const isCurrent = globalIdx === menuCursor;
+                                            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isCurrent ? theme.primary : theme.dim, children: isCurrent ? ' › ' : '   ' }), _jsx(Text, { bold: isCurrent, color: isCurrent ? theme.text : theme.secondary, children: item.label })] }, item.value));
+                                        }) }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.accent, children: "SYSTEM" }), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: currentMenuItems.filter((i) => i.section === 'System').map((item) => {
+                                                    const globalIdx = currentMenuItems.findIndex((m) => m.value === item.value);
+                                                    const isCurrent = globalIdx === menuCursor;
+                                                    return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isCurrent ? theme.primary : theme.dim, children: isCurrent ? ' › ' : '   ' }), _jsx(Text, { bold: isCurrent, color: isCurrent ? theme.text : theme.secondary, children: item.label })] }, item.value));
+                                                }) })] })] })] })] }), _jsxs(Box, { flexDirection: "column", children: [canShowDescriptions && (_jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, borderStyle: "round", borderColor: theme.borderMuted, height: isCompact ? 0 : 5, justifyContent: "center", children: _jsx(Text, { color: theme.text, children: currentMenuItems[menuCursor]?.description || '' }) })), _jsx(Box, { marginTop: isCompact ? 1 : 0, children: isCompact ? _jsx(Text, { color: theme.dim, children: "\u2191\u2193 Navigate \u00B7 Enter Select \u00B7 Esc Back" }) : _jsx(Text, { color: theme.dim, children: "\u2191\u2193\u2190\u2192 Navigate  \u00B7  Enter Select  \u00B7  Esc Back  \u00B7  Q Quit" }) })] })] }));
+};
+export async function dashboardCommand() {
+    const environmentPath = environmentService.getActiveEnvironmentDir();
+    const isReady = exists(path.join(environmentPath, 'aman.json'));
+    if (!process.stdin.isTTY) {
+        if (!isReady) {
+            console.log(`\n  \x1b[31;1mAman Intelligence is not initialized yet.\x1b[0m`);
+            console.log(`  Run the following command to get started:\n`);
+            console.log(`  \x1b[38;2;255;157;35maman init\x1b[0m\n`);
+            return;
+        }
+        const data = await scanAll(environmentPath, 'installed');
+        const storage = environmentService.getStorage();
+        const localStacks = await stackService.list('global');
+        const projectStacks = await stackService.list('project');
+        const storageStr = storage.type === 'github' ? `github: ${storage.repository}` : 'local';
+        console.log(`\n  \x1b[38;2;255;157;35mAman Intelligence — Asset Hub\x1b[0m`);
+        console.log(`  Path:        ${environmentPath}`);
+        console.log(`  Storage:     ${storageStr}`);
+        console.log(`  Assets:`);
+        const packRefs = new Set();
+        for (const scope of ['global', 'project']) {
+            try {
+                const lock = await lockService.read(scope);
+                for (const entry of lock.assets) {
+                    if (entry.source.kind === 'pack')
+                        packRefs.add(entry.source.ref);
+                }
+            }
+            catch {
+                // ignore
+            }
+        }
+        console.log(`    MCPs:      ${data.mcps.length}`);
+        console.log(`    Prompts:   ${data.prompts.length}`);
+        console.log(`    Skills:    ${data.skills.length}`);
+        console.log(`    Packs:     ${packRefs.size}`);
+        console.log(`    Stacks:    ${localStacks.length + projectStacks.length}\n`);
+        console.log('  To open the interactive Asset Hub, run "aman" inside a TTY terminal.\n');
+        return;
+    }
+    const { waitUntilExit } = render(_jsx(DashboardApp, {}));
+    await waitUntilExit();
+}