roast-my-design-system 5.7.1 → 5.7.2

package/README.md

@@ -60,7 +60,7 @@ One scan powers all of it; the flags decide what lands on disk. Combine freely.
 
 The full report for vercel/ai-chatbot, top to bottom — including "What the numbers mean", Claude's read of the scan, embedded right under the verdict:
 
-![The full diagnosis report for vercel/ai-chatbot in dark mode: health score, the What the numbers mean analysis written by Claude, priced Where to start moves each with its copy-the-fix-prompt button, the wrapped present with the agent rules, an agent trap callout, three-yardstick tiles, the adoption map treemap, palette forensics, spacing receipts, typography specimens, offenders, duplicates, and the component usage ledger](https://raw.githubusercontent.com/gregkozakiewicz/roast-my-design-system/main/assets/report-full-dark.png?v=5.7.0)
+![The full diagnosis report for vercel/ai-chatbot in dark mode: health score, the What the numbers mean analysis written by Claude, priced Where to start moves each with its copy-the-fix-prompt button, the wrapped present with the agent rules, an agent trap callout, three-yardstick tiles, the adoption map treemap, palette forensics, spacing receipts, typography specimens, offenders, duplicates, and the component usage ledger](https://raw.githubusercontent.com/gregkozakiewicz/roast-my-design-system/main/assets/report-full-dark.png?v=5.7.2)
 
 The same report in light mode (one file, built-in toggle):
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "roast-my-design-system",
-  "version": "5.7.1",
+  "version": "5.7.2",
   "mcpName": "io.github.gregkozakiewicz/roast-my-design-system",
   "description": "Your AI can write the UI. This makes sure it writes your UI. A deterministic scanner scores your design system 0-100 against 34 public repos, reads React and web components (Stencil, Lit), hands you a copy-paste fix prompt for each top finding, writes rules for Claude, Cursor, Copilot and Windsurf with --apply, and runs as a local MCP server with --mcp.",
   "keywords": [

package/skills/roast-my-design-system/scripts/diagnose/index.mjs

@@ -774,13 +774,19 @@ function adoptionMap(tiled) {
     i += row.length;
   }
   const tiles = rects.map(({ x, y, w, h, c }) => {
-    const fitsName = w > c.name.length * 7.5 + 10 && h > 34;
-    const fitsCount = w > 34 && h > (fitsName ? 52 : 22);
+    // Every tile gets a name, whatever its width allows: a long name is
+    // truncated with an ellipsis (the hover keeps the full identity), because
+    // an anonymous square reads as a bug, not a component (caught by Greg on
+    // the scale map, 2026-09-02). The count joins when the height allows.
+    const big = w > c.name.length * 7.5 + 10 && h > 34;
+    const maxChars = Math.max(3, Math.floor((w - 10) / (big ? 7.5 : 6.2)));
+    const label = c.name.length <= maxChars ? c.name : c.name.slice(0, Math.max(2, maxChars - 1)) + '…';
+    const fitsCount = h > 46;
     const cx = x + w / 2, cy = y + h / 2;
     return `<g><rect x="${x.toFixed(1)}" y="${y.toFixed(1)}" width="${w.toFixed(1)}" height="${h.toFixed(1)}" class="atile">
       <title>&lt;${esc(c.name)}&gt; · used ${c.usageCount}× · ${esc(c.file)}</title></rect>
-    ${fitsName ? `<text x="${cx.toFixed(1)}" y="${(fitsCount ? cy - 4 : cy + 4).toFixed(1)}" class="adot-n">${esc(c.name)}</text>` : ''}
-    ${fitsCount ? `<text x="${cx.toFixed(1)}" y="${(fitsName ? cy + 14 : cy + 4).toFixed(1)}" class="adot-c">${c.usageCount}×</text>` : ''}</g>`;
+    <text x="${cx.toFixed(1)}" y="${(fitsCount ? cy - 4 : cy + 4).toFixed(1)}" class="adot-n${big ? '' : ' s'}">${esc(label)}</text>
+    ${fitsCount ? `<text x="${cx.toFixed(1)}" y="${(cy + 14).toFixed(1)}" class="adot-c">${c.usageCount}×</text>` : ''}</g>`;
   }).join('');
   return `<svg viewBox="0 0 ${W} ${H}" class="amap" role="img" aria-label="Component adoption map: tile area is import count">${tiles}</svg>`;
 }

package/skills/roast-my-design-system/scripts/lib/version.mjs

@@ -1,4 +1,4 @@
 // Single version constant for the engine — imported by diagnose (report
 // footer) and rules (generated-by line). This is the bump spot that used to
 // live as a const inside diagnose/index.mjs.
-export const VERSION = '5.7.1';
+export const VERSION = '5.7.2';