@vibecodeqa/cli 0.35.4 → 0.35.6

package/dist/monitor.js

@@ -13,6 +13,7 @@ import { watch, existsSync, mkdirSync, writeFileSync, readFileSync } from "node:
 import { execFile } from "node:child_process";
 import { fileURLToPath } from "node:url";
 import { detectStack, detectWorkspace } from "./detect.js";
+import { loadHistory } from "./history.js";
 const VERSION = JSON.parse(readFileSync(new URL("../package.json", import.meta.url), "utf-8")).version;
 const CLI_PATH = fileURLToPath(new URL("./cli.js", import.meta.url));
 const DEFAULTS = {
@@ -199,22 +200,96 @@ function ConfigScreen({ monCfg, onSave, onClose, }) {
                 return (_jsxs(Text, { children: [_jsxs(Text, { color: selected ? "white" : "gray", children: [prefix, opt.label.padEnd(28)] }), _jsxs(Text, { color: "cyan", bold: true, children: ["\u25C0 ", String(opt.value).padStart(5), " \u25B6"] })] }, opt.key));
             }), _jsx(Text, { dimColor: true, children: " " }), _jsx(Text, { dimColor: true, children: " \u2191\u2193 navigate \u00B7 Space toggle \u00B7 \u2190\u2192 adjust \u00B7 Shift+\u2190\u2192 \u00D710" }), _jsx(Text, { dimColor: true, children: " s save & close \u00B7 Esc cancel" })] }));
 }
+// ── Trends Screen ──
+function sparkFull(values, width) {
+    if (values.length < 2)
+        return "";
+    const bars = " ▁▂▃▄▅▆▇█";
+    const min = Math.min(...values);
+    const max = Math.max(...values);
+    const range = max - min || 1;
+    // Resample to fit width
+    const sampled = [];
+    for (let i = 0; i < width; i++) {
+        const idx = Math.round((i / (width - 1)) * (values.length - 1));
+        sampled.push(values[idx]);
+    }
+    return sampled.map((v) => bars[Math.round(((v - min) / range) * 8)]).join("");
+}
+function TrendsScreen({ cwd, height, onClose }) {
+    const historyDir = join(cwd, ".vibe-check", "history");
+    const history = loadHistory(historyDir);
+    useInput((input, key) => {
+        if (key.escape || input === "t")
+            onClose();
+    });
+    if (history.length < 2) {
+        return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, children: [_jsx(Text, { bold: true, color: "magenta", children: " \u25C8 Trends" }), _jsx(Text, { dimColor: true, children: " Need at least 2 scans. Run the scanner a few more times." }), _jsx(Text, { dimColor: true, children: " Esc to go back" })] }));
+    }
+    const latest = history[history.length - 1];
+    const first = history[0];
+    const overallDelta = latest.score - first.score;
+    const scores = history.map((h) => h.score);
+    const chartWidth = 40;
+    // Get all check names from latest
+    const checkNames = [...latest.checkScores.keys()];
+    // Build per-check trends
+    const checkTrends = checkNames
+        .map((name) => {
+        const values = history.map((h) => h.checkScores.get(name) ?? 0).filter((v) => v > 0);
+        if (values.length < 2)
+            return null;
+        const current = values[values.length - 1];
+        const prev = values[0];
+        const delta = current - prev;
+        return { name, current, delta, spark: sparkFull(values, 20) };
+    })
+        .filter(Boolean)
+        .sort((a, b) => a.delta - b.delta);
+    const visibleChecks = Math.max(1, height - 10);
+    return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, children: [_jsxs(Text, { bold: true, color: "magenta", children: [" \u25C8 Trends \u2014 ", history.length, " scans"] }), _jsxs(Text, { dimColor: true, children: [" ", first.timestamp.split("T")[0], " \u2192 ", latest.timestamp.split("T")[0]] }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, children: " Overall Score" }), _jsxs(Text, { children: [_jsxs(Text, { color: "cyan", children: [" ", sparkFull(scores, chartWidth), " "] }), _jsxs(Text, { color: gc(latest.score >= 90 ? "A" : latest.score >= 75 ? "B" : "C"), bold: true, children: [" ", latest.score] }), _jsxs(Text, { color: overallDelta >= 0 ? "green" : "red", children: [" ", overallDelta >= 0 ? "+" : "", overallDelta] })] }), _jsx(Text, { children: " " }), _jsx(Text, { bold: true, children: " Per-Check (first \u2192 latest)" }), checkTrends.slice(0, visibleChecks).map((t) => (_jsxs(Text, { children: [_jsxs(Text, { children: [" ", t.name.slice(0, 14).padEnd(14), " "] }), _jsxs(Text, { color: "cyan", children: [t.spark, " "] }), _jsxs(Text, { color: gc(t.current >= 90 ? "A" : t.current >= 75 ? "B" : "C"), children: [String(t.current).padStart(3), " "] }), _jsxs(Text, { color: t.delta >= 0 ? "green" : "red", children: [t.delta >= 0 ? "+" : "", t.delta] })] }, t.name))), checkTrends.length > visibleChecks && _jsxs(Text, { dimColor: true, children: [" +", checkTrends.length - visibleChecks, " more"] }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: " Esc back to dashboard" }) })] }));
+}
 // ── Main App ──
+/** Load last scan from .vibe-check/report.json for instant display on startup. */
+function loadCachedScan(cwd) {
+    try {
+        const reportPath = join(cwd, ".vibe-check", "report.json");
+        if (!existsSync(reportPath))
+            return null;
+        const report = JSON.parse(readFileSync(reportPath, "utf-8"));
+        const checks = report.checks || [];
+        const totalIssues = checks.reduce((s, c) => s + c.issues.length, 0);
+        return {
+            checks,
+            score: report.score ?? 0,
+            grade: report.grade ?? "?",
+            duration: report.meta?.duration ?? 0,
+            totalIssues,
+            scanning: false,
+            scanCount: 0,
+            scores: [report.score ?? 0],
+        };
+    }
+    catch {
+        return null;
+    }
+}
 function MonitorApp({ cwd }) {
     const { exit } = useApp();
     const { stdout } = useStdout();
     const rows = stdout?.rows ?? 30;
+    const cached = loadCachedScan(cwd);
     const [monCfg, setMonCfg] = useState(() => loadMonitorConfig(cwd));
     const [mode, setMode] = useState("monitor");
-    const [state, setState] = useState({
+    const [state, setState] = useState(cached ?? {
         checks: [], score: 0, grade: "?", duration: 0,
         totalIssues: 0, scanning: true, scanCount: 0, scores: [],
     });
     const [log, setLog] = useState([
-        { time: ts(), text: `Monitoring ${basename(cwd)}...`, type: "info" },
+        { time: ts(), text: cached ? `Loaded cached scan: ${cached.grade} ${cached.score}/100` : `Monitoring ${basename(cwd)}...`, type: cached ? "scan" : "info" },
     ]);
     const scanningRef = useRef(false);
-    const prevScoreRef = useRef(null);
+    const prevScoreRef = useRef(cached ? cached.score : null);
     const addLog = useCallback((text, type = "info") => {
         setLog((prev) => [...prev.slice(-50), { time: ts(), text, type }]);
     }, []);
@@ -283,7 +358,7 @@ function MonitorApp({ cwd }) {
     // Keyboard — all input handled, nothing echoed
     useInput((input, key) => {
         if (key.escape) {
-            if (mode === "config") {
+            if (mode !== "monitor") {
                 setMode("monitor");
                 return;
             }
@@ -300,9 +375,14 @@ function MonitorApp({ cwd }) {
             doScan();
         if (input === "c")
             setMode("config");
+        if (input === "t")
+            setMode("trends");
     });
     const proj = basename(cwd);
     const p = monCfg.panels;
+    if (mode === "trends") {
+        return (_jsx(Box, { flexDirection: "column", height: rows, children: _jsx(TrendsScreen, { cwd: cwd, height: rows, onClose: () => setMode("monitor") }) }));
+    }
     if (mode === "config") {
         return (_jsx(Box, { flexDirection: "column", height: rows, justifyContent: "center", alignItems: "center", children: _jsx(ConfigScreen, { monCfg: monCfg, onSave: (cfg) => { setMonCfg(cfg); saveMonitorConfig(cwd, cfg); addLog("Settings saved", "info"); }, onClose: () => setMode("monitor") }) }));
     }
@@ -317,7 +397,7 @@ function MonitorApp({ cwd }) {
     const errorCount = state.checks.reduce((s, c) => s + c.issues.filter((i) => i.severity === "error").length, 0);
     const warnCount = state.checks.reduce((s, c) => s + c.issues.filter((i) => i.severity === "warning").length, 0);
     const activeCount = state.checks.filter((c) => !c.details.skipped && !c.details.comingSoon).length;
-    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { color: "magenta", bold: true, children: "vcqa monitor" }), _jsxs(Text, { dimColor: true, children: [" v", VERSION] })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: proj }), _jsxs(Text, { dimColor: true, children: [" ", stack.language, "/", stack.framework, workspace.isMonorepo ? ` · ${workspace.tool}` : ""] })] }), _jsxs(Text, { children: [state.score > 0 && _jsxs(Text, { color: gc(state.grade), bold: true, children: [state.grade, " ", state.score, " "] }), _jsx(Text, { dimColor: true, children: state.scanning ? "⟳ scanning" : "● watching" })] })] }), _jsx(Box, { paddingX: 1, gap: 2, height: 1, children: state.scanCount > 0 && (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "E " }), _jsx(Text, { color: "red", bold: true, children: errorCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "W " }), _jsx(Text, { color: "yellow", bold: true, children: warnCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "checks " }), _jsx(Text, { bold: true, children: activeCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "scan " }), _jsxs(Text, { children: [state.duration, "ms"] })] }), state.scores.length >= 2 && _jsx(Text, { color: "cyan", children: spark(state.scores) })] })) }), _jsxs(Box, { height: bodyRows, children: [sidebarVisible && (_jsxs(Box, { flexDirection: "column", width: 26, children: [p.score && _jsx(ScorePanel, { state: state, height: scoreH }), p.checks && _jsx(ChecksPanel, { checks: state.checks, height: checksH })] })), mainVisible && (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [p.activity && _jsx(ActivityPanel, { log: log, height: activityH }), p.issues && _jsx(IssuesPanel, { checks: state.checks, height: issuesH })] })), !sidebarVisible && !mainVisible && (_jsx(Box, { height: bodyRows, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "All panels hidden. Press c to configure." }) }))] }), _jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "q/Esc quit \u00B7 r rescan \u00B7 c settings" }), monCfg.alertBelow > 0 && (_jsxs(Text, { dimColor: true, children: ["alert <", monCfg.alertBelow, " \u00B7 drop \u2265", monCfg.alertDrop] }))] })] }));
+    return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsxs(Text, { children: [_jsx(Text, { color: "magenta", bold: true, children: "vcqa monitor" }), _jsxs(Text, { dimColor: true, children: [" v", VERSION] })] }), _jsxs(Text, { children: [_jsx(Text, { bold: true, children: proj }), _jsxs(Text, { dimColor: true, children: [" ", stack.language, "/", stack.framework, workspace.isMonorepo ? ` · ${workspace.tool}` : ""] })] }), _jsxs(Text, { children: [state.score > 0 && _jsxs(Text, { color: gc(state.grade), bold: true, children: [state.grade, " ", state.score, " "] }), _jsx(Text, { dimColor: true, children: state.scanning ? "⟳ scanning" : "● watching" })] })] }), _jsx(Box, { paddingX: 1, gap: 2, height: 1, children: state.scanCount > 0 && (_jsxs(_Fragment, { children: [_jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "E " }), _jsx(Text, { color: "red", bold: true, children: errorCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "W " }), _jsx(Text, { color: "yellow", bold: true, children: warnCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "checks " }), _jsx(Text, { bold: true, children: activeCount })] }), _jsxs(Text, { children: [_jsx(Text, { dimColor: true, children: "scan " }), _jsxs(Text, { children: [state.duration, "ms"] })] }), state.scores.length >= 2 && _jsx(Text, { color: "cyan", children: spark(state.scores) })] })) }), _jsxs(Box, { height: bodyRows, children: [sidebarVisible && (_jsxs(Box, { flexDirection: "column", width: 26, children: [p.score && _jsx(ScorePanel, { state: state, height: scoreH }), p.checks && _jsx(ChecksPanel, { checks: state.checks, height: checksH })] })), mainVisible && (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [p.activity && _jsx(ActivityPanel, { log: log, height: activityH }), p.issues && _jsx(IssuesPanel, { checks: state.checks, height: issuesH })] })), !sidebarVisible && !mainVisible && (_jsx(Box, { height: bodyRows, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "All panels hidden. Press c to configure." }) }))] }), _jsxs(Box, { paddingX: 1, justifyContent: "space-between", children: [_jsx(Text, { dimColor: true, children: "q/Esc quit \u00B7 r rescan \u00B7 t trends \u00B7 c settings" }), monCfg.alertBelow > 0 && (_jsxs(Text, { dimColor: true, children: ["alert <", monCfg.alertBelow, " \u00B7 drop \u2265", monCfg.alertDrop] }))] })] }));
 }
 // ── Entry ──
 export async function startMonitor(cwd) {

package/package.json

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