@vibecodeqa/cli 0.37.1 → 0.37.3

package/dist/monitor.js

@@ -349,8 +349,7 @@ function IssueDetail({ issue, checkName, cwd, height, copied }) {
     return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, overflowY: "hidden", children: [_jsx(Text, { bold: true, color: "magenta", children: " \u25C8 Issue Detail" }), _jsxs(Text, { children: [_jsxs(Text, { color: sc(issue.severity), bold: true, children: [" ", issue.severity.toUpperCase(), " "] }), _jsx(Text, { dimColor: true, children: checkName }), issue.rule && _jsxs(Text, { dimColor: true, children: [" \u00B7 ", issue.rule] }), copied && _jsx(Text, { color: "green", bold: true, children: " \u2713 Copied!" })] }), _jsxs(Text, { wrap: "wrap", children: [" ", issue.message] }), issue.file && (_jsxs(Text, { color: "cyan", children: [" ", issue.file, issue.line ? `:${issue.line}` : ""] })), ctx && (_jsxs(Box, { flexDirection: "column", height: srcHeight, overflowY: "hidden", children: [_jsxs(Text, { dimColor: true, children: [" \u2500\u2500\u2500 ", ctx.filePath, " \u2500\u2500\u2500"] }), ctx.lines.slice(0, srcHeight - 2).map((l) => (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: l.highlight ? "yellow" : "gray", children: l.highlight ? "▸" : " " }), _jsxs(Text, { dimColor: true, children: [String(l.num).padStart(4), "\u2502"] }), _jsx(Text, { color: l.highlight ? "white" : undefined, children: l.text })] }, l.num))), _jsx(Text, { dimColor: true, children: " \u2500\u2500\u2500" })] })), _jsxs(Box, { flexDirection: "column", height: Math.max(3, promptHeight), overflowY: "hidden", marginTop: ctx ? 0 : 1, children: [_jsxs(Text, { bold: true, color: "green", children: [" Fix prompt ", _jsx(Text, { dimColor: true, children: "(y to copy)" })] }), promptLines.slice(0, Math.max(1, promptHeight - 1)).map((line, i) => (_jsxs(Text, { dimColor: true, wrap: "truncate", children: [" ", line] }, i)))] })] }));
 }
 // ── Git Changes View ──
-function GitChangesView({ cwd, checks, height, cursor }) {
-    const changes = useMemo(() => getGitChanges(cwd), [cwd]);
+function GitChangesView({ changes, checks, height, cursor }) {
     // Cross-reference with issues
     const issuesByFile = useMemo(() => {
         const map = new Map();
@@ -371,6 +370,39 @@ function GitChangesView({ cwd, checks, height, cursor }) {
                         return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: sel ? "white" : "gray", children: sel ? "▸" : " " }), _jsxs(Text, { color: statusColor[ch.status] || "gray", bold: true, children: [" ", ch.status, " "] }), _jsxs(Text, { color: sel ? "white" : undefined, children: [ch.file, " "] }), count > 0 ? (_jsxs(Text, { color: "yellow", children: [count, " issue", count !== 1 ? "s" : ""] })) : (_jsx(Text, { color: "green", children: "clean" }))] }, ch.file));
                     }), changes.length > visibleLines && _jsxs(Text, { dimColor: true, children: [" +", changes.length - visibleLines, " more"] })] }))] }));
 }
+// ── All Files View ──
+function AllFilesView({ checks, height, cursor }) {
+    // Build file list from all issues, sorted by issue count descending
+    const fileMap = useMemo(() => {
+        const map = new Map();
+        for (const c of checks) {
+            for (const iss of c.issues) {
+                if (!iss.file || typeof iss.file !== "string")
+                    continue;
+                const entry = map.get(iss.file) || { errors: 0, warnings: 0, infos: 0 };
+                if (iss.severity === "error")
+                    entry.errors++;
+                else if (iss.severity === "warning")
+                    entry.warnings++;
+                else
+                    entry.infos++;
+                map.set(iss.file, entry);
+            }
+        }
+        return [...map.entries()]
+            .map(([file, counts]) => ({ file, total: counts.errors + counts.warnings + counts.infos, ...counts }))
+            .sort((a, b) => b.total - a.total);
+    }, [checks]);
+    const visibleLines = Math.max(1, height - 5);
+    // Scroll window
+    const scrollStart = Math.max(0, Math.min(cursor - Math.floor(visibleLines / 2), fileMap.length - visibleLines));
+    const visible = fileMap.slice(scrollStart, scrollStart + visibleLines);
+    return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, overflowY: "hidden", children: [_jsxs(Text, { bold: true, color: "magenta", children: [" \u25C8 Files with Issues (", fileMap.length, ")"] }), _jsx(Text, { dimColor: true, children: " sorted by issue count \u00B7 Enter to drill in" }), _jsx(Text, { children: " " }), fileMap.length === 0 ? (_jsx(Text, { color: "green", children: " No issues in any file." })) : (_jsxs(_Fragment, { children: [visible.map((f, i) => {
+                        const idx = scrollStart + i;
+                        const sel = idx === cursor;
+                        return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: sel ? "white" : "gray", children: sel ? "▸" : " " }), f.errors > 0 ? _jsxs(Text, { color: "red", bold: true, children: [String(f.errors).padStart(2), "E "] }) : _jsx(Text, { dimColor: true, children: "   " }), f.warnings > 0 ? _jsxs(Text, { color: "yellow", children: [String(f.warnings).padStart(2), "W "] }) : _jsx(Text, { dimColor: true, children: "   " }), f.infos > 0 ? _jsxs(Text, { dimColor: true, children: [String(f.infos).padStart(2), "I "] }) : _jsx(Text, { dimColor: true, children: "   " }), _jsx(Text, { color: sel ? "white" : "cyan", children: f.file })] }, f.file));
+                    }), fileMap.length > scrollStart + visibleLines && _jsxs(Text, { dimColor: true, children: [" +", fileMap.length - scrollStart - visibleLines, " more (\u2193)"] })] }))] }));
+}
 function MonitorApp({ cwd }) {
     const { exit } = useApp();
     const { stdout } = useStdout();
@@ -407,6 +439,18 @@ function MonitorApp({ cwd }) {
         return (o[a.severity] ?? 2) - (o[b.severity] ?? 2);
     }), [state.checks]);
     const currentList = panel === "checks" ? activeChecks : allIssues;
+    // Derived data for file views (memoized, used by both render + keyboard)
+    const filesWithIssues = useMemo(() => {
+        const map = new Map();
+        for (const c of state.checks) {
+            for (const iss of c.issues) {
+                if (iss.file && typeof iss.file === "string")
+                    map.set(iss.file, (map.get(iss.file) || 0) + 1);
+            }
+        }
+        return [...map.keys()].sort((a, b) => (map.get(b) || 0) - (map.get(a) || 0));
+    }, [state.checks]);
+    const gitChanges = useMemo(() => getGitChanges(cwd), [cwd, state.scanCount]);
     // Clamp cursor when data changes
     useEffect(() => {
         setCursor((c) => Math.min(c, Math.max(0, currentList.length - 1)));
@@ -504,7 +548,7 @@ function MonitorApp({ cwd }) {
                 return;
             }
             if (mode.view === "file-issues") {
-                setMode({ view: "git-changes" });
+                setMode({ view: "dashboard" });
                 setCursor(0);
                 return;
             }
@@ -577,6 +621,11 @@ function MonitorApp({ cwd }) {
             setCursor(0);
             return;
         }
+        if (input === "f") {
+            setMode({ view: "all-files" });
+            setCursor(0);
+            return;
+        }
         if (input === "c") {
             setMode({ view: "config" });
             setConfigCursor(0);
@@ -639,15 +688,25 @@ function MonitorApp({ cwd }) {
                 }
             }
         }
+        // ── All files: ↑↓ navigate, Enter drill into file issues ──
+        if (mode.view === "all-files") {
+            if (key.upArrow)
+                setCursor((c) => Math.max(0, c - 1));
+            if (key.downArrow)
+                setCursor((c) => Math.min(filesWithIssues.length - 1, c + 1));
+            if (key.return && filesWithIssues[cursor]) {
+                setMode({ view: "file-issues", file: filesWithIssues[cursor] });
+                setCursor(0);
+            }
+        }
         // ── Git changes: ↑↓ navigate, Enter drill into file issues ──
         if (mode.view === "git-changes") {
-            const changes = getGitChanges(cwd);
             if (key.upArrow)
                 setCursor((c) => Math.max(0, c - 1));
             if (key.downArrow)
-                setCursor((c) => Math.min(changes.length - 1, c + 1));
-            if (key.return && changes[cursor]) {
-                setMode({ view: "file-issues", file: changes[cursor].file });
+                setCursor((c) => Math.min(gitChanges.length - 1, c + 1));
+            if (key.return && gitChanges[cursor]) {
+                setMode({ view: "file-issues", file: gitChanges[cursor].file });
                 setCursor(0);
             }
         }
@@ -681,8 +740,11 @@ function MonitorApp({ cwd }) {
     const proj = basename(cwd);
     const p = monCfg.panels;
     // ── Render views ──
+    if (mode.view === "all-files") {
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Header, { proj: proj, stack: stack, workspace: workspace, state: state }), _jsx(AllFilesView, { checks: state.checks, height: rows - 3, cursor: cursor }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Esc back \u00B7 \u2191\u2193 select \u00B7 Enter view file issues \u00B7 q quit" }) })] }));
+    }
     if (mode.view === "git-changes") {
-        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Header, { proj: proj, stack: stack, workspace: workspace, state: state }), _jsx(GitChangesView, { cwd: cwd, checks: state.checks, height: rows - 3, cursor: cursor }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Esc back \u00B7 \u2191\u2193 select \u00B7 Enter view file issues \u00B7 q quit" }) })] }));
+        return (_jsxs(Box, { flexDirection: "column", height: rows, children: [_jsx(Header, { proj: proj, stack: stack, workspace: workspace, state: state }), _jsx(GitChangesView, { changes: gitChanges, checks: state.checks, height: rows - 3, cursor: cursor }), _jsx(Box, { paddingX: 1, children: _jsx(Text, { dimColor: true, children: "Esc back \u00B7 \u2191\u2193 select \u00B7 Enter view file issues \u00B7 q quit" }) })] }));
     }
     if (mode.view === "file-issues") {
         const fileIssues = state.checks.flatMap((c) => c.issues.filter((i) => i.file === mode.file).map((i) => ({ check: c.name, ...i })));
@@ -722,7 +784,7 @@ function MonitorApp({ cwd }) {
                                     })] }))] })), mainVisible && (_jsxs(Box, { flexDirection: "column", flexGrow: 1, children: [p.activity && _jsx(ActivityPanel, { log: log, height: activityH }), p.issues && (_jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: panel === "issues" ? "magenta" : "gray", paddingX: 1, height: issuesH, overflowY: "hidden", children: [_jsxs(Text, { bold: true, color: "magenta", children: [" ", "\u25C8 Issues (", allIssues.length, ") ", panel === "issues" && _jsx(Text, { dimColor: true, children: "\u25C4" })] }), allIssues.slice(0, issuesH - 3).map((iss, i) => {
                                         const sel = panel === "issues" && i === cursor;
                                         return (_jsxs(Text, { wrap: "truncate", children: [_jsx(Text, { color: sel ? "white" : "gray", children: sel ? "▸" : " " }), _jsxs(Text, { color: sc(iss.severity), bold: true, children: [iss.severity[0].toUpperCase(), " "] }), _jsxs(Text, { dimColor: true, children: [(iss.check || "").slice(0, 11).padEnd(11), " "] }), iss.file && _jsxs(Text, { color: "cyan", children: [basename(String(iss.file)).slice(0, 18).padEnd(18), " "] }), _jsx(Text, { children: iss.message.slice(0, 40) })] }, i));
-                                    }), allIssues.length > issuesH - 3 && _jsxs(Text, { dimColor: true, children: [" +", allIssues.length - (issuesH - 3), " more"] })] }))] })), !sidebarVisible && !mainVisible && (_jsx(Box, { height: bodyRows, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "All panels hidden. Press c to configure." }) }))] }), _jsx(Box, { paddingX: 1, justifyContent: "space-between", children: _jsx(Text, { dimColor: true, children: "Tab panel \u00B7 \u2191\u2193 Enter Esc \u00B7 r scan \u00B7 g git \u00B7 t trends \u00B7 c config \u00B7 q quit" }) })] }));
+                                    }), allIssues.length > issuesH - 3 && _jsxs(Text, { dimColor: true, children: [" +", allIssues.length - (issuesH - 3), " more"] })] }))] })), !sidebarVisible && !mainVisible && (_jsx(Box, { height: bodyRows, justifyContent: "center", alignItems: "center", children: _jsx(Text, { dimColor: true, children: "All panels hidden. Press c to configure." }) }))] }), _jsx(Box, { paddingX: 1, justifyContent: "space-between", children: _jsx(Text, { dimColor: true, children: "Tab panel \u00B7 \u2191\u2193 Enter Esc \u00B7 r scan \u00B7 f files \u00B7 g git \u00B7 t trends \u00B7 c config \u00B7 q" }) })] }));
 }
 function Header({ proj, stack, workspace, state }) {
     return (_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" })] })] }));

package/package.json

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