sella-cli 0.6.1 → 0.6.4

package/dist/index.js

@@ -12,7 +12,7 @@ import { capabilityLabel } from './chains.js';
 import { defaultIo, Printer } from './output.js';
 import { Ui } from './ui.js';
 const DEFAULT_MCP_URL = 'https://sellag.vercel.app/api/mcp';
-const VERSION = '0.6.1';
+const VERSION = '0.6.4';
 function parseFlags(argv) {
     const flags = {
         json: false, yes: false, noColor: false, dryRun: false, noKeychain: false,
@@ -162,6 +162,9 @@ async function runPair(ctx, flags, emit, extra = {}) {
             keyStorage: outcome.save.keyStorage,
             files: outcome.save.files,
             agentWallet: outcome.payload.agentWallet?.status || 'none',
+            ...(outcome.payload.agentWallet?.status === 'unavailable' && outcome.payload.agentWallet?.reason
+                ? { agentWalletReason: outcome.payload.agentWallet.reason }
+                : {}),
         },
     };
 }
@@ -207,6 +210,7 @@ async function cmdInit(ctx, flags, printer) {
     const ui = new Ui(ctx.io, { json: flags.json, noColor: flags.noColor, yes: flags.yes });
     const emit = ui.pretty ? uiEmitter(ui, printer) : printer;
     const origin = ctx.mcpUrl.replace(/\/api\/mcp\/?$/, '') || 'https://sellag.vercel.app';
+    const startedAt = Date.now();
     let host = ctx.mcpUrl;
     try {
         host = new URL(ctx.mcpUrl).host;
@@ -214,24 +218,27 @@ async function cmdInit(ctx, flags, printer) {
     catch {
         /* keep full URL */
     }
-    ui.intro('Sella — connect your agents', `v${VERSION} · ${host}`);
+    ui.banner('Connect your agents to the marketplace', `v${VERSION} · ${host}`);
     // A taste of the marketplace (free sandbox, best-effort — never blocks onboarding).
     const taste = ui.spinner('Peeking at the marketplace (free, no signup)…');
     try {
         const result = await sandboxSearch(ctx.mcpUrl, 'data');
         const picks = [
-            ...result.datasets.slice(0, 2).map((d) => `dataset  ${d.title || d.id}`),
-            ...result.apis.slice(0, 2).map((a) => `api      ${a.name || ''}`),
+            ...result.datasets.slice(0, 2).map((d) => ({
+                tag: 'dataset',
+                text: `${d.title || d.id}${d.priceUSDC ? `  ${String(d.priceUSDC)} USDC` : ''}`,
+                tone: 'brand',
+            })),
+            ...result.apis.slice(0, 2).map((a) => ({ tag: 'api', text: a.name || '', tone: 'ok' })),
         ];
         taste.succeed(picks.length ? 'A taste of what your agent can buy here:' : 'Marketplace preview is empty right now.');
-        for (const p of picks)
-            ui.detail(p);
+        ui.rows(picks);
     }
     catch {
         taste.succeed('Marketplace preview skipped.');
     }
     ui.bar();
-    // Step 1/3 — install
+    // Phase 1 — install
     const detected = detectClients(ctx.env);
     const targets = selectClientIds(flags, detected);
     if (targets.length === 0) {
@@ -240,30 +247,31 @@ async function cmdInit(ctx, flags, printer) {
         ui.outro('Nothing to do.');
         return 2;
     }
-    ui.step(`Step 1/3 · Install the Sella MCP server (${targets.join(', ')})`);
+    ui.phase(1, 3, 'INSTALL', `Sella MCP server → ${targets.join(', ')}`);
     const install = installAll(ctx, flags, emit);
     ui.bar();
-    // Step 2/3 — pair
-    ui.step('Step 2/3 · Pair this machine with your Sella account');
+    // Phase 2 — pair
+    ui.phase(2, 3, 'PAIR', 'Link this machine to your Sella account');
     const choice = await collectPairChoice(ui, flags, ctx);
     if (choice.email)
         ui.step(`Requesting a verification code for ${choice.email}…`);
     const paired = await runPair(ctx, flags, emit, { ...choice, ask: wizardAsk(ui, ctx) });
     let reinstalled = [];
     if (paired.code === 0 && paired.apiKey && !flags.dryRun) {
-        ui.bar();
         ui.step('Wiring your API key into the client configs');
         reinstalled = installAll(ctx, flags, emit, paired.apiKey).results;
     }
-    // Step 3/3 — verify (report-only: exit codes stay install/pair-driven so automation is stable)
+    // Phase 3 — verify (report-only: exit codes stay install/pair-driven so automation is stable)
     let verifySummary;
     if (paired.code === 0 && !flags.dryRun) {
         ui.bar();
-        const sp = ui.spinner('Step 3/3 · Verifying the install (sella doctor)…');
+        ui.phase(3, 3, 'VERIFY', 'Prove the install works (sella doctor)');
+        const sp = ui.spinner('Checking endpoint, credentials, auth, wallets, pay-quote…');
         try {
             const verify = await runDoctor({ mcpUrl: ctx.mcpUrl, env: ctx.env });
             const passed = verify.checks.filter((c) => c.ok).length;
-            sp.succeed(`Step 3/3 · Verified — ${passed}/${verify.checks.length} doctor checks passed`);
+            (verify.ok ? sp.succeed : sp.succeed)(`${passed}/${verify.checks.length} checks passed`);
+            ui.checkStrip(verify.checks.map((c) => ({ id: c.id, ok: c.ok })));
             for (const check of verify.checks.filter((c) => !c.ok)) {
                 ui.warn(`${check.label} — ${check.detail}`);
                 if (check.fix)
@@ -272,17 +280,33 @@ async function cmdInit(ctx, flags, printer) {
             verifySummary = { ok: verify.ok, passed, total: verify.checks.length };
         }
         catch (err) {
-            sp.fail('Step 3/3 · Verify could not run (network?) — try `sella doctor` later.');
+            sp.fail('Verify could not run (network?) — try `sella doctor` later.');
             verifySummary = { ok: false, error: err instanceof Error ? err.message : String(err) };
         }
     }
     if (paired.code === 0) {
-        ui.note('Sella is connected', [
+        const awStatus = String(paired.summary?.agentWallet || 'none');
+        const lines = [
             `Fund your agent wallet: ${origin}/dashboard/funding`,
             'Try it free:  sella sandbox "web search"',
             'Health check: sella doctor',
+        ];
+        if (awStatus === 'unavailable') {
+            lines.push('AgentWallet pending (backend not configured) — re-run `sella pair` later.');
+        }
+        ui.note('Sella is connected', lines, flags.dryRun ? 'plain' : awStatus === 'unavailable' ? 'warn' : 'ok');
+        // RFI: ready-to-send prompts for real agent tasks — the "now what?" answer.
+        const rfi = `${origin}/rfi`;
+        ui.bar();
+        ui.step('Ideas to try with your agent (each is a ready-to-send prompt):');
+        ui.rows([
+            { tag: 'invest', text: `Validate a startup idea for $25 — ${rfi}?uc=twenty-five-dollar-study`, tone: 'brand' },
+            { tag: 'daily', text: `Get a daily morning brief — ${rfi}?uc=morning-brief`, tone: 'ok' },
+            { tag: 'free', text: `Test Sella without spending — ${rfi}?uc=zero-dollar-demo`, tone: 'dim' },
         ]);
-        ui.outro(flags.dryRun ? 'Dry run complete — nothing was written.' : 'Done — your agents can now buy on Sella.');
+        ui.detail(`Browse all ideas: ${rfi}`);
+        const took = Math.max(1, Math.round((Date.now() - startedAt) / 1000));
+        ui.outro(flags.dryRun ? 'Dry run complete — nothing was written.' : `Done in ${took}s — your agents can now buy on Sella.`);
     }
     else {
         ui.outro('Pairing incomplete — fix the issue above, then re-run `sella init`.');
@@ -348,7 +372,7 @@ export async function runCli(argv, io = defaultIo(), env = defaultEnv()) {
                 catch {
                     /* keep full URL */
                 }
-                ui.intro('Sella — pair this machine', `v${VERSION} · ${host}`);
+                ui.banner('Pair this machine', `v${VERSION} · ${host}`);
                 const choice = await collectPairChoice(ui, flags, ctx);
                 if (choice.email)
                     ui.step(`Requesting a verification code for ${choice.email}…`);

package/dist/ui.js

@@ -54,6 +54,92 @@ export class Ui {
         this.out(`${this.dim('┌')}  ${this.paint('1', title)}${meta ? `  ${this.dim(meta)}` : ''}`);
         this.bar();
     }
+    /** Slant-style SELLA wordmark (slashes + underscores, matrix-green fade) — wide TTYs only. */
+    wordmarkArt() {
+        if (!this.pretty || (process.stdout.columns || 80) < 48)
+            return null;
+        const glyphs = {
+            S: ['   _____', '  / ___/', '  \\__ \\ ', ' ___/ / ', '/____/  '],
+            E: ['    ______', '   / ____/', '  / __/   ', ' / /___   ', '/_____/   '],
+            L: ['    __  ', '   / /  ', '  / /   ', ' / /___ ', '/_____/ '],
+            A: ['    ___ ', '   /   |', '  / /| |', ' / ___ |', '/_/  |_|'],
+        };
+        const rows = [];
+        for (let r = 0; r < 5; r += 1) {
+            const raw = ['S', 'E', 'L', 'L', 'A'].map((ch) => glyphs[ch][r]).join('');
+            // Matrix fade: bright green on top, deep green at the base — decoration only.
+            const code = r < 3 ? '92' : '32';
+            rows.push(' ' + this.paint(code, raw));
+        }
+        return rows;
+    }
+    /** Branded header: line-art wordmark + info panel — the first thing the wizard paints. */
+    banner(subtitle, meta) {
+        if (this.quiet)
+            return;
+        if (!this.pretty) {
+            this.out(`SELLA — ${subtitle} (${meta})`);
+            return;
+        }
+        this.out('');
+        const art = this.wordmarkArt();
+        if (art)
+            for (const row of art)
+                this.out(row);
+        const wordmark = art ? '' : 'S E L L A';
+        const inner = Math.min(this.width() - 2, Math.max(wordmark.length, subtitle.length, meta.length) + 6);
+        const pad = (raw, painted = raw) => `${this.accent('│')}  ${painted}${' '.repeat(Math.max(0, inner - raw.length - 2))}${this.accent('│')}`;
+        this.out(this.accent('╭' + '─'.repeat(inner) + '╮'));
+        if (wordmark)
+            this.out(pad(wordmark, this.paint('1;36', wordmark)));
+        this.out(pad(subtitle, this.paint('1', subtitle)));
+        this.out(pad(meta, this.dim(meta)));
+        this.out(this.accent('╰' + '─'.repeat(inner) + '╯'));
+        this.out('');
+    }
+    /** Inverse-video chip, e.g. ` 1/3 INSTALL `. */
+    chipText(label, tone = 'brand') {
+        if (!this.color)
+            return `[${label}]`;
+        const bg = tone === 'ok' ? '42;30' : tone === 'warn' ? '43;30' : '46;30';
+        return `\x1b[${bg}m ${label} \x1b[0m`;
+    }
+    /** Phase header: chip + progress dots + bold title. */
+    phase(n, total, label, title) {
+        if (this.quiet)
+            return;
+        if (!this.pretty) {
+            this.out(`[${n}/${total} ${label}] ${title}`);
+            return;
+        }
+        const dots = Array.from({ length: total }, (_, i) => i < n ? this.accent('●') : this.dim('○')).join(' ');
+        this.out(`${this.chipText(`${n}/${total} ${label}`)}  ${this.paint('1', title)}  ${dots}`);
+    }
+    /** Aligned two-column rows with a colored left tag, for lists like the marketplace taste. */
+    rows(items) {
+        if (this.quiet || items.length === 0)
+            return;
+        const w = Math.max(...items.map((i) => i.tag.length));
+        for (const item of items) {
+            const padded = item.tag.padEnd(w);
+            const tag = item.tone === 'ok' ? this.paint('32', padded) : item.tone === 'dim' ? this.dim(padded) : this.paint('35', padded);
+            if (!this.pretty)
+                this.out(`    ${padded}  ${item.text}`);
+            else
+                this.out(`${this.dim('│')}    ${tag}  ${item.text}`);
+        }
+    }
+    /** One-line ✓/✕ strip summarizing named checks, e.g. the doctor verify. */
+    checkStrip(checks) {
+        if (this.quiet || checks.length === 0)
+            return;
+        const parts = checks.map((c) => c.ok ? `${this.paint('32', '✓')} ${this.dim(c.id)}` : `${this.paint('31', '✕')} ${this.paint('31', c.id)}`);
+        if (!this.pretty) {
+            this.out('    ' + checks.map((c) => `${c.ok ? 'ok' : 'FAIL'}:${c.id}`).join('  '));
+            return;
+        }
+        this.out(`${this.dim('│')}    ${parts.join('   ')}`);
+    }
     outro(text) {
         if (this.quiet)
             return;
@@ -94,8 +180,8 @@ export class Ui {
             return;
         this.out(this.pretty ? `${this.dim('│')}    ${text}` : `    ${text}`);
     }
-    /** Boxed panel for the final summary / next steps. */
-    note(title, lines) {
+    /** Boxed panel for the final summary / next steps. Tone colors the border. */
+    note(title, lines, tone = 'plain') {
         if (this.quiet)
             return;
         if (!this.pretty) {
@@ -105,6 +191,7 @@ export class Ui {
                 this.out(`  ${line}`);
             return;
         }
+        const edge = (s) => tone === 'ok' ? this.paint('32', s) : tone === 'warn' ? this.paint('33', s) : this.dim(s);
         const inner = this.width() - 6;
         const wrapped = [];
         for (const line of lines) {
@@ -124,13 +211,13 @@ export class Ui {
         }
         const w = Math.min(this.width() - 2, Math.max(title.length, ...wrapped.map((l) => l.length), 20) + 4);
         this.bar();
-        this.out(`${this.dim('╭' + '─'.repeat(w) + '╮')}`);
+        this.out(`${edge('╭' + '─'.repeat(w) + '╮')}`);
         // Pad from the raw string length, then paint — ANSI codes must not count toward width.
-        const pad = (s, painted = s) => `${this.dim('│')}  ${painted}${' '.repeat(Math.max(0, w - s.length - 2))}${this.dim('│')}`;
+        const pad = (s, painted = s) => `${edge('│')}  ${painted}${' '.repeat(Math.max(0, w - s.length - 2))}${edge('│')}`;
         this.out(pad(title, this.paint('1', title)));
         for (const line of wrapped)
             this.out(pad(line));
-        this.out(`${this.dim('╰' + '─'.repeat(w) + '╯')}`);
+        this.out(`${edge('╰' + '─'.repeat(w) + '╯')}`);
     }
     // ── spinner ────────────────────────────────────────────────────────────────
     spinner(label) {
@@ -148,10 +235,13 @@ export class Ui {
         ensureCursorRestoredOnExit();
         let current = label;
         let i = 0;
+        const startedAt = Date.now();
         process.stdout.write('\x1b[?25l');
         const render = () => {
             const frame = this.accent(FRAMES[i % FRAMES.length]);
-            process.stdout.write(`\r\x1b[K${frame}  ${current}`);
+            const elapsed = Date.now() - startedAt;
+            const suffix = elapsed > 2_000 ? ` ${this.dim(`(${Math.round(elapsed / 1000)}s)`)}` : '';
+            process.stdout.write(`\r\x1b[K${frame}  ${current}${suffix}`);
             i += 1;
         };
         render();
@@ -160,7 +250,9 @@ export class Ui {
             clearInterval(timer);
             process.stdout.write(`\r\x1b[K`);
             process.stdout.write('\x1b[?25h');
-            this.out(`${this.paint(glyphCode, glyph)}  ${text || current}`);
+            const elapsed = Date.now() - startedAt;
+            const suffix = elapsed > 2_000 ? ` ${this.dim(`(${(elapsed / 1000).toFixed(1)}s)`)}` : '';
+            this.out(`${this.paint(glyphCode, glyph)}  ${text || current}${suffix}`);
         };
         return {
             update: (text) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sella-cli",
-  "version": "0.6.1",
+  "version": "0.6.4",
   "description": "Sella onboarding CLI — install Sella into your agent clients, pair, verify, fund, publish. (`npx sella-cli init`)",
   "license": "MIT",
   "homepage": "https://sellag.vercel.app",