aman-intelligence 0.1.0

package/dist/commands/browse.js

@@ -0,0 +1,641 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from 'react';
+import { render, Box, Text, useApp, useInput } from 'ink';
+import TextInput from 'ink-text-input';
+import { assetService } from '../services/asset.service.js';
+import { marketplaceService } from '../services/marketplace.service.js';
+import { assetListDescription, assetListOriginalName, } from '../utils/asset-list-fields.js';
+import { Header } from '../ui/components/Header.js';
+import { Narrator } from '../ui/components/Narrator.js';
+import { ScopePrompt } from '../ui/components/ScopePrompt.js';
+import { theme } from '../ui/theme.js';
+import { useResponsiveLayout, MIN_COLUMNS, MIN_ROWS, PLAIN_OUTPUT_MAX_COLUMNS } from '../ui/layout.js';
+import { verifiedBadge, shortDescription } from '../ui/marketplaceDisplay.js';
+import { installFromCandidate } from '../marketplace/install-from-candidate.js';
+import { MarketplaceInstallConfirm } from '../ui/components/MarketplaceInstallConfirm.js';
+import { MARKETPLACE_ENABLED } from '../config/features.js';
+import { TooSmallScreen } from '../ui/components/TooSmallScreen.js';
+import { TransitionScreen } from '../ui/animations/TransitionScreen.js';
+import { titleize } from '../ui/marketplaceDisplay.js';
+import { ASSET_TYPE_PLURAL, ASSET_TAB_ORDER, assetTypeBadge } from '../ui/assetDisplay.js';
+import { CustomSelectInput } from '../ui/components/CustomSelect.js';
+const viewTabs = MARKETPLACE_ENABLED ? ['Local', 'Marketplace'] : ['Local'];
+const MARKETPLACE_PAGE_SIZE = 20;
+const subFilters = ['All', 'Project', 'Global'];
+function scopeLabel(scope) {
+    return scope === 'project' ? 'project' : 'global';
+}
+function assetTypeIndex(type) {
+    return ASSET_TAB_ORDER.indexOf(type);
+}
+export const BrowseApp = ({ onBack, initialAssetType = 'mcp', initialView = MARKETPLACE_ENABLED ? 'marketplace' : 'local', }) => {
+    const { exit } = useApp();
+    const handleExit = () => {
+        if (onBack)
+            onBack();
+        else
+            exit();
+    };
+    const { rows, isTooSmall, isCompact, canShowDescriptions, physicalColumns, physicalRows } = useResponsiveLayout();
+    const pageSize = Math.max(1, rows - (canShowDescriptions ? 16 : 11));
+    const [activeAssetType, setActiveAssetType] = useState(initialAssetType);
+    const [activeView, setActiveView] = useState(initialView === 'installed'
+        ? 'Local'
+        : initialView === 'marketplace' && MARKETPLACE_ENABLED
+            ? 'Marketplace'
+            : 'Local');
+    const [marketplacePage, setMarketplacePage] = useState(0);
+    const [marketplaceSort, setMarketplaceSort] = useState('stars');
+    const [marketplaceNotice, setMarketplaceNotice] = useState();
+    const [detailAsset, setDetailAsset] = useState(null);
+    const [localDetailItem, setLocalDetailItem] = useState(null);
+    const [installCandidate, setInstallCandidate] = useState(null);
+    const [activeFilter, setActiveFilter] = useState(0);
+    const [items, setItems] = useState([]);
+    const [cursor, setCursor] = useState(0);
+    const [selected, setSelected] = useState(new Set());
+    const [refreshCount, setRefreshCount] = useState(0);
+    const [mode, setMode] = useState('loading');
+    const [mochiState, setMochiState] = useState('searching');
+    const [message, setMessage] = useState('Loading...');
+    const [searchQuery, setSearchQuery] = useState('');
+    const [focusedSection, setFocusedSection] = useState('search');
+    const isMarketplace = MARKETPLACE_ENABLED && activeView === 'Marketplace';
+    function truncateDescription(text) {
+        if (!text)
+            return undefined;
+        if (physicalColumns <= 70) {
+            const max = 40;
+            return text.length <= max ? text : `${text.slice(0, max - 3)}...`;
+        }
+        return shortDescription(text);
+    }
+    async function loadMarketplaceItems(query) {
+        const catalog = await marketplaceService.loadGitHubMarketplaceCatalog({
+            query,
+            typeFilter: activeAssetType,
+        });
+        if (catalog.message) {
+            setMarketplaceNotice(catalog.fromCache && catalog.cacheAgeMinutes !== null
+                ? `${catalog.message} Results from ${catalog.cacheAgeMinutes} minutes ago.`
+                : catalog.message);
+        }
+        else if (catalog.fromCache && catalog.cacheAgeMinutes !== null) {
+            setMarketplaceNotice(`Results from ${catalog.cacheAgeMinutes} minutes ago.`);
+        }
+        else {
+            setMarketplaceNotice(undefined);
+        }
+        const globalAssets = await assetService.list(activeAssetType, 'global');
+        let projectAssets = [];
+        try {
+            projectAssets = await assetService.list(activeAssetType, 'project');
+        }
+        catch {
+            // no project env
+        }
+        const installedNames = new Set([
+            ...globalAssets.map((s) => s.name),
+            ...projectAssets.map((s) => s.name),
+        ]);
+        const sorted = [...catalog.assets].sort((a, b) => {
+            if (marketplaceSort === 'stars')
+                return b.stars - a.stars || a.name.localeCompare(b.name);
+            if (marketplaceSort === 'recent') {
+                const ta = a.updatedAt ? Date.parse(a.updatedAt) : 0;
+                const tb = b.updatedAt ? Date.parse(b.updatedAt) : 0;
+                return tb - ta || b.stars - a.stars;
+            }
+            return a.name.localeCompare(b.name);
+        });
+        return sorted.map((asset) => ({
+            label: `${titleize(asset.localName)}${verifiedBadge(asset.verified)}`,
+            value: asset.slug,
+            description: truncateDescription(asset.description),
+            metadata: [
+                asset.type,
+                asset.author,
+                physicalColumns > 70 ? `★${asset.stars}` : '',
+                `v${asset.version}`,
+            ].filter(Boolean),
+            status: installedNames.has(asset.localName) ? 'installed' : undefined,
+            marketplaceAsset: asset,
+        }));
+    }
+    async function loadInstalledItems() {
+        const globalAssets = await assetService.list(activeAssetType, 'global');
+        let projectAssets = [];
+        try {
+            projectAssets = await assetService.list(activeAssetType, 'project');
+        }
+        catch {
+            // fine
+        }
+        const merged = new Map();
+        const seenBaseNames = new Set();
+        const getBaseName = (name, originalName) => (originalName || name)
+            .replace(/[-_\s]+\d+$/, '')
+            .toLowerCase()
+            .replace(/[-_\s]+/g, ' ')
+            .trim();
+        for (const item of globalAssets) {
+            const baseName = getBaseName(item.name, assetListOriginalName(item));
+            if (seenBaseNames.has(baseName))
+                continue;
+            seenBaseNames.add(baseName);
+            merged.set(item.name, {
+                label: titleize(baseName),
+                value: item.name,
+                description: shortDescription(assetListDescription(item)),
+                badge: 'global',
+                metadata: ['global'],
+                status: item.source === 'installed' ? 'installed' : undefined,
+                rawAsset: item,
+                scope: 'global',
+            });
+        }
+        for (const item of projectAssets) {
+            const baseName = getBaseName(item.name, assetListOriginalName(item));
+            if (seenBaseNames.has(baseName)) {
+                let foundKey = '';
+                for (const [k] of merged.entries()) {
+                    const globalItem = globalAssets.find((s) => s.name === k);
+                    const kBase = getBaseName(k, globalItem ? assetListOriginalName(globalItem) : undefined);
+                    if (kBase === baseName) {
+                        foundKey = k;
+                        break;
+                    }
+                }
+                if (foundKey) {
+                    merged.set(foundKey, {
+                        ...merged.get(foundKey),
+                        badge: 'project',
+                        metadata: ['project'],
+                        status: 'installed',
+                        rawAsset: item,
+                        scope: 'project',
+                    });
+                }
+                continue;
+            }
+            seenBaseNames.add(baseName);
+            merged.set(item.name, {
+                label: titleize(baseName),
+                value: item.name,
+                description: shortDescription(assetListDescription(item)),
+                badge: 'project',
+                metadata: ['project'],
+                status: 'installed',
+                rawAsset: item,
+                scope: 'project',
+            });
+        }
+        return Array.from(merged.values());
+    }
+    useEffect(() => {
+        let active = true;
+        async function loadItems() {
+            setMode('loading');
+            setCursor(0);
+            setMochiState('searching');
+            setMessage(isMarketplace ? 'Loading marketplace...' : 'Loading your assets...');
+            try {
+                const loaded = isMarketplace
+                    ? await loadMarketplaceItems(searchQuery)
+                    : await loadInstalledItems();
+                if (!active)
+                    return;
+                setItems(loaded);
+            }
+            catch {
+                if (!active)
+                    return;
+                setItems([]);
+            }
+            setMode('browsing');
+        }
+        loadItems();
+        return () => {
+            active = false;
+        };
+    }, [activeAssetType, activeView, refreshCount]);
+    const paginatedItems = useMemo(() => {
+        if (!isMarketplace)
+            return items;
+        const start = marketplacePage * MARKETPLACE_PAGE_SIZE;
+        return items.slice(start, start + MARKETPLACE_PAGE_SIZE);
+    }, [items, isMarketplace, marketplacePage]);
+    const filteredItems = useMemo(() => {
+        let result = isMarketplace ? paginatedItems : items;
+        if (!isMarketplace && activeFilter > 0) {
+            const filterScope = subFilters[activeFilter].toLowerCase();
+            result = result.filter((item) => item.badge === filterScope);
+        }
+        if (searchQuery.trim()) {
+            const q = searchQuery.toLowerCase();
+            result = result.filter((item) => item.label.toLowerCase().includes(q) ||
+                (item.description && item.description.toLowerCase().includes(q)));
+        }
+        return result;
+    }, [items, paginatedItems, isMarketplace, activeFilter, searchQuery]);
+    const visibleItems = useMemo(() => {
+        const total = filteredItems.length;
+        if (total === 0)
+            return [];
+        const half = Math.floor(pageSize / 2);
+        const start = Math.max(0, Math.min(cursor - half, Math.max(0, total - pageSize)));
+        const end = Math.min(start + pageSize, total);
+        return filteredItems.slice(start, end).map((item, idx) => ({
+            item,
+            index: start + idx,
+        }));
+    }, [cursor, filteredItems, pageSize]);
+    useInput((input, key) => {
+        if (input === 'q') {
+            handleExit();
+            return;
+        }
+        if (key.escape) {
+            if (selected.size > 0) {
+                setSelected(new Set());
+                return;
+            }
+            if (focusedSection === 'list') {
+                setFocusedSection('search');
+            }
+            else {
+                handleExit();
+            }
+            return;
+        }
+        if (mode !== 'browsing')
+            return;
+        if (focusedSection === 'search') {
+            if (key.downArrow && filteredItems.length > 0) {
+                setFocusedSection('list');
+                setCursor(0);
+                return;
+            }
+            if (key.leftArrow || key.rightArrow) {
+                const typeIdx = assetTypeIndex(activeAssetType);
+                const nextIdx = key.leftArrow
+                    ? (typeIdx - 1 + ASSET_TAB_ORDER.length) % ASSET_TAB_ORDER.length
+                    : (typeIdx + 1) % ASSET_TAB_ORDER.length;
+                setActiveAssetType(ASSET_TAB_ORDER[nextIdx]);
+                setCursor(0);
+                setSearchQuery('');
+                return;
+            }
+            if (key.tab) {
+                setActiveView((prev) => (prev === 'Local' ? 'Marketplace' : 'Local'));
+                setMarketplacePage(0);
+                setActiveFilter(0);
+                setCursor(0);
+                setSearchQuery('');
+                return;
+            }
+            if (key.return) {
+                if (isMarketplace) {
+                    setMode('loading');
+                    loadMarketplaceItems(searchQuery).then((loaded) => {
+                        setItems(loaded);
+                        setMode('browsing');
+                        setFocusedSection('list');
+                    });
+                }
+                else if (filteredItems.length > 0) {
+                    setFocusedSection('list');
+                    setCursor(0);
+                }
+                return;
+            }
+            return;
+        }
+        if (focusedSection === 'list') {
+            if (key.upArrow) {
+                if (cursor === 0)
+                    setFocusedSection('search');
+                else
+                    setCursor((prev) => Math.max(0, prev - 1));
+                return;
+            }
+            if (key.downArrow) {
+                setCursor((prev) => Math.min(filteredItems.length - 1, prev + 1));
+                return;
+            }
+            if (key.leftArrow || key.rightArrow) {
+                const typeIdx = assetTypeIndex(activeAssetType);
+                const nextIdx = key.leftArrow
+                    ? (typeIdx - 1 + ASSET_TAB_ORDER.length) % ASSET_TAB_ORDER.length
+                    : (typeIdx + 1) % ASSET_TAB_ORDER.length;
+                setActiveAssetType(ASSET_TAB_ORDER[nextIdx]);
+                setActiveFilter(0);
+                setCursor(0);
+                setSearchQuery('');
+                setFocusedSection('search');
+                return;
+            }
+            if (key.tab) {
+                if (!isMarketplace) {
+                    setActiveFilter((prev) => (prev + 1) % subFilters.length);
+                }
+                else {
+                    setActiveView('Local');
+                }
+                setCursor(0);
+                return;
+            }
+            if (input === ' ') {
+                toggleCurrent();
+                return;
+            }
+            if (input === 'i' && isMarketplace && selected.size > 0) {
+                setMode('scope');
+                return;
+            }
+            if (input === 'x' && !isMarketplace && selected.size > 0) {
+                setMode('loading');
+                setMochiState('searching');
+                setMessage(`Removing ${selected.size} selected assets...`);
+                async function runBulkRemove() {
+                    const names = Array.from(selected);
+                    let removedCount = 0;
+                    let failedCount = 0;
+                    for (const name of names) {
+                        const item = items.find((i) => i.value === name);
+                        const scope = item?.scope ?? 'global';
+                        try {
+                            await assetService.remove(name, activeAssetType, scope);
+                            removedCount++;
+                        }
+                        catch {
+                            failedCount++;
+                        }
+                    }
+                    setSelected(new Set());
+                    if (failedCount > 0) {
+                        setMochiState('error');
+                        setMessage(`Removed ${removedCount}, failed ${failedCount}`);
+                    }
+                    else {
+                        setMochiState('success');
+                        setMessage(`Successfully removed ${removedCount} assets.`);
+                    }
+                    setMode('done');
+                    setTimeout(() => {
+                        setRefreshCount((c) => c + 1);
+                    }, 1500);
+                }
+                void runBulkRemove();
+                return;
+            }
+            if (key.return && filteredItems.length > 0) {
+                const item = filteredItems[cursor];
+                if (isMarketplace) {
+                    if (item?.marketplaceAsset) {
+                        setDetailAsset(item.marketplaceAsset);
+                        setMode('detail');
+                    }
+                }
+                else {
+                    if (item) {
+                        setLocalDetailItem(item);
+                        setMode('local-detail');
+                    }
+                }
+            }
+            if (input === 'n' && isMarketplace) {
+                setMarketplacePage((p) => p + 1);
+                setCursor(0);
+            }
+            if (input === 'p' && isMarketplace) {
+                setMarketplacePage((p) => Math.max(0, p - 1));
+                setCursor(0);
+            }
+        }
+    });
+    function toggleCurrent() {
+        const item = filteredItems[cursor];
+        if (!item)
+            return;
+        setSelected((prev) => {
+            const next = new Set(prev);
+            if (next.has(item.value))
+                next.delete(item.value);
+            else
+                next.add(item.value);
+            return next;
+        });
+    }
+    async function installSelected(scope) {
+        const names = Array.from(selected);
+        setMode('installing');
+        setMochiState('installing');
+        let installedCount = 0;
+        let failedCount = 0;
+        const installedNames = [];
+        for (let i = 0; i < names.length; i++) {
+            const name = names[i];
+            setMessage(`Installing ${i + 1}/${names.length}: ${titleize(name)}...`);
+            try {
+                const candidate = await marketplaceService.findInstallCandidate(name);
+                if (!candidate) {
+                    await assetService.install(name, activeAssetType, scope, undefined, 'bundled');
+                }
+                else {
+                    await installFromCandidate(candidate, scope);
+                }
+                installedCount++;
+                installedNames.push(name);
+            }
+            catch {
+                failedCount++;
+            }
+        }
+        const typeLabel = ASSET_TYPE_PLURAL[activeAssetType].toLowerCase();
+        if (failedCount > 0) {
+            setMochiState('error');
+            setMessage(`Installed ${installedCount}, failed ${failedCount}`);
+            setMode('done');
+            setTimeout(() => {
+                setSelected(new Set());
+                setRefreshCount((c) => c + 1);
+            }, 1800);
+            return;
+        }
+        setMochiState('success');
+        setMessage(installedCount === 1
+            ? `Installed ${titleize(installedNames[0])} → ${scopeLabel(scope)}`
+            : `Installed ${installedCount} ${typeLabel} → ${scopeLabel(scope)}`);
+        setMode('done');
+        setTimeout(() => {
+            setSelected(new Set());
+            setRefreshCount((c) => c + 1);
+        }, 1100);
+    }
+    if (isTooSmall) {
+        return (_jsx(TooSmallScreen, { columns: physicalColumns, rows: physicalRows, minColumns: MIN_COLUMNS, minRows: MIN_ROWS }));
+    }
+    if (mode === 'loading' || mode === 'installing' || mode === 'done') {
+        const showTransition = mode === 'loading' && isMarketplace;
+        const content = (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsx(Narrator, { state: mochiState, message: message })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "Please wait..." }) })] }));
+        if (showTransition) {
+            return _jsx(TransitionScreen, { message: message, children: content });
+        }
+        return content;
+    }
+    if (mode === 'local-detail' && localDetailItem) {
+        const raw = localDetailItem.rawAsset;
+        const scope = localDetailItem.scope ?? 'global';
+        const provenance = raw?.provenance;
+        const localActions = [
+            { label: 'Remove Asset', value: 'remove' },
+            { label: 'Back', value: 'back' },
+        ];
+        return (_jsx(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, children: [assetTypeBadge(activeAssetType), " ", localDetailItem.value] }), _jsxs(Text, { color: theme.dim, children: ["Scope: ", scope] }), _jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: theme.secondary, children: raw?.description || 'No description provided.' }), raw?.installedAt && (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: theme.dim, children: ["Installed: ", new Date(raw.installedAt).toLocaleString()] }) })), provenance && (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { bold: true, color: theme.accent, children: "Provenance:" }), _jsxs(Text, { color: theme.dim, children: ["  \u2022 Tool: ", provenance.tool] }), _jsxs(Text, { color: theme.dim, children: ["  \u2022 Path: ", provenance.sourcePath] }), provenance.importedAt && (_jsxs(Text, { color: theme.dim, children: ["  \u2022 Time: ", new Date(provenance.importedAt).toLocaleString()] }))] }))] }), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: localActions, onSelect: async (item) => {
+                                if (item.value === 'back') {
+                                    setMode('browsing');
+                                    return;
+                                }
+                                if (item.value === 'remove') {
+                                    setMode('loading');
+                                    setMochiState('searching');
+                                    setMessage(`Removing ${localDetailItem.value}...`);
+                                    try {
+                                        await assetService.remove(localDetailItem.value, activeAssetType, scope);
+                                        setMochiState('success');
+                                        setMessage(`Removed ${localDetailItem.value} successfully.`);
+                                    }
+                                    catch (err) {
+                                        setMochiState('error');
+                                        setMessage(`Failed to remove: ${err.message}`);
+                                    }
+                                    setMode('done');
+                                    setTimeout(() => {
+                                        setRefreshCount((c) => c + 1);
+                                    }, 1500);
+                                }
+                            } }) })] }) }));
+    }
+    if (mode === 'detail' && detailAsset) {
+        const detailActions = [
+            { label: 'Install', value: 'install' },
+            { label: 'Back', value: 'back' },
+        ];
+        return (_jsx(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: _jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { bold: true, children: [assetTypeBadge(detailAsset.type), " ", detailAsset.slug, verifiedBadge(detailAsset.verified)] }), _jsx(Text, { color: theme.secondary, children: detailAsset.description }), _jsxs(Text, { color: theme.dim, children: ["Source: ", detailAsset.source] }), _jsxs(Text, { color: theme.dim, children: ["Repository: github.com/", detailAsset.owner, "/", detailAsset.repo] }), _jsxs(Text, { color: theme.dim, children: ["Checksum: ", detailAsset.checksum] }), detailAsset.updatedAt && (_jsxs(Text, { color: theme.dim, children: ["Updated: ", detailAsset.updatedAt] })), _jsx(Box, { marginTop: 1, children: _jsx(CustomSelectInput, { items: detailActions, onSelect: async (item) => {
+                                if (item.value === 'back') {
+                                    setMode('browsing');
+                                    return;
+                                }
+                                const candidate = await marketplaceService.findInstallCandidate(detailAsset.slug);
+                                if (candidate) {
+                                    setInstallCandidate(candidate);
+                                    setMode('confirm');
+                                }
+                            } }) })] }) }));
+    }
+    if (mode === 'confirm' && installCandidate) {
+        return (_jsx(Box, { flexDirection: "column", paddingX: 1, children: _jsx(MarketplaceInstallConfirm, { details: {
+                    name: installCandidate.name,
+                    type: installCandidate.type,
+                    slug: installCandidate.slug,
+                    author: installCandidate.organization,
+                    version: installCandidate.version,
+                    source: installCandidate.githubSource ?? installCandidate.source,
+                    checksum: installCandidate.checksum,
+                    verified: installCandidate.verified,
+                }, onConfirm: async (scope) => {
+                    setMode('installing');
+                    try {
+                        await installFromCandidate(installCandidate, scope);
+                        setMochiState('success');
+                        setMessage(`Installed → ${scopeLabel(scope)}`);
+                    }
+                    catch (err) {
+                        setMochiState('error');
+                        setMessage(err instanceof Error ? err.message : String(err));
+                    }
+                    setMode('done');
+                    setTimeout(() => {
+                        setRefreshCount((c) => c + 1);
+                    }, 1200);
+                }, onCancel: () => setMode('detail') }) }));
+    }
+    if (mode === 'scope') {
+        return (_jsxs(Box, { flexDirection: "column", paddingX: 1, height: rows, justifyContent: "space-between", children: [_jsxs(Box, { flexDirection: "column", children: [_jsx(Header, { compact: true }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: selected.size }), _jsxs(Text, { color: theme.dim, children: [' ', ASSET_TYPE_PLURAL[activeAssetType].toLowerCase(), " selected"] })] }), _jsx(Box, { marginTop: 1, children: _jsx(ScopePrompt, { onSelect: (scope) => installSelected(scope) }) })] }), _jsx(Box, { children: _jsx(Text, { color: theme.dim, children: "Select installation scope \u00B7 esc cancel" }) })] }));
+    }
+    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: "Browse Assets" }), marketplaceNotice && isMarketplace && (_jsx(Text, { color: theme.warning, wrap: "truncate", children: marketplaceNotice })), _jsx(Box, { marginBottom: 1, marginTop: 1, children: ASSET_TAB_ORDER.map((type) => {
+                            const isActive = type === activeAssetType;
+                            return (_jsx(Box, { marginRight: 3, children: _jsxs(Text, { color: isActive ? theme.primary : theme.dim, bold: isActive, underline: isActive, children: [isActive ? '❯ ' : '  ', ASSET_TYPE_PLURAL[type]] }) }, type));
+                        }) }), _jsxs(Box, { marginBottom: 1, children: [viewTabs.map((tab) => {
+                                const isActive = tab === activeView;
+                                return (_jsx(Box, { marginRight: 3, children: _jsx(Text, { color: isActive ? theme.text : theme.dim, bold: isActive, children: tab }) }, tab));
+                            }), !isMarketplace && (_jsx(Box, { marginLeft: 2, children: subFilters.map((filter, idx) => (_jsx(Box, { marginRight: 2, children: _jsx(Text, { color: idx === activeFilter ? theme.text : theme.dim, bold: idx === activeFilter, children: filter }) }, filter))) }))] }), _jsxs(Box, { marginBottom: 1, flexDirection: "row", children: [_jsx(Text, { color: focusedSection === 'search' ? theme.primary : theme.dim, children: focusedSection === 'search' ? ' › ' : '   ' }), _jsx(TextInput, { value: searchQuery, onChange: (val) => {
+                                    setSearchQuery(val);
+                                    setCursor(0);
+                                }, focus: focusedSection === 'search', placeholder: isMarketplace
+                                    ? `Search ${ASSET_TYPE_PLURAL[activeAssetType].toLowerCase()} marketplace...`
+                                    : `Filter registry and installed ${ASSET_TYPE_PLURAL[activeAssetType].toLowerCase()}...` })] }), _jsx(Box, { flexDirection: "column", height: pageSize, children: filteredItems.length === 0 ? (_jsx(Text, { color: theme.dim, children: isMarketplace
+                                ? `No matching ${ASSET_TYPE_PLURAL[activeAssetType].toLowerCase()} in marketplace.`
+                                : `No registry or installed ${ASSET_TYPE_PLURAL[activeAssetType].toLowerCase()} matching your query.` })) : (visibleItems.map(({ item, index }) => {
+                            const isCurrent = index === cursor && focusedSection === 'list';
+                            const isSelected = selected.has(item.value);
+                            const isInstalled = item.status === 'installed';
+                            const indicatorText = isSelected ? '[✓] ' : isInstalled && isMarketplace ? '[●] ' : '[ ] ';
+                            const indicatorColor = isSelected
+                                ? theme.primary
+                                : isInstalled && isMarketplace
+                                    ? theme.success
+                                    : theme.dim;
+                            return (_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { color: isCurrent ? theme.primary : theme.dim, children: isCurrent ? ' › ' : '   ' }), _jsx(Text, { color: indicatorColor, bold: isSelected, children: indicatorText }), _jsx(Text, { color: isCurrent ? theme.text : isSelected ? theme.primary : theme.secondary, bold: isCurrent || isSelected, children: item.label }), item.badge && _jsxs(Text, { color: theme.dim, children: [" [", item.badge, "]"] }), isInstalled && isMarketplace && !isSelected && _jsx(Text, { color: theme.dim, children: " (installed)" }), isSelected && _jsx(Text, { color: theme.primary, bold: true, children: " (selected)" })] }, item.value));
+                        })) })] }), _jsxs(Box, { flexDirection: "column", children: [selected.size > 0 ? (_jsx(Box, { flexDirection: "column", paddingX: 2, paddingY: 1, borderStyle: "round", borderColor: isMarketplace ? theme.primary : theme.error, height: isCompact ? 0 : 5, justifyContent: "center", children: _jsxs(Box, { flexDirection: "row", justifyContent: "space-between", alignItems: "center", children: [_jsxs(Box, { flexDirection: "row", children: [_jsx(Text, { bold: true, color: isMarketplace ? theme.primary : theme.error, children: isMarketplace ? '⚡ BULK INSTALL' : '⚡ BULK UNINSTALL' }), _jsxs(Text, { color: theme.text, children: [' ', "| ", selected.size, " ", ASSET_TYPE_PLURAL[activeAssetType].toLowerCase(), " selected"] })] }), _jsxs(Box, { children: [isMarketplace ? (_jsx(Text, { bold: true, color: theme.primary, children: "Press [i] to Install All" })) : (_jsx(Text, { bold: true, color: theme.error, children: "Press [x] to Remove All" })), _jsx(Text, { color: theme.dim, children: "  \u00B7  [esc] to clear" })] })] }) })) : (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: filteredItems[cursor]?.description || '' }) }))), _jsx(Box, { marginTop: isCompact ? 1 : 0, children: _jsxs(Text, { color: theme.dim, children: [isCompact
+                                    ? `←→ type  tab view  ↑↓ navigate  esc back${selected.size > 0 ? (isMarketplace ? '  [i] install' : '  [x] remove') : ''}`
+                                    : `←→ asset type  tab ${isMarketplace ? 'view' : 'filter'}  ↑↓ navigate  ${isMarketplace ? 'space select  enter install' : 'space select  enter details'}  esc back  q quit`, selected.size > 0 ? `  · ${selected.size} selected` : '', selected.size > 0 && !isCompact ? (isMarketplace ? (_jsx(Text, { color: theme.primary, children: "  \u00B7  press [i] to install selected" })) : (_jsx(Text, { color: theme.error, children: "  \u00B7  press [x] to remove selected" }))) : ''] }) })] })] }));
+};
+export async function browseCommand(args = [], options) {
+    const wantsList = Boolean(options?.list || options?.l);
+    const wantsJson = Boolean(options?.json);
+    const columns = process.stdout.columns ?? 80;
+    if (columns <= PLAIN_OUTPUT_MAX_COLUMNS) {
+        console.error('\n  Terminal too narrow for browse. Use: aman search <query>\n');
+        process.exit(1);
+    }
+    if (!process.stdin.isTTY) {
+        if (wantsList || wantsJson) {
+            const types = ASSET_TAB_ORDER;
+            const payload = { installed: {}, catalog: {} };
+            for (const type of types) {
+                const installedGlobal = await assetService.list(type, 'global');
+                const installedProject = await assetService.list(type, 'project');
+                const catalog = await marketplaceService.search('', type);
+                payload.installed[type] = { global: installedGlobal, project: installedProject };
+                payload.catalog[type] = catalog;
+            }
+            if (wantsJson) {
+                console.log(JSON.stringify(payload, null, 2));
+                return;
+            }
+            console.log('\n  Browse Assets:\n');
+            for (const type of types) {
+                console.log(`  ${ASSET_TYPE_PLURAL[type]}:`);
+                const ig = await assetService.list(type, 'global');
+                const ip = await assetService.list(type, 'project');
+                ig.forEach((s) => console.log(`    - [installed:global] ${s.name}`));
+                ip.forEach((s) => console.log(`    - [installed:project] ${s.name}`));
+                const catalog = await marketplaceService.search('', type);
+                catalog.slice(0, 5).forEach((s) => {
+                    const label = s.section === 'marketplace' ? 'marketplace' : 'registry';
+                    console.log(`    - [${label}] ${s.name}`);
+                });
+            }
+            return;
+        }
+        console.log('\n  \x1b[31;1mInteractive mode unavailable.\x1b[0m');
+        console.log('  Use:');
+        console.log('    \x1b[33maman browse --list\x1b[0m');
+        console.log('    \x1b[33maman browse --json\x1b[0m\n');
+        process.exit(1);
+    }
+    const { waitUntilExit } = render(_jsx(BrowseApp, {}));
+    await waitUntilExit();
+}

package/dist/commands/cache.d.ts

@@ -0,0 +1 @@
+export declare function cacheCommand(args: string[]): Promise<void>;