@vibecodeqa/cli 0.35.7 → 0.35.8

package/dist/monitor.js

@@ -268,15 +268,45 @@ function loadCachedScan(cwd) {
 }
 // ── Check Detail View ──
 function CheckDetail({ check, height, cursor, copied }) {
-    const visibleIssues = Math.max(1, height - 6);
-    // Scroll window: keep cursor visible
-    const scrollStart = Math.max(0, Math.min(cursor - Math.floor(visibleIssues / 2), check.issues.length - visibleIssues));
-    const visibleSlice = check.issues.slice(scrollStart, scrollStart + visibleIssues);
-    return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, children: [_jsxs(Text, { bold: true, color: "magenta", children: [" \u25C8 ", check.name] }), _jsxs(Text, { children: [_jsxs(Text, { color: gc(check.grade), bold: true, children: [" ", check.grade, " ", check.score, "/100"] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", check.issues.length, " issues \u00B7 ", check.duration, "ms"] }), copied && _jsx(Text, { color: "green", bold: true, children: " \u2713 Copied!" })] }), _jsx(Text, { children: " " }), check.issues.length === 0 ? (_jsx(Text, { color: "green", children: " No issues found." })) : (_jsxs(_Fragment, { children: [visibleSlice.map((iss, i) => {
-                        const idx = scrollStart + i;
+    const bodyHeight = height - 5; // header + score + blank + footer margin
+    // Each issue takes 2-3 lines: header line + message (wraps if long)
+    // Estimate lines per issue for scroll calculation
+    const issueHeights = check.issues.map((iss) => {
+        const msgLen = iss.message.length;
+        return msgLen > 80 ? 3 : 2; // 2 lines base, 3 if message wraps
+    });
+    // Find scroll window that keeps cursor visible
+    let scrollStart = 0;
+    let linesUsed = 0;
+    // First, find how many items fit
+    const fits = [];
+    for (let i = 0; i < check.issues.length; i++) {
+        if (linesUsed + issueHeights[i] > bodyHeight)
+            break;
+        fits.push(i);
+        linesUsed += issueHeights[i];
+    }
+    const maxVisible = fits.length || 1;
+    // Adjust scroll so cursor is visible
+    if (cursor >= scrollStart + maxVisible)
+        scrollStart = cursor - maxVisible + 1;
+    if (cursor < scrollStart)
+        scrollStart = cursor;
+    scrollStart = Math.max(0, Math.min(scrollStart, check.issues.length - maxVisible));
+    // Collect visible items within height budget
+    const visible = [];
+    let usedLines = 0;
+    for (let i = scrollStart; i < check.issues.length; i++) {
+        if (usedLines + issueHeights[i] > bodyHeight)
+            break;
+        visible.push({ issue: check.issues[i], idx: i });
+        usedLines += issueHeights[i];
+    }
+    const remaining = check.issues.length - (scrollStart + visible.length);
+    return (_jsxs(Box, { flexDirection: "column", height: height, paddingX: 1, overflowY: "hidden", children: [_jsxs(Text, { bold: true, color: "magenta", children: [" \u25C8 ", check.name] }), _jsxs(Text, { children: [_jsxs(Text, { color: gc(check.grade), bold: true, children: [" ", check.grade, " ", check.score, "/100"] }), _jsxs(Text, { dimColor: true, children: [" \u00B7 ", check.issues.length, " issues \u00B7 ", check.duration, "ms"] }), copied && _jsx(Text, { color: "green", bold: true, children: " \u2713 Copied!" })] }), _jsx(Text, { children: " " }), check.issues.length === 0 ? (_jsx(Text, { color: "green", children: " No issues found." })) : (_jsxs(_Fragment, { children: [visible.map(({ issue: iss, idx }) => {
                         const sel = idx === 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(), " "] }), iss.file && _jsxs(Text, { color: "cyan", children: [String(iss.file).slice(0, 28).padEnd(28), " "] }), iss.line && _jsx(Text, { dimColor: true, children: String(iss.line).padEnd(5) }), _jsx(Text, { children: iss.message.slice(0, 55) }), iss.rule && _jsxs(Text, { dimColor: true, children: [" (", iss.rule, ")"] })] }, idx));
-                    }), check.issues.length > scrollStart + visibleIssues && _jsxs(Text, { dimColor: true, children: [" +", check.issues.length - scrollStart - visibleIssues, " more"] })] }))] }));
+                        return (_jsxs(Box, { flexDirection: "column", marginBottom: 0, children: [_jsxs(Text, { children: [_jsx(Text, { color: sel ? "white" : "gray", children: sel ? "▸" : " " }), _jsxs(Text, { color: sc(iss.severity), bold: true, children: [iss.severity[0].toUpperCase(), " "] }), iss.file && _jsxs(Text, { color: "cyan", children: [String(iss.file), iss.line ? `:${iss.line}` : "", " "] }), iss.rule && _jsxs(Text, { dimColor: true, children: ["(", iss.rule, ")"] })] }), _jsxs(Text, { wrap: "wrap", children: [_jsx(Text, { color: sel ? "white" : "gray", children: "  " }), _jsx(Text, { color: sel ? "white" : undefined, children: iss.message })] })] }, idx));
+                    }), remaining > 0 && _jsxs(Text, { dimColor: true, children: [" +", remaining, " more (\u2193 to scroll)"] })] }))] }));
 }
 function MonitorApp({ cwd }) {
     const { exit } = useApp();

package/package.json

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