opencode-agora 0.4.0 → 0.4.2

package/dist/cli/pages/marketplace.js

@@ -1,11 +1,63 @@
-import { getMarketplaceItems, searchMarketplaceItems, similarItems, } from '../../marketplace.js';
+import { execSync } from 'node:child_process';
+import { getMarketplaceItems, searchMarketplaceItems, similarItems, createInstallPlan, renderPermissionLines, hasPermissions, describePermissionGlob } from '../../marketplace.js';
 import { vlen, rail, noRail, sep, fmtCount, frame, scrollbar } from './helpers.js';
+import { enrichItem, enrichHfItem } from '../../hubs/enrichment.js';
+import { scanItem } from '../../scan.js';
+import { detectAgoraDataDir, loadAgoraState, saveItemToState, writeAgoraState } from '../../state.js';
 const state = {
-    cursor: 0, detail: false, query: '', filtering: false,
-    category: 'all', sort: 'installs',
+    cursor: 0,
+    detail: false,
+    query: '',
+    filtering: false,
+    category: 'all',
+    sort: 'installs',
+    sourceFilter: 'all',
+    pricingFilter: 'all',
+    view: 'list',
+    installPlan: null,
+    installStatus: null,
+    enrichment: null,
+    enrichmentLoading: false,
+    scanResult: null,
+    scanLoading: false
 };
-function filtered() {
-    const all = state.query ? searchMarketplaceItems({ query: state.query }) : getMarketplaceItems();
+function itemSource(item) {
+    return item.kind === 'package' ? item.source : undefined;
+}
+function itemPricing(item) {
+    if (item.kind !== 'package')
+        return 'free';
+    return item.pricing?.kind ?? 'free';
+}
+function itemRepository(item) {
+    return item.kind === 'package' ? item.repository : undefined;
+}
+function itemPushedAt(item) {
+    return item.kind === 'package' ? item.pushedAt : undefined;
+}
+export function sourceBadge(item) {
+    const src = itemSource(item);
+    if (src === 'github')
+        return '[gh] ';
+    if (src === 'hf')
+        return '[hf] ';
+    return '[c]  ';
+}
+function matchesSourceFilter(item, filter) {
+    if (filter === 'all')
+        return true;
+    const src = itemSource(item);
+    if (filter === 'curated')
+        return !src;
+    return src === filter;
+}
+function matchesPricingFilter(item, filter) {
+    if (filter === 'all')
+        return true;
+    return itemPricing(item) === filter;
+}
+function filtered(source) {
+    const all = state.query ? searchMarketplaceItems({ query: state.query }) : source;
     const sorted = all.slice().sort((a, b) => {
         if (state.sort === 'name')
             return a.name.localeCompare(b.name);
@@ -13,9 +65,10 @@ function filtered() {
             return (b.stars ?? 0) - (a.stars ?? 0);
         return (b.installs ?? 0) - (a.installs ?? 0);
     });
-    return state.category === 'all'
-        ? sorted
-        : sorted.filter((i) => (i.tags ?? []).includes(state.category));
+    return sorted
+        .filter((i) => state.category === 'all' || (i.tags ?? []).includes(state.category))
+        .filter((i) => matchesSourceFilter(i, state.sourceFilter))
+        .filter((i) => matchesPricingFilter(i, state.pricingFilter));
 }
 export const marketplacePage = {
     id: 'marketplace',
@@ -26,67 +79,301 @@ export const marketplacePage = {
         { key: 'j/k', label: 'nav' },
         { key: 'Enter', label: 'details' },
         { key: 'i', label: 'install' },
+        { key: 'S', label: 'scan' },
         { key: 's', label: 'save' },
+        { key: 'o', label: 'sort/open' },
         { key: '/', label: 'filter' },
         { key: 'c', label: 'category' },
-        { key: 'o', label: 'sort' },
+        { key: 't', label: 'source' },
+        { key: 'p', label: 'price' }
     ],
     render(ctx) {
         const { style, width, height } = ctx;
-        const items = filtered();
+        if (state.view === 'scan') {
+            const lines = [];
+            lines.push(' ' + style.bold(style.accent('SCAN')));
+            lines.push(' ' + sep('', width - 2, style));
+            lines.push('');
+            const it = filtered(getMarketplaceItems())[state.cursor];
+            if (it)
+                lines.push(' ' + style.bold(it.name) + style.dim('  ' + it.id));
+            lines.push('');
+            if (state.scanLoading) {
+                lines.push(' ' + style.dim('Scanning…'));
+            }
+            else if (state.scanResult) {
+                for (const c of state.scanResult.checks) {
+                    const icon = c.status === 'pass' ? style.accent('✓') : c.status === 'warn' ? style.orange('⚠') : style.bold('✗');
+                    lines.push('   ' + icon + '  ' + style.dim(c.label) + '  ' + c.message);
+                }
+                lines.push('');
+                const { pass, warn, fail } = state.scanResult.summary;
+                lines.push(' ' + style.dim(`${pass} pass · ${warn} warning(s) · ${fail} failure(s)`));
+            }
+            else {
+                lines.push(' ' + style.dim('No scan result.'));
+            }
+            lines.push('');
+            lines.push(' ' + style.accent('esc') + style.dim(' back'));
+            return frame(lines, width, height);
+        }
+        if (state.view === 'install-preview' && state.installPlan) {
+            const plan = state.installPlan;
+            const lines = [];
+            lines.push(' ' + style.bold(style.accent('INSTALL PREVIEW')));
+            lines.push(' ' + sep('', width - 2, style));
+            lines.push('');
+            lines.push(' ' + style.bold(plan.item.name) + style.dim('  ' + plan.kind));
+            lines.push('');
+            if (plan.kind === 'git-clone') {
+                if (plan.cloneTarget)
+                    lines.push(' ' + style.dim('Target  ') + plan.cloneTarget);
+                if (plan.commands.length) {
+                    lines.push('');
+                    lines.push(' ' + style.dim('Command'));
+                    for (const cmd of plan.commands)
+                        lines.push('   ' + cmd);
+                }
+                if (plan.postInstallHint) {
+                    lines.push('');
+                    lines.push(' ' + style.dim('Next steps  ') + plan.postInstallHint);
+                }
+            }
+            else if (plan.kind === 'package-install') {
+                if (plan.commands.length) {
+                    lines.push(' ' + style.dim('Commands'));
+                    for (const cmd of plan.commands)
+                        lines.push('   ' + cmd);
+                }
+            }
+            else {
+                if (plan.commands.length) {
+                    lines.push(' ' + style.dim('Commands'));
+                    for (const cmd of plan.commands)
+                        lines.push('   ' + cmd);
+                }
+                if (plan.notes.length) {
+                    lines.push('');
+                    for (const note of plan.notes)
+                        lines.push(' ' + style.dim(note));
+                }
+            }
+            lines.push('');
+            const permLines = renderPermissionLines(plan.permissions);
+            if (permLines.length === 1) {
+                lines.push(' ' + style.dim(permLines[0]));
+            }
+            else {
+                lines.push(' ' + style.dim(permLines[0]));
+                for (const row of permLines.slice(1)) {
+                    const spaceIdx = row.indexOf(' ', 2);
+                    const label = row.slice(2, spaceIdx);
+                    const value = row.slice(spaceIdx + 1);
+                    lines.push('   ' + style.dim(label) + '  ' + value);
+                }
+            }
+            if (state.installStatus) {
+                lines.push('');
+                lines.push(' ' + style.accent(state.installStatus));
+            }
+            lines.push('');
+            if (hasPermissions(plan.permissions)) {
+                lines.push(' ' +
+                    style.accent('g') +
+                    style.dim(' grant + install   ') +
+                    style.accent('d') +
+                    style.dim(' details   ') +
+                    style.accent('n') +
+                    style.dim('/') +
+                    style.accent('Esc') +
+                    style.dim(' cancel'));
+            }
+            else {
+                lines.push(' ' +
+                    style.accent('y') +
+                    style.dim(' confirm   ') +
+                    style.accent('n') +
+                    style.dim('/') +
+                    style.accent('Esc') +
+                    style.dim(' cancel'));
+            }
+            return frame(lines, width, height);
+        }
+        if (state.view === 'install-perm-details' && state.installPlan) {
+            const perms = state.installPlan.permissions;
+            const lines = [];
+            lines.push(' ' + style.bold(style.accent('PERMISSIONS DETAIL')));
+            lines.push(' ' + sep('', width - 2, style));
+            lines.push('');
+            const renderGroup = (label, legend, values) => {
+                if (!values?.length)
+                    return;
+                lines.push(' ' + style.dim(label) + '  ' + style.dim(legend));
+                for (const v of values) {
+                    const note = describePermissionGlob(v);
+                    lines.push('   ' + v + (note ? '  ' + style.dim('— ' + note) : ''));
+                }
+                lines.push('');
+            };
+            renderGroup('fs  ', 'What the package can read or write on disk.', perms?.fs);
+            renderGroup('net ', 'Hosts the package will reach over the network.', perms?.net);
+            renderGroup('exec', 'Binaries the package will invoke.', perms?.exec);
+            lines.push(' ' + style.accent('Esc') + style.dim(' back'));
+            return frame(lines, width, height);
+        }
+        const allItems = getMarketplaceItems();
+        const items = filtered(allItems);
         state.cursor = Math.min(state.cursor, Math.max(0, items.length - 1));
         const lines = [];
-        const top = ' ' + style.bold(style.accent('MARKETPLACE'))
-            + '   ' + style.dim('category: ') + style.accent(state.category)
-            + style.dim('  \u00b7  sort: ') + style.accent(state.sort)
-            + '   ' + style.dim(items.length + (items.length === 1 ? ' item' : ' items'));
+        // Source breakdown counts
+        let sourceBreakdown = '';
+        if (state.sourceFilter === 'all') {
+            const nCurated = allItems.filter((i) => !itemSource(i)).length;
+            const nGh = allItems.filter((i) => itemSource(i) === 'github').length;
+            const nHf = allItems.filter((i) => itemSource(i) === 'hf').length;
+            const parts = [];
+            if (nCurated)
+                parts.push(nCurated + ' curated');
+            if (nGh)
+                parts.push(nGh + ' gh');
+            if (nHf)
+                parts.push(nHf + ' hf');
+            if (parts.length)
+                sourceBreakdown = '   ' + style.dim(parts.join(' · '));
+        }
+        const top = ' ' +
+            style.bold(style.accent('MARKETPLACE')) +
+            '   ' +
+            style.dim('category: ') +
+            style.accent(state.category) +
+            style.dim('  ·  sort: ') +
+            style.accent(state.sort) +
+            style.dim('  ·  src: ') +
+            style.accent(state.sourceFilter) +
+            style.dim('  ·  price: ') +
+            style.accent(state.pricingFilter) +
+            '   ' +
+            style.dim(items.length + (items.length === 1 ? ' item' : ' items')) +
+            sourceBreakdown;
         lines.push(top);
         lines.push(' ' + sep('', width - 2, style));
         if (state.filtering) {
-            lines.push(' ' + style.accent('/') + ' ' + state.query + style.dim('\u258f'));
+            lines.push(' ' + style.accent('/') + ' ' + state.query + style.dim('▏'));
             lines.push('');
         }
         if (items.length === 0) {
             lines.push('');
-            lines.push('   ' + style.dim('No items match ')
-                + style.accent(state.query || state.category) + style.dim('.'));
-            lines.push('   ' + style.dim('Press ') + style.accent('/')
-                + style.dim(' to change filter, ') + style.accent('c')
-                + style.dim(' to reset category.'));
+            lines.push('   ' +
+                style.dim('No items match ') +
+                style.accent(state.query || state.category) +
+                style.dim('.'));
+            lines.push('   ' +
+                style.dim('Press ') +
+                style.accent('/') +
+                style.dim(' to change filter, ') +
+                style.accent('c') +
+                style.dim(' to reset category.'));
+            if (process.env.AGORA_LIVE_HUBS !== '1' &&
+                state.sourceFilter !== 'curated') {
+                lines.push('');
+                lines.push('   ' +
+                    style.dim('Tip: set AGORA_LIVE_HUBS=1 to pull live GitHub + HuggingFace items.'));
+            }
             return frame(lines, width, height);
         }
         if (state.detail) {
             const it = items[state.cursor];
-            if (it) {
-                lines.push('');
-                lines.push(' ' + style.bold(it.name)
-                    + (it.author ? style.dim('   by ' + it.author) : ''));
-                lines.push(' ' + style.dim((it.tags ?? []).map((t) => '[' + t + ']').join(' ')));
-                lines.push('');
-                lines.push(' ' + (it.description ?? ''));
-                lines.push('');
-                lines.push(' '
-                    + style.accent(fmtCount(it.installs ?? 0)) + style.dim(' installs   ')
-                    + (it.stars !== undefined
-                        ? style.accent(fmtCount(it.stars)) + style.dim(' \u2605') : ''));
-                lines.push('');
-                lines.push(' '
-                    + style.accent('i') + style.dim(' install   ')
-                    + style.accent('s') + style.dim(' save   ')
-                    + style.accent('Esc') + style.dim(' back'));
-                const kind = it.kind === 'workflow' ? 'workflow' : 'package';
-                const related = similarItems(it.id, { limit: 3, type: kind });
-                if (related.length > 0) {
-                    lines.push('');
-                    lines.push(' ' + sep('Related', width - 2, style));
-                    for (const rel of related) {
-                        if (rel.id === it.id)
-                            continue;
-                        lines.push('  \u00b7 ' + style.bold(rel.name.padEnd(20))
-                            + style.dim(fmtCount(rel.installs ?? 0) + ' installs'));
+            if (!it)
+                return frame(lines, width, height);
+            const detail = [];
+            // Header line: badge + name + pricing + author
+            const badge = style.dim(sourceBadge(it));
+            const pricing = itemPricing(it) === 'paid' ? '  ' + style.accent('PAID') : '';
+            detail.push(' ' + badge + style.bold(style.accent(it.name)) + pricing);
+            const metaLine = (it.author ? style.dim('by ' + it.author) : '') +
+                (it.version ? style.dim('   v' + it.version) : '');
+            if (metaLine.trim())
+                detail.push(' ' + metaLine);
+            detail.push(' ' + sep('', width - 2, style));
+            // Description block (AI-enriched when available)
+            const displayDesc = state.enrichment?.description
+                ? state.enrichment.description + style.dim(' (ai)')
+                : (it.description ?? '');
+            if (displayDesc)
+                detail.push(' ' + displayDesc);
+            if (state.enrichmentLoading)
+                detail.push(' ' + style.dim('(enriching…)'));
+            // Stats line
+            detail.push('');
+            const statsParts = [];
+            if (it.installs !== undefined) {
+                statsParts.push(style.accent(fmtCount(it.installs)) + style.dim(' installs'));
+            }
+            if (it.stars !== undefined) {
+                statsParts.push(style.accent(fmtCount(it.stars)) + style.dim(' ★'));
+            }
+            const pushedAt = itemPushedAt(it);
+            if (pushedAt) {
+                const ageH = (Date.now() - new Date(pushedAt).getTime()) / 3600000;
+                const age = ageH < 24 ? Math.round(ageH) + 'h' : Math.round(ageH / 24) + 'd';
+                statsParts.push(style.dim('updated ' + age + ' ago'));
+            }
+            if (statsParts.length)
+                detail.push(' ' + statsParts.join('   '));
+            // Tags
+            if (it.tags?.length) {
+                detail.push(' ' + style.dim((it.tags ?? []).map((t) => '[' + t + ']').join(' ')));
+            }
+            // Repository link
+            const repoUrl = itemRepository(it);
+            if (repoUrl) {
+                detail.push(' ' + style.dim('repo  ') + repoUrl);
+            }
+            // Permissions block (always shown — none-declared is informative)
+            const itPerms = it.kind === 'package' ? it.permissions : undefined;
+            if (hasPermissions(itPerms)) {
+                detail.push('');
+                detail.push(' ' + sep('Permissions', width - 2, style));
+                for (const row of renderPermissionLines(itPerms).slice(1)) {
+                    const spaceIdx = row.indexOf(' ', 2);
+                    const label = row.slice(2, spaceIdx);
+                    const value = row.slice(spaceIdx + 1);
+                    detail.push('   ' + style.dim(label) + '  ' + value);
+                }
+            }
+            // Related items
+            const kind = it.kind === 'workflow' ? 'workflow' : 'package';
+            const related = similarItems(it.id, { limit: 4, type: kind });
+            const relatedFiltered = related.filter((r) => r.id !== it.id).slice(0, 3);
+            if (relatedFiltered.length > 0) {
+                detail.push('');
+                detail.push(' ' + sep('Related', width - 2, style));
+                for (const rel of relatedFiltered) {
+                    const relStats = style.dim(fmtCount(rel.installs ?? 0) + ' installs');
+                    detail.push('   ' + style.bold(rel.name.padEnd(28)) + relStats);
+                    if (rel.description) {
+                        detail.push('   ' + style.dim((rel.description ?? '').slice(0, Math.max(0, width - 6))));
                     }
                 }
             }
+            // Footer — pinned via padding
+            const footer = [
+                ' ' + sep('', width - 2, style),
+                ' ' +
+                    style.accent('i') +
+                    style.dim(' install   ') +
+                    style.accent('s') +
+                    style.dim(' save   ') +
+                    style.accent('o') +
+                    style.dim(' open repo   ') +
+                    style.accent('Esc') +
+                    style.dim(' back')
+            ];
+            const padCount = Math.max(0, height - lines.length - detail.length - footer.length);
+            lines.push(...detail);
+            for (let i = 0; i < padCount; i++)
+                lines.push('');
+            lines.push(...footer);
             return frame(lines, width, height);
         }
         const limit = Math.max(0, height - lines.length - 1);
@@ -98,24 +385,89 @@ export const marketplacePage = {
                 continue;
             const selected = start + i === state.cursor;
             const lead = selected ? rail(style) : noRail();
-            const stats = style.accent(fmtCount(it.installs ?? 0).padStart(7))
-                + style.dim(' installs')
-                + (it.stars !== undefined
-                    ? '  ' + style.accent(fmtCount(it.stars).padStart(5)) + style.dim(' \u2605')
+            const badge = style.dim(sourceBadge(it));
+            const pricingBadge = itemPricing(it) === 'paid' ? style.accent('PAID') + ' ' : '';
+            const stats = pricingBadge +
+                style.accent(fmtCount(it.installs ?? 0).padStart(7)) +
+                style.dim(' installs') +
+                (it.stars !== undefined
+                    ? '  ' + style.accent(fmtCount(it.stars).padStart(5)) + style.dim(' ★')
                     : '');
             const nameCell = selected ? style.bold(it.name) : it.name;
-            const left = ' ' + lead + nameCell;
+            const perms = it.kind === 'package' ? it.permissions : undefined;
+            const permCats = perms
+                ? ['fs', 'net', 'exec'].filter((k) => perms[k]?.length).join(' ')
+                : '';
+            const permSuffix = permCats ? ' ' + style.dim('[' + permCats + ']') : '';
+            const left = ' ' + lead + badge + nameCell + permSuffix;
             const room = width - vlen(left) - vlen(stats) - 2;
             const desc = style.dim((it.description ?? '').slice(0, Math.max(0, room - 2)));
             const pad = ' '.repeat(Math.max(1, room - vlen(desc) - 1));
             lines.push(left + '  ' + desc + pad + stats + ' ' + sbar[i]);
         }
-        lines.push('  ' + (items.length > limit
-            ? style.dim('items ' + (start + 1) + '\u2013' + Math.min(start + limit, items.length) + ' of ' + items.length)
-            : style.dim(items.length + (items.length === 1 ? ' item' : ' items'))));
+        lines.push('  ' +
+            (items.length > limit
+                ? style.dim('items ' +
+                    (start + 1) +
+                    '–' +
+                    Math.min(start + limit, items.length) +
+                    ' of ' +
+                    items.length)
+                : style.dim(items.length + (items.length === 1 ? ' item' : ' items'))));
         return frame(lines, width, height);
     },
     handleKey(event, _ctx) {
+        if (state.view === 'scan') {
+            if (event.key === 'esc' || event.key === 'n') {
+                state.view = 'list';
+                state.scanResult = null;
+                state.scanLoading = false;
+            }
+            return { kind: 'none' };
+        }
+        if (state.view === 'install-perm-details') {
+            if (event.key === 'esc')
+                state.view = 'install-preview';
+            return { kind: 'none' };
+        }
+        if (state.view === 'install-preview') {
+            const confirmKeys = state.installPlan && hasPermissions(state.installPlan.permissions)
+                ? new Set(['g', 'y'])
+                : new Set(['y']);
+            if (confirmKeys.has(event.key) && state.installPlan) {
+                const plan = state.installPlan;
+                if (!plan.installable) {
+                    state.installStatus = plan.reason || 'Not installable.';
+                    return { kind: 'none' };
+                }
+                let success = true;
+                for (const cmd of plan.commands) {
+                    try {
+                        execSync(cmd, { stdio: 'pipe', timeout: 60000 });
+                    }
+                    catch {
+                        state.installStatus = `Failed: ${cmd}`;
+                        success = false;
+                        break;
+                    }
+                }
+                if (success) {
+                    state.installStatus = `Installed ${plan.item.name}`;
+                }
+                return { kind: 'none' };
+            }
+            if (event.key === 'd' && state.installPlan && hasPermissions(state.installPlan.permissions)) {
+                state.view = 'install-perm-details';
+                return { kind: 'none' };
+            }
+            if (event.key === 'n' || event.key === 'esc') {
+                state.view = 'list';
+                state.installPlan = null;
+                state.installStatus = null;
+                return { kind: 'none' };
+            }
+            return { kind: 'none' };
+        }
         if (state.filtering) {
             if (event.key === 'esc') {
                 state.filtering = false;
@@ -136,7 +488,7 @@ export const marketplacePage = {
             }
             return { kind: 'none' };
         }
-        const items = filtered();
+        const items = filtered(getMarketplaceItems());
         switch (event.key) {
             case 'j':
             case 'down':
@@ -146,18 +498,93 @@ export const marketplacePage = {
             case 'up':
                 state.cursor = Math.max(0, state.cursor - 1);
                 return { kind: 'none' };
-            case 'enter':
+            case 'enter': {
                 state.detail = !state.detail;
+                if (state.detail) {
+                    const selected = items[state.cursor];
+                    const selectedSource = selected ? itemSource(selected) : undefined;
+                    if (selected && selectedSource === 'github') {
+                        state.enrichment = null;
+                        state.enrichmentLoading = true;
+                        const repoId = selected.id.startsWith('gh:') ? selected.id.slice(3) : null;
+                        if (repoId) {
+                            const dataDir = detectAgoraDataDir({ env: process.env });
+                            const ctx = _ctx;
+                            enrichItem(repoId, dataDir).then((entry) => {
+                                state.enrichment = entry;
+                                state.enrichmentLoading = false;
+                                ctx.repaint();
+                            });
+                        }
+                        else {
+                            state.enrichmentLoading = false;
+                        }
+                    }
+                    else if (selected && selectedSource === 'hf') {
+                        state.enrichment = null;
+                        state.enrichmentLoading = true;
+                        const repoId = selected.id.startsWith('hf:') ? selected.id.slice(3) : null;
+                        if (repoId) {
+                            const dataDir = detectAgoraDataDir({ env: process.env });
+                            const ctx = _ctx;
+                            enrichHfItem(repoId, dataDir).then((entry) => {
+                                state.enrichment = entry;
+                                state.enrichmentLoading = false;
+                                ctx.repaint();
+                            });
+                        }
+                        else {
+                            state.enrichmentLoading = false;
+                        }
+                    }
+                    else {
+                        state.enrichment = null;
+                        state.enrichmentLoading = false;
+                    }
+                }
+                else {
+                    state.enrichment = null;
+                    state.enrichmentLoading = false;
+                }
                 return { kind: 'none' };
+            }
             case 'esc':
-                if (state.detail)
+                if (state.detail) {
                     state.detail = false;
+                    state.enrichment = null;
+                    state.enrichmentLoading = false;
+                }
                 return { kind: 'none' };
             case 'i': {
                 const it = items[state.cursor];
-                return { kind: 'status', message: it ? 'install ' + it.id + ' queued' : 'nothing selected' };
+                if (!it)
+                    return { kind: 'status', message: 'nothing selected' };
+                const plan = createInstallPlan(it, {}, {
+                    aiInstallHint: state.enrichment?.installHint
+                });
+                state.installPlan = plan;
+                state.installStatus = null;
+                state.view = 'install-preview';
+                return { kind: 'none' };
+            }
+            case 'S': {
+                const it = items[state.cursor];
+                if (!it)
+                    return { kind: 'status', message: 'nothing selected' };
+                state.view = 'scan';
+                state.scanResult = null;
+                state.scanLoading = true;
+                const ctx = _ctx;
+                scanItem(it, { githubToken: process.env.AGORA_GITHUB_TOKEN }).then((r) => {
+                    state.scanResult = r;
+                    state.scanLoading = false;
+                    ctx.repaint();
+                }).catch(() => {
+                    state.scanLoading = false;
+                    ctx.repaint();
+                });
+                return { kind: 'none' };
             }
-            case 's': return { kind: 'status', message: 'saved' };
             case '/':
                 state.filtering = true;
                 return { kind: 'none' };
@@ -168,12 +595,47 @@ export const marketplacePage = {
                 return { kind: 'none' };
             }
             case 'o': {
+                if (state.detail) {
+                    const it = items[state.cursor];
+                    const url = it ? itemRepository(it) : undefined;
+                    if (url)
+                        return { kind: 'open-url', url };
+                    return { kind: 'status', message: 'no repo url' };
+                }
                 const order = ['installs', 'stars', 'name'];
                 state.sort = order[(order.indexOf(state.sort) + 1) % order.length] ?? 'installs';
                 return { kind: 'none' };
             }
-            default: return { kind: 'none' };
+            case 's': {
+                if (!state.detail)
+                    return { kind: 'none' };
+                const it = items[state.cursor];
+                if (!it)
+                    return { kind: 'status', message: 'nothing selected' };
+                const dir = detectAgoraDataDir({ env: process.env });
+                const next = saveItemToState(loadAgoraState(dir), it);
+                if (!next.added)
+                    return { kind: 'status', message: 'already saved' };
+                writeAgoraState(dir, next.state);
+                return { kind: 'status', message: 'saved ' + it.name };
+            }
+            case 't': {
+                const order = ['all', 'curated', 'github', 'hf'];
+                state.sourceFilter =
+                    order[(order.indexOf(state.sourceFilter) + 1) % order.length] ?? 'all';
+                state.cursor = 0;
+                return { kind: 'none' };
+            }
+            case 'p': {
+                const order = ['all', 'free', 'paid'];
+                state.pricingFilter =
+                    order[(order.indexOf(state.pricingFilter) + 1) % order.length] ?? 'all';
+                state.cursor = 0;
+                return { kind: 'none' };
+            }
+            default:
+                return { kind: 'none' };
         }
-    },
+    }
 };
 //# sourceMappingURL=marketplace.js.map