tech-debt-visualizer 0.2.16 → 0.2.18

package/dist/cli.js

@@ -195,7 +195,7 @@ function printCliReport(run, ci) {
     process.stdout.write(chalk.bold.dim("  Technical Debt Cleanliness Score\n"));
     process.stdout.write("  " + "—".repeat(52) + "\n");
     const tierColor = cleanlinessTierColor(cleanliness.tier);
-    process.stdout.write(tierColor(`  ${cleanliness.label} (${cleanliness.tier}/5)\n`));
+    process.stdout.write(tierColor(`  ${cleanliness.label} (${Math.round(score)}/100)\n`));
     process.stdout.write(tierColor(`  ${cleanliness.description}\n`));
     process.stdout.write("  " + "—".repeat(52) + "\n\n");
     process.stdout.write(chalk.bold("  Summary\n"));

package/dist/llm.js

@@ -318,14 +318,17 @@ export async function assessOverallCleanliness(run, config = {}) {
     const debtCount = run.debtItems.length;
     const criticalHigh = run.debtItems.filter((d) => d.severity === "critical" || d.severity === "high").length;
     const hotspots = run.fileMetrics.filter((m) => (m.hotspotScore ?? 0) > 0.3).length;
+    const allFiles = run.fileMetrics.map((m) => m.file);
     const topFiles = run.fileMetrics
         .sort((a, b) => (b.hotspotScore ?? 0) - (a.hotspotScore ?? 0))
         .slice(0, 12)
         .map((m) => m.file);
-    const prompt = `Codebase summary: ${fileCount} files, ${debtCount} debt items (${criticalHigh} critical/high), ${hotspots} hotspots. Top risk files: ${topFiles.join(", ")}
+    const prompt = `Codebase summary: ${fileCount} files, ${debtCount} debt items (${criticalHigh} critical/high), ${hotspots} hotspots.
+All files in this codebase: ${allFiles.join(", ")}
+Top risk files (by hotspot): ${topFiles.join(", ")}
 
 Output only:
-1. A two- to four-sentence summary of the main issues (strengths, concerns, single most important improvement). No code block unless absolutely necessary to demonstrate.
+1. A single paragraph of 7–10 sentences that gives full context for the whole codebase. Cover ALL files: briefly note which files or areas are in good shape, which have issues, and how they fit together. Include strengths, main concerns, and the single most important improvement. Write for someone who needs to understand the entire codebase, not just the problematic parts. No code block unless absolutely necessary.
 2. On the next line write only one word: critical, high, medium, low, or none (overall codebase technical debt severity).
 3. On the line after that write only a number 0-100 (100 = most debt).
 No preamble.`;

package/dist/reports/assets/report.css

@@ -51,7 +51,7 @@
 
 body {
   margin: 0;
-  font-family: "Space Mono", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, monospace;
+  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
   background: var(--bg);
   color: var(--text);
   min-height: 100vh;
@@ -457,7 +457,7 @@ body.dashboard-page {
 
 .panel-title {
   color: var(--text-muted);
-  font-family: "Syne", sans-serif;
+  font-family: "Inter", sans-serif;
   font-size: 0.8rem;
   font-weight: 700;
   letter-spacing: 2px;
@@ -506,7 +506,7 @@ body.dashboard-page {
   display: flex;
   align-items: baseline;
   justify-content: center;
-  gap: 0.4rem; /* space between number and "of 5" */
+  gap: 0.4rem; /* space between number and "of 100" */
   margin-bottom: 0.5rem;
 }
 
@@ -583,19 +583,19 @@ body.dashboard-page {
 }
 
 .panel-score-pop .score-num {
-  font-family: "Syne", sans-serif;
-  font-size: 2.5rem;
+  font-family: "Inter", sans-serif;
+  font-size: 3.25rem;
   font-weight: 800;
   line-height: 1;
   background: linear-gradient(180deg, var(--accent-orange) 0%, var(--accent-red) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   background-clip: text;
-  filter: drop-shadow(0 0 16px rgba(255, 107, 53, 0.3));
+  filter: drop-shadow(0 0 20px rgba(255, 107, 53, 0.35));
 }
 
 .panel-score-pop .score-of {
-  font-size: 1rem;
+  font-size: 1.35rem;
   font-weight: 700;
   color: var(--text-muted);
 }
@@ -603,24 +603,24 @@ body.dashboard-page {
 .panel-score-pop .score-label {
   display: inline-block;
   background: linear-gradient(135deg, var(--accent-orange), var(--accent-red));
-  padding: 0.25rem 0.65rem;
+  padding: 0.45rem 1.1rem;
   border-radius: 50px;
-  font-family: "Syne", sans-serif;
-  font-size: 0.7rem;
+  font-family: "Inter", sans-serif;
+  font-size: 1rem;
   font-weight: 700;
   letter-spacing: 0.5px;
   text-transform: uppercase;
-  box-shadow: 0 4px 12px rgba(255, 107, 53, 0.3);
-  margin-bottom: 0.2rem;
+  box-shadow: 0 6px 18px rgba(255, 107, 53, 0.35);
+  margin-bottom: 0.35rem;
   -webkit-text-fill-color: initial;
   color: #fff;
 }
 
 .panel-score-pop .score-desc {
-  font-size: 0.75rem;
+  font-size: 0.9rem;
   color: var(--text-muted);
   font-style: italic;
-  margin-bottom: 0.25rem;
+  margin-bottom: 0.35rem;
 }
 
 .panel-score-pop .score-stats {
@@ -691,7 +691,7 @@ body.dashboard-page {
 
 .priority-inline h4 {
   margin: 0 0 0.25rem;
-  font-family: "Syne", sans-serif;
+  font-family: "Inter", sans-serif;
   font-size: 0.65rem;
   font-weight: 700;
   text-transform: uppercase;
@@ -902,13 +902,13 @@ body.dashboard-page {
 }
 
 .debt-list .title {
-  font-family: "Syne", sans-serif;
+  font-family: "Inter", sans-serif;
   font-size: 0.8rem;
   font-weight: 700;
   color: var(--text);
   margin-bottom: 0.15rem;
 }
-.debt-list .meta { font-size: 0.65rem; color: var(--text-dim); display: block; margin-top: 0.1rem; font-family: "Space Mono", ui-monospace, monospace; }
+.debt-list .meta { font-size: 0.65rem; color: var(--text-dim); display: block; margin-top: 0.1rem; font-family: ui-monospace, "SF Mono", Consolas, monospace; }
 .debt-list-explanation {
   font-size: 0.7rem;
   color: var(--text-muted);

package/dist/reports/html.js

@@ -47,6 +47,7 @@ function adjustHexBrightness(hex, factor) {
 function buildHtml(run, title, darkMode, css, script) {
     const theme = darkMode ? "dark" : "light";
     const debtScore = getDebtScore(run);
+    const scoreNum = Math.round(Math.max(0, Math.min(100, debtScore)));
     const cleanliness = getCleanlinessTier(debtScore);
     const hasLlm = !!(run.llmOverallAssessment || run.llmOverallRaw);
     const dataJson = JSON.stringify({
@@ -60,6 +61,7 @@ function buildHtml(run, title, darkMode, css, script) {
             filesAnalyzed: run.fileMetrics.length,
             debtCount: run.debtItems.length,
             debtScore,
+            cleanlinessScore: scoreNum,
             cleanlinessTier: cleanliness.tier,
             cleanlinessLabel: cleanliness.label,
             cleanlinessDescription: cleanliness.description,
@@ -76,13 +78,13 @@ function buildHtml(run, title, darkMode, css, script) {
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <title>${escapeHtml(title)}</title>
-  <meta property="og:title" content="${escapeHtml(title)} — ${cleanliness.tier}/5 ${escapeHtml(cleanliness.label)}" />
+  <meta property="og:title" content="${escapeHtml(title)} — ${scoreNum}/100 ${escapeHtml(cleanliness.label)}" />
   <meta property="og:description" content="${escapeHtml(cleanliness.description)}" />
   <meta property="og:type" content="website" />
   <meta name="twitter:card" content="summary" />
-  <meta name="twitter:title" content="${escapeHtml(title)} — ${cleanliness.tier}/5" />
+  <meta name="twitter:title" content="${escapeHtml(title)} — ${scoreNum}/100" />
   <meta name="twitter:description" content="${escapeHtml(cleanliness.label)}: ${escapeHtml(cleanliness.description)}" />
-  <link href="https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Syne:wght@400;600;700;800&display=swap" rel="stylesheet" />
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet" />
   <style>${css}</style>
 </head>
 <body class="dashboard-page">
@@ -93,9 +95,9 @@ function buildHtml(run, title, darkMode, css, script) {
       <span class="dashboard-meta">${escapeHtml(run.repoPath)}</span>
     </div>
     <div class="dashboard-header-right">
-      <div class="dashboard-score tier-${cleanliness.tier}" aria-label="Score ${cleanliness.tier} of 5">
-        <span class="dashboard-score-value">${cleanliness.tier}</span>
-        <span class="dashboard-score-of">/ 5</span>
+      <div class="dashboard-score tier-${cleanliness.tier}" aria-label="Score ${scoreNum} of 100">
+        <span class="dashboard-score-value">${scoreNum}</span>
+        <span class="dashboard-score-of">/ 100</span>
         <span class="dashboard-score-label">${escapeHtml(cleanliness.label)}</span>
       </div>
       <button type="button" class="btn-ai-prompts btn-ai-prompts-header" id="btnAiPrompts">AI cleanup prompts</button>
@@ -112,8 +114,8 @@ function buildHtml(run, title, darkMode, css, script) {
           </div>
           <div class="panel-body panel-body-score">
             <div class="score-numeric">
-              <span class="score-num">${cleanliness.tier}</span>
-              <span class="score-of">of 5</span>
+              <span class="score-num">${scoreNum}</span>
+              <span class="score-of">of 100</span>
             </div>
             <p class="score-label">${escapeHtml(cleanliness.label)}</p>
             <p class="score-desc">${escapeHtml(cleanliness.description)}</p>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tech-debt-visualizer",
-  "version": "0.2.16",
+  "version": "0.2.18",
   "description": "Language-agnostic CLI that analyzes repos and generates interactive technical debt visualizations with AI-powered insights",
   "type": "module",
   "main": "dist/index.js",