@vibecodeqa/cli 0.22.0 → 0.24.0

package/dist/cli.js

@@ -31,17 +31,22 @@ import { computeTrend, formatTrend } from "./trend.js";
 import { gradeFromScore } from "./types.js";
 const pkg = JSON.parse(readFileSync(new URL("../package.json", import.meta.url), "utf-8"));
 const VERSION = pkg.version;
-const args = process.argv.slice(2);
-const flags = new Set(args.filter((a) => a.startsWith("--")));
-const cwd = resolve(args.find((a) => !a.startsWith("--")) || ".");
-const outputDir = join(cwd, ".vibe-check");
-const jsonOnly = flags.has("--json");
-const ciMode = flags.has("--ci");
-const skipTests = flags.has("--skip-tests");
-const watchMode = flags.has("--watch");
-const badgeMode = flags.has("--badge");
-const sarifMode = flags.has("--sarif");
-const uploadMode = flags.has("--upload");
+function parseFlags() {
+    const args = process.argv.slice(2);
+    const flags = new Set(args.filter((a) => a.startsWith("--")));
+    const cwd = resolve(args.find((a) => !a.startsWith("--")) || ".");
+    return {
+        cwd,
+        outputDir: join(cwd, ".vibe-check"),
+        jsonOnly: flags.has("--json"),
+        ciMode: flags.has("--ci"),
+        skipTests: flags.has("--skip-tests"),
+        watchMode: flags.has("--watch"),
+        badgeMode: flags.has("--badge"),
+        sarifMode: flags.has("--sarif"),
+        uploadMode: flags.has("--upload"),
+    };
+}
 function color(grade) {
     if (grade === "A")
         return "\x1b[32m";
@@ -49,23 +54,7 @@ function color(grade) {
         return "\x1b[33m";
     return "\x1b[31m";
 }
-async function main() {
-    const start = Date.now();
-    if (!jsonOnly) {
-        console.log("");
-        console.log(`  \x1b[1m\x1b[38;5;141mvcqa\x1b[0m v${VERSION}`);
-        console.log(`  \x1b[2m${cwd}\x1b[0m`);
-        console.log("");
-    }
-    const stack = detectStack(cwd);
-    if (!jsonOnly) {
-        const parts = [stack.language, stack.framework, stack.bundler, stack.testRunner, stack.linter, stack.packageManager].filter((v) => v !== "none" && v !== "unknown");
-        console.log(`  stack: ${parts.join(" + ")}`);
-        console.log("");
-    }
-    const checks = [];
-    const isDart = stack.language === "dart";
-    // All runners grouped by category
+function runChecks(cwd, stack, skipTests, isDart, jsonOnly) {
     const runners = [
         // Foundations
         { name: "structure", fn: () => runStructure(cwd, stack) },
@@ -97,6 +86,7 @@ async function main() {
         { name: "doc-coherence", fn: () => runDocCoherence(cwd) },
         { name: "code-coherence", fn: () => runCodeCoherence(cwd) },
     ];
+    const checks = [];
     for (const runner of runners) {
         if (!jsonOnly)
             process.stdout.write(`  ${runner.name.padEnd(14)}`);
@@ -113,20 +103,9 @@ async function main() {
             console.log(`${c}${label.padEnd(5)}${scoreStr}\x1b[0m  \x1b[2m${result.duration}ms\x1b[0m${issueStr}`);
         }
     }
-    const score = computeScore(checks);
-    const grade = gradeFromScore(score);
-    const duration = Date.now() - start;
-    const totalIssues = checks.reduce((s, c) => s + c.issues.length, 0);
-    const report = {
-        version: VERSION,
-        timestamp: new Date().toISOString(),
-        score,
-        grade,
-        checks,
-        meta: { cwd, node: process.version, duration, stack, ...detectRepoUrl(cwd) },
-    };
-    // Trend comparison (read previous report before overwriting)
-    const trend = computeTrend(report, outputDir);
+    return checks;
+}
+async function writeOutputs(report, outputDir, flags) {
     if (!existsSync(outputDir))
         mkdirSync(outputDir, { recursive: true });
     // Save to history before overwriting current report
@@ -159,58 +138,127 @@ async function main() {
         writeFileSync(join(reportDir, filename), html);
     }
     // Badge SVG
-    if (badgeMode) {
+    if (flags.badgeMode) {
         const { buildBadge } = await import("./report/svg.js");
-        const badgeSvg = buildBadge(score, grade);
+        const badgeSvg = buildBadge(report.score, report.grade);
         writeFileSync(join(outputDir, "badge.svg"), badgeSvg);
     }
     // SARIF output for GitHub Code Scanning
-    if (sarifMode) {
+    if (flags.sarifMode) {
         const { generateSARIF } = await import("./report/sarif.js");
         writeFileSync(join(outputDir, "report.sarif"), generateSARIF(report));
     }
-    // Upload to VibeCode QA dashboard
-    if (uploadMode) {
-        const repo = report.meta.repoUrl?.replace(/^https:\/\/github\.com\//, "") || cwd.split("/").pop() || "project";
-        const token = process.env.VCQA_TOKEN || "";
-        try {
-            const res = await fetch("https://api.vibecodeqa.online/api/reports", {
-                method: "POST",
-                headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
-                body: JSON.stringify({ repo, report }),
-            });
-            if (res.ok) {
-                const data = (await res.json());
-                if (!jsonOnly)
-                    console.log(`  \x1b[32m\u2713 Uploaded to dashboard\x1b[0m \x1b[2m(${data.totalReports || 1} reports)\x1b[0m`);
-            }
-            else if (!jsonOnly) {
-                console.log(`  \x1b[33m\u26a0 Upload failed: ${res.status}\x1b[0m \x1b[2m(set VCQA_TOKEN env var)\x1b[0m`);
-            }
-        }
-        catch {
-            if (!jsonOnly)
-                console.log(`  \x1b[33m\u26a0 Upload failed (network error)\x1b[0m`);
-        }
-    }
-    if (jsonOnly) {
+}
+function printResults(report, trend, flags, outputDir) {
+    const { score, grade, checks } = report;
+    const totalIssues = checks.reduce((s, c) => s + c.issues.length, 0);
+    if (flags.jsonOnly) {
         console.log(JSON.stringify(report));
     }
     else {
         const gc = color(grade);
         console.log("");
-        console.log(`  ${gc}\x1b[1m${grade}\x1b[0m ${gc}${score}/100\x1b[0m  \x1b[2m${checks.length} checks · ${totalIssues} issues · ${duration}ms\x1b[0m`);
+        console.log(`  ${gc}\x1b[1m${grade}\x1b[0m ${gc}${score}/100\x1b[0m  \x1b[2m${checks.length} checks · ${totalIssues} issues · ${report.meta.duration}ms\x1b[0m`);
         if (trend)
             console.log(formatTrend(trend));
         console.log("");
         console.log(`  \x1b[2mReport: ${join(outputDir, "report/index.html")}\x1b[0m`);
         console.log(`  \x1b[2mJSON:   ${join(outputDir, "report.json")}\x1b[0m`);
-        if (badgeMode)
+        if (flags.badgeMode)
             console.log(`  \x1b[2mBadge:  ${join(outputDir, "badge.svg")}\x1b[0m`);
-        if (sarifMode)
+        if (flags.sarifMode)
             console.log(`  \x1b[2mSARIF:  ${join(outputDir, "report.sarif")}\x1b[0m`);
         console.log("");
     }
+}
+async function handleUpload(report, cwd, jsonOnly) {
+    const repo = report.meta.repoUrl?.replace(/^https:\/\/github\.com\//, "") || cwd.split("/").pop() || "project";
+    const token = process.env.VCQA_TOKEN || "";
+    try {
+        const res = await fetch("https://api.vibecodeqa.online/api/reports", {
+            method: "POST",
+            headers: { "Content-Type": "application/json", Authorization: `Bearer ${token}` },
+            body: JSON.stringify({ repo, report }),
+        });
+        if (res.ok) {
+            const data = (await res.json());
+            if (!jsonOnly)
+                console.log(`  \x1b[32m\u2713 Uploaded to dashboard\x1b[0m \x1b[2m(${data.totalReports || 1} reports)\x1b[0m`);
+        }
+        else if (!jsonOnly) {
+            console.log(`  \x1b[33m\u26a0 Upload failed: ${res.status}\x1b[0m \x1b[2m(set VCQA_TOKEN env var)\x1b[0m`);
+        }
+    }
+    catch {
+        if (!jsonOnly)
+            console.log(`  \x1b[33m\u26a0 Upload failed (network error)\x1b[0m`);
+    }
+}
+async function startWatch(cwd) {
+    const { watch } = await import("node:fs");
+    const srcDirs = ["src", "web/src"].map((d) => join(cwd, d)).filter((d) => existsSync(d));
+    if (srcDirs.length === 0) {
+        console.log("  \x1b[31mNo src/ directory to watch\x1b[0m");
+        process.exit(1);
+    }
+    console.log("  \x1b[2mWatching for changes... (Ctrl+C to stop)\x1b[0m");
+    console.log("");
+    let debounce = null;
+    let running = false;
+    for (const dir of srcDirs) {
+        watch(dir, { recursive: true }, (_event, filename) => {
+            if (!filename || filename.includes("node_modules") || filename.includes(".vibe-check"))
+                return;
+            if (running)
+                return;
+            if (debounce)
+                clearTimeout(debounce);
+            debounce = setTimeout(async () => {
+                running = true;
+                console.log(`  \x1b[2mChanged: ${filename} — re-scanning...\x1b[0m`);
+                await main().catch(() => { });
+                running = false;
+            }, 500);
+        });
+    }
+    // Keep process alive
+    await new Promise(() => { });
+}
+async function main() {
+    const flags = parseFlags();
+    const { cwd, outputDir, jsonOnly, ciMode, skipTests, watchMode } = flags;
+    const start = Date.now();
+    if (!jsonOnly) {
+        console.log("");
+        console.log(`  \x1b[1m\x1b[38;5;141mvcqa\x1b[0m v${VERSION}`);
+        console.log(`  \x1b[2m${cwd}\x1b[0m`);
+        console.log("");
+    }
+    const stack = detectStack(cwd);
+    if (!jsonOnly) {
+        const parts = [stack.language, stack.framework, stack.bundler, stack.testRunner, stack.linter, stack.packageManager].filter((v) => v !== "none" && v !== "unknown");
+        console.log(`  stack: ${parts.join(" + ")}`);
+        console.log("");
+    }
+    const isDart = stack.language === "dart";
+    const checks = runChecks(cwd, stack, skipTests, isDart, jsonOnly);
+    const score = computeScore(checks);
+    const grade = gradeFromScore(score);
+    const duration = Date.now() - start;
+    const report = {
+        version: VERSION,
+        timestamp: new Date().toISOString(),
+        score,
+        grade,
+        checks,
+        meta: { cwd, node: process.version, duration, stack, ...detectRepoUrl(cwd) },
+    };
+    const trend = computeTrend(report, outputDir);
+    await writeOutputs(report, outputDir, flags);
+    printResults(report, trend, flags, outputDir);
+    if (flags.uploadMode) {
+        await handleUpload(report, cwd, jsonOnly);
+    }
     if (ciMode && score < 60) {
         process.exit(1);
     }
@@ -224,36 +272,8 @@ async function main() {
             /* failed to open browser */
         }
     }
-    // Watch mode — re-run on file changes
     if (watchMode) {
-        const { watch } = await import("node:fs");
-        const srcDirs = ["src", "web/src"].map((d) => join(cwd, d)).filter((d) => existsSync(d));
-        if (srcDirs.length === 0) {
-            console.log("  \x1b[31mNo src/ directory to watch\x1b[0m");
-            process.exit(1);
-        }
-        console.log("  \x1b[2mWatching for changes... (Ctrl+C to stop)\x1b[0m");
-        console.log("");
-        let debounce = null;
-        let running = false;
-        for (const dir of srcDirs) {
-            watch(dir, { recursive: true }, (_event, filename) => {
-                if (!filename || filename.includes("node_modules") || filename.includes(".vibe-check"))
-                    return;
-                if (running)
-                    return; // prevent concurrent re-runs (M5)
-                if (debounce)
-                    clearTimeout(debounce);
-                debounce = setTimeout(async () => {
-                    running = true;
-                    console.log(`  \x1b[2mChanged: ${filename} — re-scanning...\x1b[0m`);
-                    await main().catch(() => { });
-                    running = false;
-                }, 500);
-            });
-        }
-        // Keep process alive
-        await new Promise(() => { });
+        await startWatch(cwd);
     }
 }
 main().catch((err) => {

package/dist/report/html.js

@@ -13,7 +13,7 @@
 import { getCheckMeta } from "../check-meta.js";
 import { det, e, fileLink, gc } from "./components.js";
 import { FAVICON_SVG } from "./favicon.js";
-import { categoryPage, filesPage, issuesPage, overviewPage } from "./pages.js";
+import { categoryPage, filesPage, issuesPage, overviewPage, trendsPage } from "./pages.js";
 import { CSS } from "./styles.js";
 export const GROUPS = [
     { id: "foundations", label: "Foundations", file: "foundations.html", checks: ["structure", "lint", "types", "type-safety", "standards"] },
@@ -93,7 +93,7 @@ export function generatePages(report, historyDir) {
                 const badge = premium
                     ? `<span style="color:#6366f1">PRO</span>`
                     : `<span style="color:${sk ? "#555" : gc(c.grade)}">${sk ? "\u2014" : c.grade} ${sk ? "" : c.score}</span>`;
-                return `<a class="side-check" onclick="var t=document.querySelector('[data-sub=\\'${cs.id}-${c.name}\\']');if(t)sub(t,'${cs.id}')" title="${e(meta.label)}">${badge} ${e(meta.label)}</a>`;
+                return `<a class="side-check" onclick="let t=document.querySelector('[data-sub=\\'${cs.id}-${c.name}\\']');if(t)sub(t,'${cs.id}')" title="${e(meta.label)}">${badge} ${e(meta.label)}</a>`;
             })
                 .join("") +
             `</div>` +
@@ -121,6 +121,13 @@ export function generatePages(report, historyDir) {
         `</div>` +
         sidebarViews(totalIssues, fileIssues.size);
     pages.set("files.html", w("files", filesSidebar, filesPage(topFiles, fileIssues, fl)));
+    // ── Trends page ──
+    const trendsSidebar = sidebarScore(report) +
+        `<div class="side-section"><div class="side-cat-title">History</div>` +
+        `<div class="side-stat"><span style="color:var(--text)">${historyDir ? "30" : "0"}</span> scans stored</div>` +
+        `</div>` +
+        sidebarViews(totalIssues, fileIssues.size);
+    pages.set("trends.html", w("trends", trendsSidebar, trendsPage(historyDir)));
     return pages;
 }
 export function generateHTML(report, historyDir) {
@@ -138,6 +145,7 @@ function wrap(proj, currentId, report, totalIssues, sidebar, content) {
     const navItems = [
         { id: "overview", label: "Overview", file: "index.html" },
         ...GROUPS.map((g) => ({ id: g.id, label: g.label, file: g.file })),
+        { id: "trends", label: "Trends", file: "trends.html" },
         { id: "issues", label: `Issues (${totalIssues})`, file: "issues.html" },
         { id: "files", label: "Files", file: "files.html" },
     ];
@@ -178,10 +186,10 @@ function sub(el,cat){
   document.querySelectorAll('.sp').forEach(s=>{s.classList.toggle('active',s.dataset.sub===id)});
 }
 document.addEventListener('click',function(ev){
-  var btn=ev.target.closest('.cp-btn');
+  const btn=ev.target.closest('.cp-btn');
   if(!btn)return;
-  var text=btn.dataset.prompt||'';
-  try{navigator.clipboard.writeText(text)}catch(e){var ta=document.createElement('textarea');ta.value=text;ta.style.position='fixed';ta.style.opacity='0';document.body.appendChild(ta);ta.select();document.execCommand('copy');document.body.removeChild(ta)}
+  const text=btn.dataset.prompt||'';
+  try{navigator.clipboard.writeText(text)}catch(e){const ta=document.createElement('textarea');ta.value=text;ta.style.position='fixed';ta.style.opacity='0';document.body.appendChild(ta);ta.select();document.execCommand('copy');document.body.removeChild(ta)}
   btn.textContent='\\u2713';setTimeout(function(){btn.textContent='\\ud83d\\udccb'},1000);
 });
 </script>

package/dist/report/pages.d.ts

@@ -23,4 +23,5 @@ export declare function filesPage(topFiles: FileEntry[], fileIssues: Map<string,
     warnings: number;
     checks: Set<string>;
 }>, fl: FL): string;
+export declare function trendsPage(historyDir: string | undefined): string;
 export {};

package/dist/report/pages.js

@@ -220,3 +220,70 @@ export function filesPage(topFiles, fileIssues, fl) {
     }, new Set()).size} checks.</p>
 ${heatmapRows}`;
 }
+// ── Trends page ──────────────────────────────────────────
+export function trendsPage(historyDir) {
+    if (!historyDir) {
+        return `<h2>Trends</h2><p class="muted">No history data yet. Run the scanner multiple times to see trends.</p>`;
+    }
+    const history = loadHistory(historyDir);
+    if (history.length < 2) {
+        return `<h2>Trends</h2><p class="muted">Need at least 2 scans to show trends. Run the scanner again.</p>`;
+    }
+    // Overall score timeline (large)
+    const overallChart = buildTimeline(history.map((h) => ({ score: h.score, timestamp: h.timestamp })), { width: 700, height: 150 });
+    // Collect all check names from latest entry
+    const latest = history[history.length - 1];
+    const checkNames = [...latest.checkScores.keys()];
+    // Per-check mini charts
+    const checkCharts = checkNames
+        .map((name) => {
+        const data = history
+            .map((h) => ({ score: h.checkScores.get(name) ?? 0, timestamp: h.timestamp }))
+            .filter((d) => d.score > 0);
+        if (data.length < 2)
+            return "";
+        const current = data[data.length - 1].score;
+        const prev = data[data.length - 2].score;
+        const delta = current - prev;
+        const deltaStr = delta > 0 ? `<span style="color:var(--pass)">+${delta}</span>` : delta < 0 ? `<span style="color:var(--fail)">${delta}</span>` : `<span class="muted">=</span>`;
+        const color = current >= 90 ? "var(--pass)" : current >= 75 ? "#84cc16" : current >= 60 ? "var(--warn)" : "var(--fail)";
+        const chart = buildTimeline(data, { width: 300, height: 60 });
+        return `<div class="trend-card">
+<div class="trend-header"><span class="trend-name">${name}</span><span class="trend-score" style="color:${color}">${current}</span>${deltaStr}</div>
+<div class="trend-chart">${chart}</div>
+</div>`;
+    })
+        .filter(Boolean)
+        .join("");
+    // Score delta table
+    const deltaRows = checkNames
+        .map((name) => {
+        const scores = history.map((h) => h.checkScores.get(name) ?? 0);
+        const first = scores.find((s) => s > 0) ?? 0;
+        const last = scores[scores.length - 1];
+        const delta = last - first;
+        if (first === 0 && last === 0)
+            return "";
+        return { name, first, last, delta };
+    })
+        .filter(Boolean)
+        .sort((a, b) => b.delta - a.delta);
+    const deltaTable = deltaRows
+        .map((r) => {
+        const clr = r.delta > 0 ? "var(--pass)" : r.delta < 0 ? "var(--fail)" : "var(--muted)";
+        return `<div class="trend-row"><span class="trend-row-name">${r.name}</span><span class="trend-row-val">${r.first}</span><span class="trend-row-arrow">\u2192</span><span class="trend-row-val">${r.last}</span><span class="trend-row-delta" style="color:${clr}">${r.delta > 0 ? "+" : ""}${r.delta}</span></div>`;
+    })
+        .join("");
+    return `
+<h2>Trends</h2>
+<p class="muted" style="font-size:0.78rem;margin-bottom:1.5rem">${history.length} scans from ${history[0].timestamp.split("T")[0]} to ${latest.timestamp.split("T")[0]}</p>
+
+<h3>Overall Score</h3>
+<div class="timeline">${overallChart}</div>
+
+<h3 style="margin-top:2rem">Score Changes (first \u2192 latest)</h3>
+<div class="trend-table">${deltaTable}</div>
+
+<h3 style="margin-top:2rem">Per-Check Trends</h3>
+<div class="trend-grid">${checkCharts}</div>`;
+}

package/dist/report/styles.d.ts

@@ -1,2 +1,2 @@
 /** All CSS for the HTML report, extracted for maintainability. */
-export declare const CSS = "\n:root{--bg:#09090b;--card:#111115;--border:#1e1e24;--text:#e5e5e5;--muted:#6b7280;--pass:#22c55e;--fail:#ef4444;--warn:#eab308;--info:#6366f1;--accent:#818cf8;--side-w:200px;--top-h:42px}\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:\"Inter\",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}\ncode{font-family:\"SF Mono\",Menlo,monospace;font-size:0.85em}\n\n/* \u2500\u2500 Top nav \u2500\u2500 */\n.top{position:sticky;top:0;z-index:30;background:#0c0c0fdd;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;height:var(--top-h)}\n.logo{font-weight:800;font-size:1rem;margin-right:1rem;flex-shrink:0;text-decoration:none;color:var(--text)}\n.logo span{color:var(--accent)}\n.nav-scroll{display:flex;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}\n.nav-scroll::-webkit-scrollbar{display:none}\n.tn{padding:0 0.7rem;font-size:0.78rem;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:all 0.15s;white-space:nowrap;line-height:var(--top-h)}\n.tn:hover{color:var(--text)}\n.tn.active{color:var(--text);border-bottom-color:var(--accent)}\n.hamburger{display:none;background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:0 0.4rem;line-height:var(--top-h)}\n\n/* \u2500\u2500 Sidebar \u2500\u2500 */\n.side{position:fixed;top:var(--top-h);left:0;bottom:0;width:var(--side-w);background:#0c0c0f;border-right:1px solid var(--border);overflow-y:auto;padding:0.6rem 0;font-size:0.7rem;z-index:20}\n.side-section{padding:0.3rem 0;border-bottom:1px solid var(--border)}\n.side-section:last-child{border-bottom:none}\n.side-label{padding:0.2rem 0.8rem;font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;color:#444;font-weight:600}\n.side-score{font-size:1.4rem;font-weight:900;padding:0.2rem 0.8rem}\n.side-cat{display:block;padding:0.3rem 0.8rem;color:var(--text);font-weight:700;cursor:pointer;text-decoration:none;font-size:0.72rem}\n.side-cat:hover{background:#14141a}\n.side-cat-title{padding:0.3rem 0.8rem;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--accent);font-weight:700}\n.side-check{display:block;padding:0.15rem 0.8rem 0.15rem 0.8rem;color:var(--muted);cursor:pointer;text-decoration:none;font-size:0.65rem}\n.side-check:hover{color:var(--text);background:#14141a}\n.side-check span{display:inline-block;min-width:2.5rem;font-weight:700;font-size:0.6rem}\n.side-stat{padding:0.15rem 0.8rem;font-size:0.7rem;color:var(--muted)}\n.side-stat span{font-weight:800;font-size:0.8rem}\n.side-views{padding-top:0.3rem}\n.side-views .side-check{padding-left:0.8rem}\n\n/* \u2500\u2500 Content \u2500\u2500 */\n.content{margin-left:var(--side-w);padding:1.5rem 2rem;max-width:960px}\n\n/* \u2500\u2500 Overview \u2500\u2500 */\n.dash{display:flex;gap:2rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}\n.hero{display:flex;align-items:center;gap:1rem}\n.hero svg{width:100px;height:100px}\n.hc{display:flex;flex-direction:column}\n.hg{font-size:2.5rem;font-weight:900;line-height:1}\n.hs{font-size:1rem;font-weight:600}\n.hd{font-size:0.68rem;color:var(--muted)}\n.radar{flex:1;display:flex;justify-content:center}\n.radar svg{max-width:240px;width:100%}\n.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.6rem;margin-bottom:2rem}\n.cc{background:var(--card);border:1px solid var(--border);border-radius:0.6rem;padding:0.8rem;transition:border-color 0.15s;text-decoration:none;color:var(--text);display:block}\n.cc:hover{border-color:var(--accent)}\n.cc-s{font-size:1.8rem;font-weight:900}\n.cc-l{font-size:0.75rem;color:var(--muted)}\n.cc-m{margin-top:0.3rem;display:flex;gap:0.25rem}\n.mc{font-size:0.65rem;font-weight:800}\nh3{font-size:0.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.5rem}\n\n/* \u2500\u2500 Overview sections \u2500\u2500 */\n.ov-section{margin-bottom:1.5rem}\n.ov-issue{font-size:0.68rem;font-family:\"SF Mono\",monospace;padding:0.2rem 0;display:flex;gap:0.4rem;align-items:baseline;border-bottom:1px solid var(--border)}\n.ov-issue .is{flex-shrink:0}\n.ov-issue.error .is{color:var(--fail)}\n.ov-issue.warning .is{color:var(--warn)}\n.ov-check{color:var(--muted);width:70px;flex-shrink:0;font-size:0.62rem}\n.ov-loc{color:var(--accent);flex-shrink:0;font-size:0.62rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.ov-msg{flex:1;word-break:break-word}\n.ov-link{display:block;margin-top:0.5rem;font-size:0.72rem;color:var(--accent);text-decoration:none}\n.ov-link:hover{text-decoration:underline}\n\n/* \u2500\u2500 Timeline \u2500\u2500 */\n.timeline{margin:0.5rem 0;overflow-x:auto}\n.timeline svg{max-width:100%}\n\n/* \u2500\u2500 Bar chart \u2500\u2500 */\n.bars{margin-bottom:1.5rem}\n.brow{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.25rem;font-size:0.72rem}\n.bl{width:90px;text-align:right;color:var(--muted);flex-shrink:0}\n.bb{flex:1;height:14px;background:var(--card);border-radius:3px;overflow:hidden;border:1px solid var(--border)}\n.bf{height:100%;border-radius:2px}\n.bv{width:36px;font-weight:700;font-size:0.68rem}\n.stack{display:flex;gap:0.35rem;flex-wrap:wrap;margin-top:1rem}\n.stack span{background:var(--card);border:1px solid var(--border);padding:0.1rem 0.45rem;border-radius:9999px;font-size:0.62rem;color:var(--muted)}\n\n/* \u2500\u2500 Category pages \u2500\u2500 */\n.cat-head{margin-bottom:0.3rem}\n.bar2{height:4px;background:var(--card);border-radius:2px;margin-bottom:1rem;overflow:hidden}\n.bf2{height:100%;border-radius:2px}\n.sub-nav{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap}\n.sn{padding:0.5rem 0.8rem;font-size:0.75rem;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}\n.sn:hover{color:var(--text)}\n.sn.active{color:var(--text);border-bottom-color:var(--accent)}\n.sp{display:none}.sp.active{display:block}\n\n/* \u2500\u2500 Check detail \u2500\u2500 */\n.ch-head{display:flex;align-items:center;gap:0.7rem;margin-bottom:0.8rem}\n.ch-g{font-size:2rem;font-weight:900}\n.ch-s{display:block;font-size:0.7rem;color:var(--muted)}\n.pri{font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.15rem 0.5rem;border-radius:9999px;border:1px solid currentColor;flex-shrink:0}\n.info-panel{background:#0d0d12;border:1px solid var(--border);border-radius:0.5rem;padding:0.7rem 0.9rem;margin-bottom:1rem;font-size:0.72rem;line-height:1.6}\n.ip-row{margin-bottom:0.4rem;display:flex;gap:0.5rem}\n.ip-row:last-child{margin-bottom:0}\n.ip-label{color:var(--accent);font-weight:700;min-width:2.5rem;flex-shrink:0}\n.skip-r{color:var(--muted);font-style:italic;font-size:0.78rem}\n.kvs{display:flex;gap:0.6rem;flex-wrap:wrap;margin-bottom:1rem}\n.kv{background:var(--card);border:1px solid var(--border);border-radius:0.4rem;padding:0.3rem 0.6rem;font-size:0.7rem}\n.k{color:var(--muted);margin-right:0.3rem}\n.v{font-weight:600}\n\n/* \u2500\u2500 Issue list grouped by file \u2500\u2500 */\n.iss-list{margin-top:1rem}\n.fg{margin-bottom:0.8rem}\n.fn{font-size:0.72rem;font-weight:600;font-family:\"SF Mono\",monospace;padding:0.3rem 0;border-bottom:1px solid var(--border);margin-bottom:0.2rem;display:flex;align-items:center;gap:0.5rem}\n.fc{background:var(--border);border-radius:9999px;padding:0 0.4rem;font-size:0.6rem;color:var(--muted)}\n.ir{font-size:0.65rem;font-family:\"SF Mono\",monospace;padding:0.12rem 0 0.12rem 0.5rem;display:flex;gap:0.4rem;align-items:baseline}\n.is{font-weight:800;font-size:0.55rem;width:0.9rem;text-align:center;border-radius:2px;flex-shrink:0}\n.ir.error .is{color:var(--fail);background:#ef444418}\n.ir.warning .is{color:var(--warn);background:#eab30818}\n.ir.info .is{color:var(--info);background:#6366f118}\n.il{color:var(--accent);min-width:2rem;flex-shrink:0}\n.im{flex:1;word-break:break-word}\n.iru{color:#555;font-size:0.55rem}\n\n/* \u2500\u2500 All issues table \u2500\u2500 */\n.isf{color:var(--muted);font-size:0.75rem;margin-bottom:0.8rem}\n.it{width:100%;border-collapse:collapse;font-size:0.68rem}\n.it th{text-align:left;padding:0.35rem 0.4rem;color:var(--muted);font-size:0.62rem;text-transform:uppercase;border-bottom:1px solid var(--border)}\n.it td{padding:0.25rem 0.4rem;border-bottom:1px solid var(--border);font-family:\"SF Mono\",monospace;font-size:0.62rem}\n.it tr.error .is2{color:var(--fail)}\n.it tr.warning .is2{color:var(--warn)}\n.is2{font-weight:800;width:1rem}\n.ic2{color:var(--muted);width:70px}\n.il2{color:var(--muted)}\n.iru2{color:#555;font-size:0.58rem}\n\n/* \u2500\u2500 File health \u2500\u2500 */\n.fr{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;font-size:0.7rem}\n.ff{width:200px;font-family:\"SF Mono\",monospace;font-size:0.65rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.fb{flex:1;height:12px;background:var(--card);border-radius:3px;overflow:hidden;border:1px solid var(--border)}\n.fbf{height:100%;border-radius:2px}\n.fv{width:50px;font-size:0.65rem;color:var(--muted);flex-shrink:0}\n.hm-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.2rem;font-size:0.7rem}\n.hm-name{width:200px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"SF Mono\",monospace;font-size:0.65rem}\n.hm-bar{height:14px;border-radius:3px;min-width:4px}\n.hm-count{color:var(--muted);font-size:0.65rem;flex-shrink:0;min-width:50px}\n.hm-checks{font-size:0.58rem;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n/* \u2500\u2500 Premium cards \u2500\u2500 */\n.pro-card{background:linear-gradient(135deg,#0f0f1a 0%,#13131f 100%);border:1px solid #2a2a3d;border-radius:0.75rem;padding:1.5rem;position:relative;overflow:hidden}\n.pro-card::before{content:\"\";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#6366f108 0%,transparent 70%);pointer-events:none}\n.pro-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:0.6rem;font-weight:800;padding:0.15rem 0.5rem;border-radius:9999px;letter-spacing:0.06em;margin-bottom:0.6rem}\n.pro-desc{color:var(--muted);font-size:0.78rem;line-height:1.6;margin-bottom:0.8rem}\n.pro-cta{color:#6366f1;font-size:0.72rem;font-weight:600;margin-top:1rem}\n.sn-pro{opacity:0.7}\n\n.footer{text-align:center;color:var(--muted);font-size:0.58rem;margin-top:2rem;padding:0.8rem 0;border-top:1px solid var(--border)}\n.footer a{color:var(--muted)}\n.flink{color:var(--accent);text-decoration:none;font-family:\"SF Mono\",monospace}.flink:hover{text-decoration:underline}\n.arch-svg{margin:1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}\n.arch-svg svg{border-radius:8px}\n.cp-btn{background:none;border:none;cursor:pointer;font-size:0.6rem;opacity:0.3;padding:0 0.2rem;flex-shrink:0}.cp-btn:hover{opacity:1}\n.ir:hover .cp-btn{opacity:0.6}\n\n/* \u2500\u2500 Mobile: hamburger collapses both navs \u2500\u2500 */\n@media(max-width:768px){\n.hamburger{display:block}\n.nav-scroll{display:none}\n.nav-scroll.open{display:flex;position:absolute;top:var(--top-h);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:0.3rem 0.5rem;z-index:25}\n.side{display:none}\n.side.open{display:block;z-index:25}\n.top{padding:0 0.8rem}\n.logo{font-size:0.85rem;margin-right:0.5rem}\n.content{margin-left:0;padding:0.8rem}\n.cats{grid-template-columns:1fr 1fr}\n.dash{flex-direction:column;gap:1rem}\n.hero svg{width:80px;height:80px}\n.hg{font-size:2rem}\n.radar svg{max-width:180px}\n.bl{width:60px;font-size:0.62rem}\n.bv{width:30px;font-size:0.6rem}\n.it{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}\n.ff{width:120px;font-size:0.58rem}\n.hm-name{width:120px;font-size:0.58rem}\n.hm-checks{display:none}\n.ov-check{width:50px}\n.ov-loc{max-width:120px}\n.ir{font-size:0.6rem}\n.ch-head{flex-wrap:wrap}\n.ch-g{font-size:1.5rem}\n.info-panel{font-size:0.68rem;padding:0.5rem 0.6rem}\n.ip-row{flex-direction:column;gap:0.1rem}\n.kvs{gap:0.4rem}\n.kv{font-size:0.62rem;padding:0.2rem 0.4rem}\n.arch-svg svg{min-width:400px}\n}\n@media(max-width:480px){\n.cats{grid-template-columns:1fr}\n.tn{padding:0 0.4rem;font-size:0.65rem}\n.ff{width:90px}\n.hm-name{width:90px}\n.ov-check{display:none}\n}\n";
+export declare const CSS = "\n:root{--bg:#09090b;--card:#111115;--border:#1e1e24;--text:#e5e5e5;--muted:#6b7280;--pass:#22c55e;--fail:#ef4444;--warn:#eab308;--info:#6366f1;--accent:#818cf8;--side-w:200px;--top-h:42px}\n*{margin:0;padding:0;box-sizing:border-box}\nbody{font-family:\"Inter\",system-ui,sans-serif;background:var(--bg);color:var(--text);line-height:1.5}\ncode{font-family:\"SF Mono\",Menlo,monospace;font-size:0.85em}\n\n/* \u2500\u2500 Top nav \u2500\u2500 */\n.top{position:sticky;top:0;z-index:30;background:#0c0c0fdd;backdrop-filter:blur(12px);border-bottom:1px solid var(--border);padding:0 1.5rem;display:flex;align-items:center;height:var(--top-h)}\n.logo{font-weight:800;font-size:1rem;margin-right:1rem;flex-shrink:0;text-decoration:none;color:var(--text)}\n.logo span{color:var(--accent)}\n.nav-scroll{display:flex;align-items:center;gap:0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}\n.nav-scroll::-webkit-scrollbar{display:none}\n.tn{padding:0 0.7rem;font-size:0.78rem;color:var(--muted);text-decoration:none;border-bottom:2px solid transparent;transition:all 0.15s;white-space:nowrap;line-height:var(--top-h)}\n.tn:hover{color:var(--text)}\n.tn.active{color:var(--text);border-bottom-color:var(--accent)}\n.hamburger{display:none;background:none;border:none;color:var(--muted);font-size:1.3rem;cursor:pointer;padding:0 0.4rem;line-height:var(--top-h)}\n\n/* \u2500\u2500 Sidebar \u2500\u2500 */\n.side{position:fixed;top:var(--top-h);left:0;bottom:0;width:var(--side-w);background:#0c0c0f;border-right:1px solid var(--border);overflow-y:auto;padding:0.6rem 0;font-size:0.7rem;z-index:20}\n.side-section{padding:0.3rem 0;border-bottom:1px solid var(--border)}\n.side-section:last-child{border-bottom:none}\n.side-label{padding:0.2rem 0.8rem;font-size:0.6rem;text-transform:uppercase;letter-spacing:0.05em;color:#444;font-weight:600}\n.side-score{font-size:1.4rem;font-weight:900;padding:0.2rem 0.8rem}\n.side-cat{display:block;padding:0.3rem 0.8rem;color:var(--text);font-weight:700;cursor:pointer;text-decoration:none;font-size:0.72rem}\n.side-cat:hover{background:#14141a}\n.side-cat-title{padding:0.3rem 0.8rem;font-size:0.65rem;text-transform:uppercase;letter-spacing:0.04em;color:var(--accent);font-weight:700}\n.side-check{display:block;padding:0.15rem 0.8rem 0.15rem 0.8rem;color:var(--muted);cursor:pointer;text-decoration:none;font-size:0.65rem}\n.side-check:hover{color:var(--text);background:#14141a}\n.side-check span{display:inline-block;min-width:2.5rem;font-weight:700;font-size:0.6rem}\n.side-stat{padding:0.15rem 0.8rem;font-size:0.7rem;color:var(--muted)}\n.side-stat span{font-weight:800;font-size:0.8rem}\n.side-views{padding-top:0.3rem}\n.side-views .side-check{padding-left:0.8rem}\n\n/* \u2500\u2500 Content \u2500\u2500 */\n.content{margin-left:var(--side-w);padding:1.5rem 2rem;max-width:960px}\n\n/* \u2500\u2500 Overview \u2500\u2500 */\n.dash{display:flex;gap:2rem;margin-bottom:2rem;align-items:center;flex-wrap:wrap}\n.hero{display:flex;align-items:center;gap:1rem}\n.hero svg{width:100px;height:100px}\n.hc{display:flex;flex-direction:column}\n.hg{font-size:2.5rem;font-weight:900;line-height:1}\n.hs{font-size:1rem;font-weight:600}\n.hd{font-size:0.68rem;color:var(--muted)}\n.radar{flex:1;display:flex;justify-content:center}\n.radar svg{max-width:240px;width:100%}\n.cats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0.6rem;margin-bottom:2rem}\n.cc{background:var(--card);border:1px solid var(--border);border-radius:0.6rem;padding:0.8rem;transition:border-color 0.15s;text-decoration:none;color:var(--text);display:block}\n.cc:hover{border-color:var(--accent)}\n.cc-s{font-size:1.8rem;font-weight:900}\n.cc-l{font-size:0.75rem;color:var(--muted)}\n.cc-m{margin-top:0.3rem;display:flex;gap:0.25rem}\n.mc{font-size:0.65rem;font-weight:800}\nh3{font-size:0.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.5rem}\n\n/* \u2500\u2500 Overview sections \u2500\u2500 */\n.ov-section{margin-bottom:1.5rem}\n.ov-issue{font-size:0.68rem;font-family:\"SF Mono\",monospace;padding:0.2rem 0;display:flex;gap:0.4rem;align-items:baseline;border-bottom:1px solid var(--border)}\n.ov-issue .is{flex-shrink:0}\n.ov-issue.error .is{color:var(--fail)}\n.ov-issue.warning .is{color:var(--warn)}\n.ov-check{color:var(--muted);width:70px;flex-shrink:0;font-size:0.62rem}\n.ov-loc{color:var(--accent);flex-shrink:0;font-size:0.62rem;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.ov-msg{flex:1;word-break:break-word}\n.ov-link{display:block;margin-top:0.5rem;font-size:0.72rem;color:var(--accent);text-decoration:none}\n.ov-link:hover{text-decoration:underline}\n\n/* \u2500\u2500 Timeline \u2500\u2500 */\n.timeline{margin:0.5rem 0;overflow-x:auto}\n.timeline svg{max-width:100%}\n\n/* \u2500\u2500 Bar chart \u2500\u2500 */\n.bars{margin-bottom:1.5rem}\n.brow{display:flex;align-items:center;gap:0.4rem;margin-bottom:0.25rem;font-size:0.72rem}\n.bl{width:90px;text-align:right;color:var(--muted);flex-shrink:0}\n.bb{flex:1;height:14px;background:var(--card);border-radius:3px;overflow:hidden;border:1px solid var(--border)}\n.bf{height:100%;border-radius:2px}\n.bv{width:36px;font-weight:700;font-size:0.68rem}\n.stack{display:flex;gap:0.35rem;flex-wrap:wrap;margin-top:1rem}\n.stack span{background:var(--card);border:1px solid var(--border);padding:0.1rem 0.45rem;border-radius:9999px;font-size:0.62rem;color:var(--muted)}\n\n/* \u2500\u2500 Category pages \u2500\u2500 */\n.cat-head{margin-bottom:0.3rem}\n.bar2{height:4px;background:var(--card);border-radius:2px;margin-bottom:1rem;overflow:hidden}\n.bf2{height:100%;border-radius:2px}\n.sub-nav{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1rem;flex-wrap:wrap}\n.sn{padding:0.5rem 0.8rem;font-size:0.75rem;color:var(--muted);cursor:pointer;border-bottom:2px solid transparent}\n.sn:hover{color:var(--text)}\n.sn.active{color:var(--text);border-bottom-color:var(--accent)}\n.sp{display:none}.sp.active{display:block}\n\n/* \u2500\u2500 Check detail \u2500\u2500 */\n.ch-head{display:flex;align-items:center;gap:0.7rem;margin-bottom:0.8rem}\n.ch-g{font-size:2rem;font-weight:900}\n.ch-s{display:block;font-size:0.7rem;color:var(--muted)}\n.pri{font-size:0.62rem;font-weight:700;text-transform:uppercase;letter-spacing:0.04em;padding:0.15rem 0.5rem;border-radius:9999px;border:1px solid currentColor;flex-shrink:0}\n.info-panel{background:#0d0d12;border:1px solid var(--border);border-radius:0.5rem;padding:0.7rem 0.9rem;margin-bottom:1rem;font-size:0.72rem;line-height:1.6}\n.ip-row{margin-bottom:0.4rem;display:flex;gap:0.5rem}\n.ip-row:last-child{margin-bottom:0}\n.ip-label{color:var(--accent);font-weight:700;min-width:2.5rem;flex-shrink:0}\n.skip-r{color:var(--muted);font-style:italic;font-size:0.78rem}\n.kvs{display:flex;gap:0.6rem;flex-wrap:wrap;margin-bottom:1rem}\n.kv{background:var(--card);border:1px solid var(--border);border-radius:0.4rem;padding:0.3rem 0.6rem;font-size:0.7rem}\n.k{color:var(--muted);margin-right:0.3rem}\n.v{font-weight:600}\n\n/* \u2500\u2500 Issue list grouped by file \u2500\u2500 */\n.iss-list{margin-top:1rem}\n.fg{margin-bottom:0.8rem}\n.fn{font-size:0.72rem;font-weight:600;font-family:\"SF Mono\",monospace;padding:0.3rem 0;border-bottom:1px solid var(--border);margin-bottom:0.2rem;display:flex;align-items:center;gap:0.5rem}\n.fc{background:var(--border);border-radius:9999px;padding:0 0.4rem;font-size:0.6rem;color:var(--muted)}\n.ir{font-size:0.65rem;font-family:\"SF Mono\",monospace;padding:0.12rem 0 0.12rem 0.5rem;display:flex;gap:0.4rem;align-items:baseline}\n.is{font-weight:800;font-size:0.55rem;width:0.9rem;text-align:center;border-radius:2px;flex-shrink:0}\n.ir.error .is{color:var(--fail);background:#ef444418}\n.ir.warning .is{color:var(--warn);background:#eab30818}\n.ir.info .is{color:var(--info);background:#6366f118}\n.il{color:var(--accent);min-width:2rem;flex-shrink:0}\n.im{flex:1;word-break:break-word}\n.iru{color:#555;font-size:0.55rem}\n\n/* \u2500\u2500 All issues table \u2500\u2500 */\n.isf{color:var(--muted);font-size:0.75rem;margin-bottom:0.8rem}\n.it{width:100%;border-collapse:collapse;font-size:0.68rem}\n.it th{text-align:left;padding:0.35rem 0.4rem;color:var(--muted);font-size:0.62rem;text-transform:uppercase;border-bottom:1px solid var(--border)}\n.it td{padding:0.25rem 0.4rem;border-bottom:1px solid var(--border);font-family:\"SF Mono\",monospace;font-size:0.62rem}\n.it tr.error .is2{color:var(--fail)}\n.it tr.warning .is2{color:var(--warn)}\n.is2{font-weight:800;width:1rem}\n.ic2{color:var(--muted);width:70px}\n.il2{color:var(--muted)}\n.iru2{color:#555;font-size:0.58rem}\n\n/* \u2500\u2500 File health \u2500\u2500 */\n.fr{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem;font-size:0.7rem}\n.ff{width:200px;font-family:\"SF Mono\",monospace;font-size:0.65rem;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n.fb{flex:1;height:12px;background:var(--card);border-radius:3px;overflow:hidden;border:1px solid var(--border)}\n.fbf{height:100%;border-radius:2px}\n.fv{width:50px;font-size:0.65rem;color:var(--muted);flex-shrink:0}\n.hm-row{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.2rem;font-size:0.7rem}\n.hm-name{width:200px;flex-shrink:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family:\"SF Mono\",monospace;font-size:0.65rem}\n.hm-bar{height:14px;border-radius:3px;min-width:4px}\n.hm-count{color:var(--muted);font-size:0.65rem;flex-shrink:0;min-width:50px}\n.hm-checks{font-size:0.58rem;color:#555;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}\n\n/* \u2500\u2500 Premium cards \u2500\u2500 */\n.pro-card{background:linear-gradient(135deg,#0f0f1a 0%,#13131f 100%);border:1px solid #2a2a3d;border-radius:0.75rem;padding:1.5rem;position:relative;overflow:hidden}\n.pro-card::before{content:\"\";position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#6366f108 0%,transparent 70%);pointer-events:none}\n.pro-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#818cf8);color:#fff;font-size:0.6rem;font-weight:800;padding:0.15rem 0.5rem;border-radius:9999px;letter-spacing:0.06em;margin-bottom:0.6rem}\n.pro-desc{color:var(--muted);font-size:0.78rem;line-height:1.6;margin-bottom:0.8rem}\n.pro-cta{color:#6366f1;font-size:0.72rem;font-weight:600;margin-top:1rem}\n.sn-pro{opacity:0.7}\n\n/* \u2500\u2500 Trends page \u2500\u2500 */\n.trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:0.5rem}\n.trend-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0.8rem}\n.trend-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem}\n.trend-name{font-size:0.78rem;font-weight:700;flex:1}\n.trend-score{font-size:1.1rem;font-weight:900}\n.trend-chart{overflow:hidden}\n.trend-chart svg{width:100%;height:60px}\n.trend-table{margin-bottom:1.5rem}\n.trend-row{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0;border-bottom:1px solid var(--border);font-size:0.75rem}\n.trend-row-name{flex:1;font-weight:600}\n.trend-row-val{width:2rem;text-align:center;color:var(--muted)}\n.trend-row-arrow{color:var(--muted);font-size:0.6rem}\n.trend-row-delta{width:2.5rem;text-align:right;font-weight:700}\n\n.footer{text-align:center;color:var(--muted);font-size:0.58rem;margin-top:2rem;padding:0.8rem 0;border-top:1px solid var(--border)}\n.footer a{color:var(--muted)}\n.flink{color:var(--accent);text-decoration:none;font-family:\"SF Mono\",monospace}.flink:hover{text-decoration:underline}\n.arch-svg{margin:1rem 0;overflow-x:auto;-webkit-overflow-scrolling:touch}\n.arch-svg svg{border-radius:8px}\n.cp-btn{background:none;border:none;cursor:pointer;font-size:0.6rem;opacity:0.3;padding:0 0.2rem;flex-shrink:0}.cp-btn:hover{opacity:1}\n.ir:hover .cp-btn{opacity:0.6}\n\n/* \u2500\u2500 Mobile: hamburger collapses both navs \u2500\u2500 */\n@media(max-width:768px){\n.hamburger{display:block}\n.nav-scroll{display:none}\n.nav-scroll.open{display:flex;position:absolute;top:var(--top-h);left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);flex-wrap:wrap;padding:0.3rem 0.5rem;z-index:25}\n.side{display:none}\n.side.open{display:block;z-index:25}\n.top{padding:0 0.8rem}\n.logo{font-size:0.85rem;margin-right:0.5rem}\n.content{margin-left:0;padding:0.8rem}\n.cats{grid-template-columns:1fr 1fr}\n.dash{flex-direction:column;gap:1rem}\n.hero svg{width:80px;height:80px}\n.hg{font-size:2rem}\n.radar svg{max-width:180px}\n.bl{width:60px;font-size:0.62rem}\n.bv{width:30px;font-size:0.6rem}\n.it{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}\n.ff{width:120px;font-size:0.58rem}\n.hm-name{width:120px;font-size:0.58rem}\n.hm-checks{display:none}\n.ov-check{width:50px}\n.ov-loc{max-width:120px}\n.ir{font-size:0.6rem}\n.ch-head{flex-wrap:wrap}\n.ch-g{font-size:1.5rem}\n.info-panel{font-size:0.68rem;padding:0.5rem 0.6rem}\n.ip-row{flex-direction:column;gap:0.1rem}\n.kvs{gap:0.4rem}\n.kv{font-size:0.62rem;padding:0.2rem 0.4rem}\n.arch-svg svg{min-width:400px}\n}\n@media(max-width:480px){\n.cats{grid-template-columns:1fr}\n.tn{padding:0 0.4rem;font-size:0.65rem}\n.ff{width:90px}\n.hm-name{width:90px}\n.ov-check{display:none}\n}\n";

package/dist/report/styles.js

@@ -152,6 +152,21 @@ h3{font-size:0.85rem;color:var(--muted);text-transform:uppercase;letter-spacing:
 .pro-cta{color:#6366f1;font-size:0.72rem;font-weight:600;margin-top:1rem}
 .sn-pro{opacity:0.7}
 
+/* ── Trends page ── */
+.trend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;margin-top:0.5rem}
+.trend-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:0.8rem}
+.trend-header{display:flex;align-items:center;gap:0.5rem;margin-bottom:0.3rem}
+.trend-name{font-size:0.78rem;font-weight:700;flex:1}
+.trend-score{font-size:1.1rem;font-weight:900}
+.trend-chart{overflow:hidden}
+.trend-chart svg{width:100%;height:60px}
+.trend-table{margin-bottom:1.5rem}
+.trend-row{display:flex;align-items:center;gap:0.5rem;padding:0.25rem 0;border-bottom:1px solid var(--border);font-size:0.75rem}
+.trend-row-name{flex:1;font-weight:600}
+.trend-row-val{width:2rem;text-align:center;color:var(--muted)}
+.trend-row-arrow{color:var(--muted);font-size:0.6rem}
+.trend-row-delta{width:2.5rem;text-align:right;font-weight:700}
+
 .footer{text-align:center;color:var(--muted);font-size:0.58rem;margin-top:2rem;padding:0.8rem 0;border-top:1px solid var(--border)}
 .footer a{color:var(--muted)}
 .flink{color:var(--accent);text-decoration:none;font-family:"SF Mono",monospace}.flink:hover{text-decoration:underline}

package/dist/runners/architecture.js

@@ -145,8 +145,7 @@ function buildGraph(files) {
 function parseImports(content) {
     const imports = [];
     const regex = /import\s+(?:[\s\S]*?)\s+from\s+['"]([^'"]+)['"]/g;
-    let match;
-    while ((match = regex.exec(content)) !== null) {
+    for (const match of content.matchAll(regex)) {
         if (match[1].startsWith("."))
             imports.push(match[1]);
     }

package/dist/runners/best-practices.js

@@ -13,21 +13,10 @@ import { existsSync, readdirSync, readFileSync } from "node:fs";
 import { join } from "node:path";
 import { readDeps } from "../fs-utils.js";
 import { gradeFromScore } from "../types.js";
-export function runBestPractices(cwd) {
-    const start = Date.now();
+function checkCICD(cwd, has, read) {
     const issues = [];
     let practices = 0;
     let followed = 0;
-    const has = (f) => existsSync(join(cwd, f));
-    const read = (f) => {
-        try {
-            return readFileSync(join(cwd, f), "utf-8");
-        }
-        catch {
-            return "";
-        }
-    };
-    // ── 1. CI/CD Best Practices ──
     // Check for GitHub Actions workflows
     const hasWorkflows = has(".github/workflows");
     practices++;
@@ -99,7 +88,12 @@ export function runBestPractices(cwd) {
             rule: "no-ci",
         });
     }
-    // ── 2. Supply Chain ──
+    return { practices, followed, issues };
+}
+function checkSupplyChain(has, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
     // Lockfile committed
     practices++;
     const hasLockfile = has("pnpm-lock.yaml") || has("package-lock.json") || has("yarn.lock") || has("bun.lockb") || has("pubspec.lock");
@@ -136,7 +130,12 @@ export function runBestPractices(cwd) {
             });
         }
     }
-    // ── 3. Repo Hygiene ──
+    return { practices, followed, issues };
+}
+function checkRepoHygiene(has) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
     // SECURITY.md or security policy
     practices++;
     if (has("SECURITY.md") || has(".github/SECURITY.md")) {
@@ -165,7 +164,12 @@ export function runBestPractices(cwd) {
             rule: "contributing-guide",
         });
     }
-    // ── 4. Developer Experience ──
+    return { practices, followed, issues };
+}
+function checkDevExperience(cwd, has) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
     // .env.example
     practices++;
     const hasEnvFiles = has(".env") || has(".env.local") || has(".env.development");
@@ -204,7 +208,12 @@ export function runBestPractices(cwd) {
             rule: "automated-deps",
         });
     }
-    // ── 5. Code Quality Tooling ──
+    return { practices, followed, issues };
+}
+function checkCodeQualityTooling(has, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
     // Linter configured
     practices++;
     if (has("biome.json") ||
@@ -247,7 +256,13 @@ export function runBestPractices(cwd) {
             rule: "ts-strict-mode",
         });
     }
-    // ── 6. Testing Best Practices ──
+    return { practices, followed, issues };
+}
+function checkTesting(has, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
+    const pkg = read("package.json");
     // Test script exists
     practices++;
     if (pkg.includes('"test"') || has("pubspec.yaml")) {
@@ -268,7 +283,12 @@ export function runBestPractices(cwd) {
             rule: "coverage-config",
         });
     }
-    // ── 7. Docker / Deployment ──
+    return { practices, followed, issues };
+}
+function checkDocker(has, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
     // Dockerfile best practices (if Docker is used)
     if (has("Dockerfile") || has("docker-compose.yml") || has("docker-compose.yaml")) {
         practices++;
@@ -315,7 +335,13 @@ export function runBestPractices(cwd) {
             });
         }
     }
-    // ── 8. Git Practices ──
+    return { practices, followed, issues };
+}
+function checkGitPractices(cwd, has, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
+    const deps = readDeps(cwd);
     // .gitignore is comprehensive
     practices++;
     const gitignore = read(".gitignore");
@@ -344,7 +370,13 @@ export function runBestPractices(cwd) {
             rule: "conventional-commits",
         });
     }
-    // ── 9. Monitoring & Observability ──
+    return { practices, followed, issues };
+}
+function checkMonitoring(cwd) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
+    const deps = readDeps(cwd);
     // Error tracking (Sentry, Bugsnag, etc.) — only for apps/servers, not CLI tools
     const isApp = deps.react || deps.vue || deps.svelte || deps.express || deps.fastify || deps.hono || deps.next || deps.nuxt;
     if (isApp) {
@@ -360,7 +392,14 @@ export function runBestPractices(cwd) {
             });
         }
     }
-    // ── 10. API & Configuration ──
+    return { practices, followed, issues };
+}
+function checkAPIConfig(cwd, read) {
+    const issues = [];
+    let practices = 0;
+    let followed = 0;
+    const deps = readDeps(cwd);
+    const pkg = read("package.json");
     // Environment validation (zod, joi, envalid)
     practices++;
     if (deps.zod || deps.joi || deps.envalid || deps["@t3-oss/env-core"] || deps["@t3-oss/env-nextjs"]) {
@@ -379,6 +418,39 @@ export function runBestPractices(cwd) {
             followed++;
         }
     }
+    return { practices, followed, issues };
+}
+export function runBestPractices(cwd) {
+    const start = Date.now();
+    const has = (f) => existsSync(join(cwd, f));
+    const read = (f) => {
+        try {
+            return readFileSync(join(cwd, f), "utf-8");
+        }
+        catch {
+            return "";
+        }
+    };
+    const categories = [
+        checkCICD(cwd, has, read),
+        checkSupplyChain(has, read),
+        checkRepoHygiene(has),
+        checkDevExperience(cwd, has),
+        checkCodeQualityTooling(has, read),
+        checkTesting(has, read),
+        checkDocker(has, read),
+        checkGitPractices(cwd, has, read),
+        checkMonitoring(cwd),
+        checkAPIConfig(cwd, read),
+    ];
+    let practices = 0;
+    let followed = 0;
+    const issues = [];
+    for (const cat of categories) {
+        practices += cat.practices;
+        followed += cat.followed;
+        issues.push(...cat.issues);
+    }
     // ── Score ──
     const pct = practices > 0 ? Math.round((followed / practices) * 100) : 100;
     const score = pct;

package/dist/runners/confusion.js

@@ -247,8 +247,7 @@ function extractExports(content) {
         /export\s+type\s+(\w+)/g,
     ];
     for (const pat of patterns) {
-        let match;
-        while ((match = pat.exec(content)) !== null) {
+        for (const match of content.matchAll(pat)) {
             exports.push(match[1]);
         }
     }

package/dist/runners/context.js

@@ -131,8 +131,7 @@ export function runContext(cwd) {
 function parseImports(content) {
     const imports = [];
     const regex = /import\s+(?:[\s\S]*?)\s+from\s+['"]([^'"]+)['"]/g;
-    let match;
-    while ((match = regex.exec(content)) !== null) {
+    for (const match of content.matchAll(regex)) {
         const path = match[1];
         // Only count local imports (starting with . or /)
         if (path.startsWith(".") || path.startsWith("/")) {

package/dist/runners/standards.js

@@ -28,7 +28,12 @@ const CODE_SMELLS = [
         message: "dangerouslySetInnerHTML bypasses React's XSS protection",
     },
     { name: "document.write", pattern: /document\.write\s*\(/, severity: "error", message: "document.write blocks rendering" },
-    { name: "http:// URL", pattern: /['"]http:\/\/(?!localhost|127\.0\.0\.1)/, severity: "warning", message: "Non-HTTPS URL — use https://" },
+    {
+        name: "http:// URL",
+        pattern: /['"]http:\/\/(?!localhost|127\.0\.0\.1|www\.w3\.org|schemas?\.)/,
+        severity: "warning",
+        message: "Non-HTTPS URL — use https://",
+    },
     { name: "TODO/FIXME", pattern: /\b(TODO|FIXME|HACK|XXX)\b/, severity: "warning", message: "Unresolved TODO/FIXME comment" },
     {
         name: "magic number",
@@ -96,6 +101,9 @@ export function runStandards(cwd, stack) {
                 continue;
             if (/\bpattern\s*:|name:\s*["']|message:\s*["']|description:\s*["']|risk:\s*["']|recommendation:\s*["']/.test(trimmed))
                 continue;
+            // Skip string-only lines (check-meta descriptions, inline scripts)
+            if (/^\s*["'`].*["'`][,;]?\s*$/.test(line))
+                continue;
             for (const check of CODE_SMELLS) {
                 // Skip console.log in CLI entry points (intentional output)
                 if (check.name === "console.log" && (f.path.includes("cli.") || f.path.includes("bin/")))

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vibecodeqa/cli",
-  "version": "0.22.0",
+  "version": "0.24.0",
   "description": "Code health scanner for the AI coding era. 21 checks, zero config, full report.",
   "type": "module",
   "bin": {