commitshow 0.3.17 → 0.3.19

package/dist/lib/render.js

@@ -239,20 +239,43 @@ export function renderAudit(view) {
     // ── 3 strengths + 2 concerns box · errors-first reorder (2026-04-30) ──
     // CONCERNS render before STRENGTHS · the value prop is "what your AI
     // missed", so they lead. Score follows as the receipt below.
+    //
+    // 3-tier severity (2026-05-04): the engine ranks weaknesses[] by impact,
+    // so we treat concerns[0] as CRITICAL (✕ scarlet) and the remainder as
+    // WARNING (⚠ gold). Strengths stay as ↑ teal. A one-line counter above
+    // the box gives a scannable tone summary without needing finding IDs.
     const strengths = asStringArray(snapshot?.rich_analysis?.scout_brief?.strengths, 3);
     const concerns = asStringArray(snapshot?.rich_analysis?.scout_brief?.weaknesses, 2);
     if (strengths.length > 0 || concerns.length > 0) {
         const bulletWidth = CONTENT_W - 2;
+        // Findings counter line · sits ABOVE the box so a quick scan picks up
+        // the tone (any criticals?) before reading the bullets.
+        const critCount = Math.min(concerns.length, 1);
+        const warnCount = Math.max(0, concerns.length - 1);
+        const counterParts = [];
+        if (critCount > 0)
+            counterParts.push(c.scarlet(`${critCount} critical`));
+        if (warnCount > 0)
+            counterParts.push(c.gold(`${warnCount} warning`));
+        if (strengths.length > 0)
+            counterParts.push(c.teal(`${strengths.length} strength${strengths.length === 1 ? '' : 's'}`));
+        if (counterParts.length > 0) {
+            lines.push('  ' + c.muted('Findings  · ') + counterParts.join(c.muted(' · ')));
+            lines.push('');
+        }
         lines.push('  ' + boxTop());
         // Heading row inside the box · "What this build missed" lead.
         if (concerns.length > 0) {
             const heading = 'What this build missed';
             lines.push('  ' + boxRow(heading.length, c.bold(c.scarlet(heading))));
         }
-        for (const s of concerns) {
+        concerns.forEach((s, i) => {
             const txt = truncate(s, bulletWidth);
-            lines.push('  ' + boxRow(2 + txt.length, c.scarlet('↓ ') + c.cream(txt)));
-        }
+            const isCrit = i === 0;
+            const icon = isCrit ? '✕ ' : '⚠ ';
+            const tone = isCrit ? c.scarlet : c.gold;
+            lines.push('  ' + boxRow(2 + txt.length, tone(icon) + c.cream(txt)));
+        });
         if (strengths.length > 0) {
             if (concerns.length > 0)
                 lines.push('  ' + boxBlank());
@@ -266,77 +289,10 @@ export function renderAudit(view) {
         lines.push('  ' + boxBottom());
         lines.push('');
     }
-    // Hero score · trophy plate. Score + caption wrapped in a double-line
-    // ╔═╗ box so the X/Twitter screenshot has a single hero artifact you can
-    // crop to. Box is intentionally wider than tall (≈3:2) — square in cell
-    // count is too tall once the 6-row ANSI Shadow + 1 caption + 2 padding
-    // rows are stacked. Outer 58-col layout still centers the box.
-    const band = total >= 75 ? 'strong' : total >= 50 ? 'mid' : 'weak';
-    const bandTone = scoreTone(total);
-    const bigRows = bigText(String(total));
-    const bigWidth = bigRows[0].length;
-    // Inner content width = the longer of (digit width, caption width) + a
-    // small breathing margin on each side. Box outer = inner + 2 (frame).
-    const captionVisible = isWalkOn
-        ? `/ 100 · walk-on · ${band}`
-        : `/ 100 · ${band}`;
-    const SCORE_PAD = 4; // 2 cells of breathing room on each side of widest line
-    const scoreInsideW = Math.max(bigWidth, captionVisible.length) + SCORE_PAD;
-    const scoreOuterW = scoreInsideW + 2;
-    // Center the trophy box inside the 58-col layout
-    const trophyLeftPad = Math.max(0, Math.floor((58 - scoreOuterW) / 2));
-    const trophyIndent = '  ' + ' '.repeat(trophyLeftPad);
-    const trophyTop = c.muted('╔' + '═'.repeat(scoreInsideW) + '╗');
-    const trophyBottom = c.muted('╚' + '═'.repeat(scoreInsideW) + '╝');
-    const trophyBlank = c.muted('║' + ' '.repeat(scoreInsideW) + '║');
-    // Center a colored line inside the box. visibleLen is the *visible*
-    // (ANSI-stripped) cell count of the colored content.
-    const trophyRow = (visibleLen, colored) => {
-        const pad = Math.max(0, scoreInsideW - visibleLen);
-        const lp = Math.floor(pad / 2);
-        const rp = pad - lp;
-        return c.muted('║') + ' '.repeat(lp) + colored + ' '.repeat(rp) + c.muted('║');
-    };
-    lines.push(trophyIndent + trophyTop);
-    lines.push(trophyIndent + trophyBlank);
-    for (const row of bigRows) {
-        lines.push(trophyIndent + trophyRow(bigWidth, c.pixelInk(row)));
-    }
-    lines.push(trophyIndent + trophyBlank);
-    // Caption row · band-tinted so the signal lives on the band word.
-    const captionColored = isWalkOn
-        ? c.muted('/ 100 · ') + c.gold('walk-on') + c.muted(' · ') + bandTone(band)
-        : c.muted('/ 100 · ') + bandTone(band);
-    lines.push(trophyIndent + trophyRow(captionVisible.length, captionColored));
-    lines.push(trophyIndent + trophyBottom);
-    // Walk-on sub-caption stays OUTSIDE the trophy — it's an explanation
-    // of the cap, not part of the headline. Keeps the box clean and tight
-    // for screenshot crops.
-    if (isWalkOn) {
-        const subVisible = 'audition unlocks final 5 · max walk-on score 95';
-        const subPad = Math.floor((58 - subVisible.length) / 2);
-        lines.push('  ' + ' '.repeat(subPad) + c.muted(subVisible));
-    }
-    lines.push('');
-    // Axis bars · league shows all three; walk-on shows Audit only and
-    // surfaces Scout + Community as locked-with-unlock-hint rows.
-    // Walk-on Audit denominator is 45 (Brief slot excluded) so the math is
-    // visibly consistent with the big-digit normalization above.
-    const lockedBar = '─ audition unlocks ─'; // exactly 20 cells · matches scoreBar width
-    const auditDen = isWalkOn ? WALK_ON_AUDIT_MAX : 50;
-    const auditScoreClamp = Math.min(p.score_auto ?? 0, auditDen);
-    const auditLine = `  Audit  ${pad(`${auditScoreClamp}/${auditDen}`, 7)}  ${scoreBar(auditScoreClamp, auditDen)}`;
-    lines.push('  ' + auditLine);
-    if (isWalkOn) {
-        lines.push('  ' + `  Scout  ${pad('—/30', 7)}  ` + c.muted(lockedBar));
-        lines.push('  ' + `  Comm.  ${pad('—/20', 7)}  ` + c.muted(lockedBar));
-    }
-    else {
-        lines.push('  ' + `  Scout  ${pad(`${p.score_forecast}/30`, 7)}  ${scoreBar(p.score_forecast, 30)}`);
-        lines.push('  ' + `  Comm.  ${pad(`${p.score_community}/20`, 7)}  ${scoreBar(p.score_community, 20)}`);
-    }
-    lines.push('');
-    // (concerns/strengths block moved above the score · errors-first 2026-04-30)
+    // (Hero score · trophy plate + axis bars moved BELOW all info sections
+    //  on 2026-05-04 · "info top, capture-worthy hero at the bottom" so a
+    //  crop of the last block is a self-contained share asset. See the
+    //  HERO BLOCK construction near the end of this function.)
     // ─── AI Coder 7 Frames · signature framework ───
     // Render only the categories that produced an actionable status (fail /
     // warn / pass when meaningful). N/A categories are dropped to keep the
@@ -396,6 +352,80 @@ export function renderAudit(view) {
     const url = `https://commit.show/projects/${p.id}`;
     lines.push('  ' + c.muted('→ ') + c.cream(url));
     lines.push('');
+    // Agent-loop hint · nudges users into the `--json` workflow that makes
+    // this CLI useful inside Claude Code · Cursor · etc. Kept short so it
+    // fits inside the 58-cell layout (longer "github.com/foo/bar --json |
+    // jq .concerns" forms blew past the wordmark right edge). The repo
+    // form drops to `.` because anyone running an agent loop is in cwd;
+    // the URL case is already covered by the walk-on upsell box below.
+    if (concerns.length > 0) {
+        const cmd = 'commitshow audit . --json';
+        lines.push('  ' + c.muted('next  · feed your AI loop  → ') + c.cream(cmd));
+        lines.push('');
+    }
+    // ─── HERO BLOCK · trophy + axis bars · 2026-05-04 ───
+    // All info sits ABOVE this block so a screenshot cropped to the bottom
+    // (trophy + axis bars + wordmark) is a self-contained share asset
+    // showing project identity, score, and brand mark in one frame.
+    const band = total >= 75 ? 'strong' : total >= 50 ? 'mid' : 'weak';
+    const bandTone = scoreTone(total);
+    const bigRows = bigText(String(total));
+    const bigWidth = bigRows[0].length;
+    // Trophy: name strip + big digits + caption inside one ╔═╗ frame so a
+    // crop of just the trophy tells the whole story (project · score · band).
+    const slugVisible = (p.github_url?.replace(/^https?:\/\/github\.com\//, '') ?? '').slice(0, 40);
+    const captionVisible = isWalkOn
+        ? `/ 100 · walk-on · ${band}`
+        : `/ 100 · ${band}`;
+    const SCORE_PAD = 4; // 2 cells of breathing room on each side of widest line
+    const scoreInsideW = Math.max(bigWidth, captionVisible.length, slugVisible.length) + SCORE_PAD;
+    const scoreOuterW = scoreInsideW + 2;
+    const trophyLeftPad = Math.max(0, Math.floor((58 - scoreOuterW) / 2));
+    const trophyIndent = '  ' + ' '.repeat(trophyLeftPad);
+    const trophyTop = c.muted('╔' + '═'.repeat(scoreInsideW) + '╗');
+    const trophyBottom = c.muted('╚' + '═'.repeat(scoreInsideW) + '╝');
+    const trophyBlank = c.muted('║' + ' '.repeat(scoreInsideW) + '║');
+    const trophyRow = (visibleLen, colored) => {
+        const pad = Math.max(0, scoreInsideW - visibleLen);
+        const lp = Math.floor(pad / 2);
+        const rp = pad - lp;
+        return c.muted('║') + ' '.repeat(lp) + colored + ' '.repeat(rp) + c.muted('║');
+    };
+    lines.push(trophyIndent + trophyTop);
+    if (slugVisible) {
+        lines.push(trophyIndent + trophyRow(slugVisible.length, c.muted(slugVisible)));
+    }
+    lines.push(trophyIndent + trophyBlank);
+    for (const row of bigRows) {
+        lines.push(trophyIndent + trophyRow(bigWidth, c.pixelInk(row)));
+    }
+    lines.push(trophyIndent + trophyBlank);
+    const captionColored = isWalkOn
+        ? c.muted('/ 100 · ') + c.gold('walk-on') + c.muted(' · ') + bandTone(band)
+        : c.muted('/ 100 · ') + bandTone(band);
+    lines.push(trophyIndent + trophyRow(captionVisible.length, captionColored));
+    lines.push(trophyIndent + trophyBottom);
+    if (isWalkOn) {
+        const subVisible = 'audition unlocks final 5 · max walk-on score 95';
+        const subPad = Math.floor((58 - subVisible.length) / 2);
+        lines.push('  ' + ' '.repeat(subPad) + c.muted(subVisible));
+    }
+    lines.push('');
+    // Axis bars sit directly under the trophy as the per-pillar breakdown
+    // — same visual frame for share screenshots.
+    const lockedBar = '─ audition unlocks ─';
+    const auditDen = isWalkOn ? WALK_ON_AUDIT_MAX : 50;
+    const auditScoreClamp = Math.min(p.score_auto ?? 0, auditDen);
+    lines.push('  ' + `  Audit  ${pad(`${auditScoreClamp}/${auditDen}`, 7)}  ${scoreBar(auditScoreClamp, auditDen)}`);
+    if (isWalkOn) {
+        lines.push('  ' + `  Scout  ${pad('—/30', 7)}  ` + c.muted(lockedBar));
+        lines.push('  ' + `  Comm.  ${pad('—/20', 7)}  ` + c.muted(lockedBar));
+    }
+    else {
+        lines.push('  ' + `  Scout  ${pad(`${p.score_forecast}/30`, 7)}  ${scoreBar(p.score_forecast, 30)}`);
+        lines.push('  ' + `  Comm.  ${pad(`${p.score_community}/20`, 7)}  ${scoreBar(p.score_community, 20)}`);
+    }
+    lines.push('');
     const wordmark = 'commit.show';
     const footerPad = Math.max(0, BOX_W - wordmark.length);
     lines.push(' '.repeat(footerPad) + c.gold(wordmark));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "commitshow",
-  "version": "0.3.17",
+  "version": "0.3.19",
   "description": "commit.show CLI — audit any vibe-coded project from your terminal.",
   "type": "module",
   "bin": {