@sickr/replay 0.7.0 → 0.8.0

package/dist/cli.js

@@ -9,6 +9,7 @@ import { mergeHooks, removeHooks } from './hookConfig.js';
 import { renderRunHtml, renderCombinedHtml } from './render.js';
 import { buildSharePayload, buildCombinedPayload, publish, PublishError } from './share.js';
 import { readCredentials, writeCredentials, clearCredentials, startDevice, pollDevice, sleep } from './auth.js';
+import { ui, card, kv } from './ui.js';
 import { AGENT_API_URL, clearAgentCredentials, disconnectAgent, fetchAgentStatus, pollAgentConnect, readAgentCredentials, rotateAgentKey, startAgentConnect, writeAgentCredentials, } from './agentAuth.js';
 const REPLAY_ENDPOINT = process.env.SICKR_REPLAY_ENDPOINT ?? 'https://sickr.ai/api/replay';
 const COMMANDS = ['init', 'record', 'open', 'list', 'share', 'stop', 'clear', 'login', 'logout', 'whoami', 'agent', 'help'];
@@ -388,7 +389,43 @@ async function publishWithRetry(payload) {
         throw err;
     }
 }
-function expiryLine(ttl_days) {
+function expiryCopy(ttl_days) {
+    if (ttl_days >= 30)
+        return {
+            kind: 'pro',
+            value: `${ttl_days} days`,
+            tag: 'Replay Pro',
+            footer: [],
+        };
+    if (ttl_days >= 2)
+        return {
+            kind: 'authed',
+            value: `in ${ttl_days} days`,
+            tag: 'signed-in link',
+            footer: ['re-share before it expires to roll the window forward.'],
+        };
+    return {
+        kind: 'anon',
+        value: 'in 24h',
+        tag: 'anon link',
+        footer: [
+            'run `npx @sickr/replay login` to extend new links to 7 days.',
+            'Replay Pro (live + remote) — early access, rolling cohorts:',
+            '  https://sickr.ai/#waitlist',
+        ],
+    };
+}
+function expiryValueStyled(e) {
+    if (e.kind === 'anon')
+        return ui.warn(e.value) + '   ' + ui.dim(ui.glyph.tag + ' ' + e.tag);
+    if (e.kind === 'pro')
+        return ui.brand(e.value) + '   ' + ui.accent(ui.bold(ui.glyph.tag + ' ' + e.tag));
+    return ui.brand(e.value) + '   ' + ui.dim(ui.glyph.tag + ' ' + e.tag);
+}
+function tipLine(text) {
+    return '  ' + ui.accent(ui.glyph.tip) + ' ' + ui.dim(text) + '\n';
+}
+function legacyExpiryLine(ttl_days) {
     if (ttl_days >= 30)
         return `sickr: this link is live for ${ttl_days} days (Replay Pro retention).\n`;
     if (ttl_days >= 2)
@@ -402,13 +439,44 @@ async function handleShare(runId, yes, open) {
         process.exit(1);
         return;
     }
-    const payload = buildSharePayload(loadRun(id));
-    process.stdout.write(`sickr: about to publish run "${id}" (${payload.run.events.length} events, secrets already redacted) to ${REPLAY_ENDPOINT}\n` +
-        `sickr: tip — run \`npx @sickr/replay open ${id}\` to review the full timeline locally before sharing.\n`);
+    const run = loadRun(id);
+    const payload = buildSharePayload(run);
+    const agentSet = Array.from(new Set(run.events.map((e) => e.label).filter((a) => a && a !== '—' && a !== 'Response')));
+    const agent = agentSet.length ? agentSet.join(', ') : 'Agent';
+    const target = REPLAY_ENDPOINT.replace(/^https?:\/\//, '');
+    if (ui.enabled()) {
+        process.stdout.write(card('publish preview', [
+            kv('run', ui.white(id)),
+            kv('agent', ui.white(agent)),
+            kv('events', ui.white(String(payload.run.events.length))),
+            kv('secrets', `redacted ${ui.ok(ui.glyph.check)}`),
+            kv('target', ui.white(target)),
+        ]));
+        process.stdout.write(tipLine(`run \`npx @sickr/replay open ${id}\` to review locally first.`));
+        process.stdout.write('\n');
+    }
+    else {
+        process.stdout.write(`sickr: about to publish run "${id}" (${payload.run.events.length} events, secrets already redacted) to ${REPLAY_ENDPOINT}\n` +
+            `sickr: tip — run \`npx @sickr/replay open ${id}\` to review the full timeline locally before sharing.\n`);
+    }
     if (!(await confirmPublish(yes, 'this run')))
         return;
     const { url, ttl_days } = await publishWithRetry(payload);
-    process.stdout.write(`sickr: published → ${url}\n${expiryLine(ttl_days)}sickr: Replay Pro (live + remote) — early access, rolling out in cohorts → https://sickr.ai/#waitlist\n`);
+    const exp = expiryCopy(ttl_days);
+    if (ui.enabled()) {
+        process.stdout.write(card('published', [
+            kv('url', ui.underline(ui.white(url))),
+            kv('run', ui.white(`${id} · ${payload.run.events.length} events`)),
+            kv(exp.kind === 'pro' ? 'retention' : 'expires', expiryValueStyled(exp)),
+        ]));
+        for (const line of exp.footer)
+            process.stdout.write(tipLine(line));
+    }
+    else {
+        process.stdout.write(`sickr: published → ${url}\n` +
+            legacyExpiryLine(ttl_days) +
+            (exp.kind === 'anon' ? `sickr: Replay Pro (live + remote) — early access, rolling out in cohorts → https://sickr.ai/#waitlist\n` : ''));
+    }
     if (open)
         openInBrowser(url);
 }
@@ -422,14 +490,46 @@ async function handleShareCombined(sel, yes, open) {
         return;
     }
     const turns = runs.reduce((n, r) => n + r.events.filter((e) => e.kind === 'prompt').length, 0);
-    const agents = Array.from(new Set(runs.map((r) => r.agent))).join(', ');
+    // Drop the placeholder dash that runSummary returns when an agent label is
+    // missing — otherwise the join produces "across —, Codex, Claude".
+    const agentSet = Array.from(new Set(runs.map((r) => r.agent).filter((a) => a && a !== '—')));
+    const agents = agentSet.length ? agentSet.join(', ') : 'Agent';
     const payload = buildCombinedPayload(runs, sel.label);
-    process.stdout.write(`sickr: about to publish a combined replay (${sel.label}) — ${runs.length} runs, ~${turns} turns across ${agents}, secrets already redacted, to ${REPLAY_ENDPOINT}\n` +
-        `sickr: tip — run the matching \`open\` window to review locally before sharing.\n`);
+    const target = REPLAY_ENDPOINT.replace(/^https?:\/\//, '');
+    if (ui.enabled()) {
+        process.stdout.write(card('publish preview', [
+            kv('scope', ui.white(sel.label)),
+            kv('runs', ui.white(String(runs.length))),
+            kv('turns', ui.white(`~${turns}`)),
+            kv('agents', ui.white(agents)),
+            kv('secrets', `redacted ${ui.ok(ui.glyph.check)}`),
+            kv('target', ui.white(target)),
+        ]));
+        process.stdout.write(tipLine('run the matching `open` window to review locally first.'));
+        process.stdout.write('\n');
+    }
+    else {
+        process.stdout.write(`sickr: about to publish a combined replay (${sel.label}) — ${runs.length} runs, ~${turns} turns across ${agents}, secrets already redacted, to ${REPLAY_ENDPOINT}\n` +
+            `sickr: tip — run the matching \`open\` window to review locally before sharing.\n`);
+    }
     if (!(await confirmPublish(yes, 'this combined replay')))
         return;
     const { url, ttl_days } = await publishWithRetry(payload);
-    process.stdout.write(`sickr: published → ${url}\n${expiryLine(ttl_days)}sickr: Replay Pro (live + remote) — early access, rolling out in cohorts → https://sickr.ai/#waitlist\n`);
+    const exp = expiryCopy(ttl_days);
+    if (ui.enabled()) {
+        process.stdout.write(card('published', [
+            kv('url', ui.underline(ui.white(url))),
+            kv('scope', ui.white(`${sel.label} · ${runs.length} runs · ~${turns} turns`)),
+            kv(exp.kind === 'pro' ? 'retention' : 'expires', expiryValueStyled(exp)),
+        ]));
+        for (const line of exp.footer)
+            process.stdout.write(tipLine(line));
+    }
+    else {
+        process.stdout.write(`sickr: published → ${url}\n` +
+            legacyExpiryLine(ttl_days) +
+            (exp.kind === 'anon' ? `sickr: Replay Pro (live + remote) — early access, rolling out in cohorts → https://sickr.ai/#waitlist\n` : ''));
+    }
     if (open)
         openInBrowser(url);
 }

package/dist/ui.js

@@ -0,0 +1,63 @@
+// Tiny inline ANSI + box helper. No deps — chalk/ora would balloon the install
+// and clash with the "npx and forget" wedge. One place that decides when to
+// down-grade to plain `sickr: ...` lines: noColor() — NO_COLOR / CI / non-TTY /
+// dumb terminals / legacy cmd.exe. Every other code path goes through ui.enabled().
+//
+// Brand: Sickr wordmark cyan (51), plasma accent magenta (201), dim chrome
+// gray (240/245), values bright white (255), amber (214) for anon-link
+// urgency, green (42) for the redacted check. Matches the existing /r/<id>
+// dark/plasma palette without hard-coding hex (terminals translate 256-color).
+const ESC = '\x1b[';
+function isStdoutTTY() {
+    return process.stdout && typeof process.stdout.isTTY === 'boolean' && process.stdout.isTTY;
+}
+function noColor() {
+    if (process.env.NO_COLOR != null || process.env.SICKR_NO_COLOR != null)
+        return true;
+    if (process.env.CI === 'true')
+        return true;
+    if (process.env.TERM === 'dumb')
+        return true;
+    // Legacy cmd.exe: claims TTY but mangles 256-color SGR. Modern Windows
+    // Terminal sets WT_SESSION; VS Code sets TERM_PROGRAM; both safe.
+    if (process.platform === 'win32' && !process.env.WT_SESSION && !process.env.TERM_PROGRAM)
+        return true;
+    return !isStdoutTTY();
+}
+const c = (code) => (s) => noColor() ? s : `${ESC}${code}m${s}${ESC}0m`;
+const c256 = (n) => (s) => noColor() ? s : `${ESC}38;5;${n}m${s}${ESC}0m`;
+export const ui = {
+    enabled() { return !noColor(); },
+    bold: c(1),
+    dim: c256(245),
+    border: c256(240),
+    brand: c256(51), // cyan — Sickr wordmark
+    accent: c256(201), // magenta — plasma glyphs / Pro tag
+    ok: c256(42), // green — redacted check
+    warn: c256(214), // amber — anon-link urgency
+    white: c256(255),
+    underline(s) { return noColor() ? s : `${ESC}4m${s}${ESC}24m`; },
+    glyph: { tip: '▸', check: '✓', tag: '⌗' },
+};
+function stripAnsi(s) { return s.replace(/\x1b\[[0-9;]*m/g, ''); }
+/** "label   value" with the label dim-gray padded to a fixed column. */
+export function kv(label, value, labelWidth = 10) {
+    return ui.dim(label.padEnd(labelWidth)) + value;
+}
+/** Render a Sickr-titled box around pre-formatted rows. Caller should gate on
+ *  ui.enabled() — in plain mode emit `sickr: ...` lines directly instead. */
+export function card(title, rows) {
+    const widths = rows.map((r) => stripAnsi(r).length);
+    const inner = Math.max(56, ...widths) + 2; // +2 = one space pad each side inside the border
+    const dash = (n) => '─'.repeat(Math.max(1, n));
+    // Title bar: "╭─ sickr ─ <title> ─────────╮"
+    const titleTextLen = 'sickr '.length + 2 + title.length + 1; // "sickr " + "─ " + title + " "
+    const tailLen = Math.max(1, inner - titleTextLen - 1);
+    const top = ui.border('╭─ ') + ui.brand(ui.bold('sickr')) + ui.border(' ─ ') + ui.dim(title) + ' ' + ui.border(dash(tailLen) + '╮');
+    const bot = ui.border('╰' + dash(inner) + '╯');
+    const body = rows.map((r, i) => {
+        const pad = ' '.repeat(Math.max(0, inner - widths[i] - 2));
+        return ui.border('│ ') + r + pad + ui.border(' │');
+    }).join('\n');
+    return `${top}\n${body}\n${bot}\n`;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sickr/replay",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "type": "module",
   "description": "npx @sickr/replay — local Claude Code audit + one-click share. The free wedge into SICKR.",
   "bin": { "replay": "dist/cli.js", "sickr": "dist/cli.js" },