@westbayberry/dg 2.0.8 → 2.0.11

package/dist/scan-ui/components/InteractiveResultsView.js

@@ -5,7 +5,7 @@ import chalk from "chalk";
 import { writeFileSync } from "node:fs";
 import { resolve as resolvePath } from "node:path";
 import { isLoggedIn } from "../shims.js";
-import { ScoreHeader } from "./ScoreHeader.js";
+import { ScoreHeader, COMPACT_ROWS } from "./ScoreHeader.js";
 import { useExpandAnimation } from "../hooks/useExpandAnimation.js";
 import { useTerminalSize } from "../hooks/useTerminalSize.js";
 import { clearScreen } from "../alt-screen.js";
@@ -51,77 +51,55 @@ export function packageBadge(pkg) {
     return actionBadge(pkg.action);
 }
 const EVIDENCE_LIMIT = 2;
+const BADGE_COL = "Unverified".length + 1;
 // Fixed lines outside the scrollable group area:
 //  5  ScoreHeader box  |  2  Flagged box top  |  2  scroll indicators
 //  1  Flagged box bottom  |  4  Clean/Duration box  |  1  help bar  |  1  margin
 const FIXED_CHROME = 21;
+const FIXED_CHROME_COMPACT = 14;
 function firstPackage(group) {
     const rep = group.packages[0];
     if (!rep)
         throw new Error("package group cannot be empty");
     return rep;
 }
+function statusSummaryLines(rep) {
+    if ((rep.action ?? "pass") === "pass")
+        return ["No findings"];
+    const reasons = rep.reasons.length > 0
+        ? [...rep.reasons]
+        : rep.findings.map((f) => f.title ?? "").filter((t) => t.length > 0);
+    if (reasons.length > 0)
+        return reasons;
+    return rep.action === "analysis_incomplete" ? ["Analysis incomplete"] : [];
+}
 function findingsSummaryHeight(group) {
     const rep = firstPackage(group);
     const visibleFindings = rep.findings.filter((f) => f.severity > 1);
     const isFree = visibleFindings.length > 0 && !visibleFindings[0]?.title;
     let h = 0;
     if (rep.license)
-        h += 1; // license info line
+        h += 1;
     if (isFree) {
-        // Free tier: just the upgrade prompt line
         h += 1;
     }
     else if (visibleFindings.length > 0) {
-        // Paid tier: one line per finding
         h += visibleFindings.length;
     }
     else if (rep.score > 0) {
-        h += 1; // score-only fallback
-    }
-    if (group.packages.length > 3)
-        h += 1;
-    return h;
-}
-function findingsDetailHeight(group, safeVersions) {
-    const rep = firstPackage(group);
-    const visibleFindings = rep.findings
-        .filter((f) => f.severity > 1)
-        .sort((a, b) => b.severity - a.severity);
-    let h = 0;
-    if (rep.license)
-        h += 1; // license info line
-    if (group.packages.length > 3)
         h += 1;
-    // Free tier: reasons + upgrade hint
-    if (visibleFindings.length === 0 && rep.score > 0) {
-        h += (rep.reasons ?? []).length;
-        h += 1; // upgrade hint
     }
-    const hasEvidence = visibleFindings.some((f) => f.evidence && f.evidence.length > 0);
-    for (const finding of visibleFindings) {
-        h += 1; // badge + id
-        h += 1; // title
-        const evidence = finding.evidence ?? [];
-        h += Math.min(evidence.length, EVIDENCE_LIMIT);
-        if (evidence.length > EVIDENCE_LIMIT)
-            h += 1;
+    else {
+        h += statusSummaryLines(rep).length;
     }
-    // Upgrade hint for pro tier (findings but no evidence)
-    if (visibleFindings.length > 0 && !hasEvidence)
-        h += 1;
-    if (rep.recommendation)
-        h += 1;
-    if (safeVersions[rep.name])
+    if (group.packages.length > 3)
         h += 1;
     return h;
 }
-function groupRowHeight(group, level, safeVersions) {
+function groupRowHeight(group, level) {
     if (level === null)
         return 1;
-    if (level === "summary")
-        return 1 + findingsSummaryHeight(group);
-    return 1 + findingsDetailHeight(group, safeVersions);
+    return 1 + findingsSummaryHeight(group);
 }
 function nameVer(p) {
     return p.version ? `${p.name}@${p.version}` : p.name;
@@ -145,19 +123,23 @@ function affectsLine(group) {
 const DETAIL_PANE_CHROME = 20;
 function buildDetailLines(group, safeVersion, maxWidth) {
     const rep = firstPackage(group);
+    const badge = packageBadge(rep);
+    const analyzedAt = rep.analyzedAt;
     const visibleFindings = rep.findings
         .filter((f) => f.severity > 1)
         .sort((a, b) => b.severity - a.severity);
+    const isFree = visibleFindings.length > 0 && !visibleFindings[0]?.title;
     const lines = [];
+    lines.push(_jsxs(Text, { wrap: "truncate-end", children: [chalk.dim("Verdict"), " ", badge.color(badge.label), rep.version ? chalk.dim(`  ·  v${rep.version}`) : "", analyzedAt ? chalk.dim(`  ·  analyzed ${analyzedAt}`) : ""] }, "verdict"));
+    lines.push(_jsx(Text, { children: "" }, "verdict-gap"));
     if (group.packages.length > 3) {
-        lines.push(_jsxs(Text, { dimColor: true, children: ["Affects: ", affectsLine(group)] }, "affects"));
+        lines.push(_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["Affects: ", affectsLine(group)] }, "affects"));
         lines.push(_jsx(Text, { children: "" }, "affects-gap"));
     }
     if (rep.score > 0) {
         lines.push(_jsxs(Text, { dimColor: true, children: ["Score: ", rep.score, "/100"] }, "score-info"));
         lines.push(_jsx(Text, { children: "" }, "score-gap"));
     }
-    // Paid tier: show findings with category + severity
     if (visibleFindings.length > 0) {
         for (let i = 0; i < visibleFindings.length; i++) {
             const f = visibleFindings[i];
@@ -166,15 +148,36 @@ function buildDetailLines(group, safeVersion, maxWidth) {
             const sevLabel = SEVERITY_LABELS[f.severity] ?? "INFO";
             const sevColor = SEVERITY_COLORS[f.severity] ?? SEVERITY_COLORS[1] ?? chalk.dim;
             const connector = i === visibleFindings.length - 1 ? T.last : T.branch;
-            lines.push(_jsxs(Text, { children: [connector, " ", sevColor(pad(sevLabel, 8)), chalk.dim(f.category ?? "")] }, `finding-${i}`));
+            lines.push(_jsxs(Text, { wrap: "truncate-end", children: [connector, " ", sevColor(pad(sevLabel, 5)), " ", chalk.dim(f.category ?? ""), f.title ? `: ${f.title}` : ""] }, `finding-${i}`));
+            const evidence = f.evidence ?? [];
+            for (let e = 0; e < Math.min(evidence.length, EVIDENCE_LIMIT); e++) {
+                lines.push(_jsxs(Text, { dimColor: true, wrap: "truncate-end", children: ["    ", T.pipe, " ", evidence[e]] }, `evidence-${i}-${e}`));
+            }
+            if (evidence.length > EVIDENCE_LIMIT) {
+                lines.push(_jsxs(Text, { dimColor: true, children: ["    ", T.pipe, " + ", evidence.length - EVIDENCE_LIMIT, " more"] }, `evidence-more-${i}`));
+            }
+        }
+        if (isFree) {
+            lines.push(_jsxs(Text, { color: "yellow", children: [chalk.yellow("→"), " Upgrade to Pro for finding details"] }, "upgrade"));
         }
         lines.push(_jsx(Text, { children: "" }, "findings-gap"));
     }
     else if (rep.score > 0) {
-        // Free tier: no findings returned — show upgrade prompt
         lines.push(_jsxs(Text, { color: "yellow", children: [chalk.yellow("\u2192"), " Upgrade to Pro to see risk categories"] }, "upgrade"));
         lines.push(_jsx(Text, { children: "" }, "upgrade-gap"));
     }
+    else {
+        const statusLines = statusSummaryLines(rep);
+        statusLines.forEach((line, i) => {
+            lines.push(_jsx(Text, { wrap: "truncate-end", children: rep.action === "analysis_incomplete"
+                    ? chalk.yellow(line)
+                    : (rep.action ?? "pass") === "pass"
+                        ? chalk.green(`✓ ${line}`)
+                        : chalk.dim(line) }, `status-${i}`));
+        });
+        if (statusLines.length > 0)
+            lines.push(_jsx(Text, { children: "" }, "status-gap"));
+    }
     if (rep.recommendation) {
         lines.push(_jsxs(Text, { children: [chalk.dim("Recommendation:"), " ", chalk.cyan(truncate(rep.recommendation, maxWidth - 18))] }, "recommendation"));
     }
@@ -188,9 +191,7 @@ function viewReducer(_state, action) {
         case "MOVE":
             return { ..._state, cursor: action.cursor, viewport: action.viewport };
         case "EXPAND":
-            return { ..._state, expandedIndex: action.expandedIndex, expandLevel: action.expandLevel, viewport: action.viewport };
-        case "MOVE_EXPAND":
-            return { cursor: action.cursor, expandedIndex: action.expandedIndex, expandLevel: action.expandLevel, viewport: action.viewport };
+            return { ..._state, expandedKey: action.expandedKey, expandLevel: action.expandLevel, viewport: action.viewport };
     }
 }
 export const InteractiveResultsView = ({ result, config: _config, durationMs, onExit, onBack, discoveredTotal, userStatus, scanUsage: scanUsageProp, initialView, }) => {
@@ -212,17 +213,28 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     const total = result.packages.length;
     const [searchQuery, setSearchQuery] = useState("");
     const allGroups = useMemo(() => groupPackages(flagged), [flagged]);
-    const allGroupCount = allGroups.length;
     const groups = useMemo(() => {
         if (!searchQuery)
             return allGroups;
         const q = searchQuery.toLowerCase();
-        return allGroups.filter(g => g.packages.some(p => p.name.toLowerCase().includes(q)));
-    }, [allGroups, searchQuery]);
+        const matched = [];
+        for (const g of allGroups) {
+            const members = g.packages.filter((p) => p.name.toLowerCase().includes(q));
+            if (members.length > 0)
+                matched.push({ packages: members, key: g.key });
+        }
+        for (const p of clean) {
+            if (p.name.toLowerCase().includes(q)) {
+                matched.push({ packages: [p], key: `pass|${p.name}@${p.version ?? ""}` });
+            }
+        }
+        return matched;
+    }, [allGroups, clean, searchQuery]);
+    const matchCount = useMemo(() => groups.reduce((n, g) => n + g.packages.length, 0), [groups]);
     const [view, dispatchView] = useReducer(viewReducer, {
         cursor: 0,
         expandLevel: null,
-        expandedIndex: null,
+        expandedKey: null,
         viewport: 0,
     });
     const viewRef = useRef(view);
@@ -261,6 +273,10 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
             clearTimeout(exportMsgRef.current);
         exportMsgRef.current = setTimeout(() => setExportMsg(null), 4000);
     };
+    useEffect(() => () => {
+        if (exportMsgRef.current)
+            clearTimeout(exportMsgRef.current);
+    }, []);
     const [exportMenu, setExportMenu] = useState(null);
     const exportMenuRef = useRef(exportMenu);
     exportMenuRef.current = exportMenu;
@@ -355,8 +371,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
         return /[",\n\r]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
     };
     /** Convert a payload + scope to a serialized string in the chosen format
-     *  plus the file extension. Some combinations are nonsensical (CSV of the
-     *  full scan tree); we degrade those to JSON with a comment. */
+     *  plus the file extension. */
     const formatExport = (payload, scope, format) => {
         if (format === "json") {
             return { body: JSON.stringify(payload, null, 2) + "\n", ext: "json" };
@@ -397,8 +412,22 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
                 }
                 return { body: lines.join("\n") + "\n", ext: "csv" };
             }
-            // CSV doesn't make sense for `all` or `summary` — fall back to JSON.
-            return { body: JSON.stringify(payload, null, 2) + "\n", ext: "json" };
+            if (scope === "summary") {
+                const s = payload;
+                const lines = [
+                    "score,action,packages_scanned,blocked,warned,clean,duration_ms",
+                    [s.score, s.action, s.packagesScanned, s.blocked, s.warned, s.clean, s.durationMs].map(csvCell).join(","),
+                ];
+                return { body: lines.join("\n") + "\n", ext: "csv" };
+            }
+            const a = payload;
+            const lines = [
+                "scan_score,scan_action,name,version,score,action,license,riskCategory",
+            ];
+            for (const p of a.packages) {
+                lines.push([a.score, a.action, p.name, p.version, p.score, p.action, p.license?.spdx ?? p.license?.raw ?? null, p.license?.riskCategory ?? null].map(csvCell).join(","));
+            }
+            return { body: lines.join("\n") + "\n", ext: "csv" };
         }
         // Markdown — for `all`, render summary + packages table + licenses table
         // in one document so the file matches what the user sees in the TUI.
@@ -589,38 +618,38 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     const searchModeRef = useRef(searchMode);
     searchModeRef.current = searchMode;
     const { rows: termRows, cols: termCols } = useTerminalSize();
-    const availableRows = Math.max(5, termRows - FIXED_CHROME);
+    const compact = termRows < COMPACT_ROWS;
+    const availableRows = Math.max(5, termRows - (compact ? FIXED_CHROME_COMPACT : FIXED_CHROME));
     const innerWidth = Math.max(40, termCols - 6);
-    const detailGroupIdx = detailPane?.groupIndex ?? -1;
+    const detailGroup = useMemo(() => {
+        if (!detailPane)
+            return null;
+        return groups.find((g) => g.key === detailPane.groupKey) ?? null;
+    }, [detailPane, groups]);
     const detailLines = useMemo(() => {
-        if (detailGroupIdx < 0)
+        if (!detailGroup)
             return [];
-        const group = groups[detailGroupIdx];
-        if (!group)
-            return [];
-        return buildDetailLines(group, result.safeVersions[firstPackage(group).name], innerWidth);
-    }, [detailGroupIdx, groups, result.safeVersions, innerWidth]);
+        return buildDetailLines(detailGroup, result.safeVersions[firstPackage(detailGroup).name], innerWidth);
+    }, [detailGroup, result.safeVersions, innerWidth]);
     const detailContentRows = Math.max(3, termRows - DETAIL_PANE_CHROME);
     const getLevel = (idx) => {
-        return view.expandedIndex === idx ? view.expandLevel : null;
+        return view.expandedKey !== null && groups[idx]?.key === view.expandedKey ? view.expandLevel : null;
     };
     const expandTargetHeight = useMemo(() => {
-        if (view.expandedIndex === null || view.expandLevel === null)
+        if (view.expandedKey === null || view.expandLevel === null)
             return 0;
-        const group = groups[view.expandedIndex];
+        const group = groups.find((g) => g.key === view.expandedKey);
         if (!group)
             return 0;
-        if (view.expandLevel === "summary")
-            return findingsSummaryHeight(group);
-        return findingsDetailHeight(group, result.safeVersions);
-    }, [view.expandedIndex, view.expandLevel, groups, result.safeVersions]);
-    const { visibleLines: animVisibleLines } = useExpandAnimation(expandTargetHeight, view.expandedIndex !== null);
-    const animatedGroupHeight = (group, level, idx) => {
+        return findingsSummaryHeight(group);
+    }, [view.expandedKey, view.expandLevel, groups]);
+    const { visibleLines: animVisibleLines } = useExpandAnimation(expandTargetHeight, view.expandedKey !== null);
+    const animatedGroupHeight = (group, level) => {
         if (level === null)
             return 1;
-        if (idx === view.expandedIndex)
+        if (group.key === view.expandedKey)
             return 1 + animVisibleLines;
-        return groupRowHeight(group, level, result.safeVersions);
+        return groupRowHeight(group, level);
     };
     const visibleEnd = useMemo(() => {
         let consumed = 0;
@@ -630,7 +659,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
             const endGroup = groups[end];
             if (!endGroup)
                 break;
-            const h = animatedGroupHeight(endGroup, level, end);
+            const h = animatedGroupHeight(endGroup, level);
             if (consumed + h > availableRows)
                 break;
             consumed += h;
@@ -639,17 +668,17 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
         if (end === view.viewport && groups.length > 0)
             end = view.viewport + 1;
         return end;
-    }, [view.viewport, groups, view.expandedIndex, view.expandLevel, animVisibleLines, availableRows, result.safeVersions]);
-    const adjustViewport = (cursor, expIdx, expLvl, currentStart) => {
+    }, [view.viewport, groups, view.expandedKey, view.expandLevel, animVisibleLines, availableRows]);
+    const adjustViewport = (cursor, expKey, expLvl, currentStart) => {
         if (cursor < currentStart)
             return cursor;
-        const getLvl = (i) => (expIdx === i ? expLvl : null);
+        const getLvl = (i) => (expKey !== null && groups[i]?.key === expKey ? expLvl : null);
         let consumed = 0;
         for (let i = currentStart; i <= cursor && i < groups.length; i++) {
             const g = groups[i];
             if (!g)
                 continue;
-            consumed += groupRowHeight(g, getLvl(i), result.safeVersions);
+            consumed += groupRowHeight(g, getLvl(i));
         }
         if (consumed <= availableRows)
             return currentStart;
@@ -661,7 +690,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
                 const g = groups[i];
                 if (!g)
                     continue;
-                consumed += groupRowHeight(g, getLvl(i), result.safeVersions);
+                consumed += groupRowHeight(g, getLvl(i));
             }
             if (consumed <= availableRows)
                 break;
@@ -672,9 +701,9 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     useEffect(() => {
         if (groups.length === 0)
             return;
-        const { cursor, expandedIndex, expandLevel, viewport } = viewRef.current;
+        const { cursor, expandedKey, expandLevel, viewport } = viewRef.current;
         const clamped = Math.min(viewport, Math.max(0, groups.length - 1));
-        const newVp = adjustViewport(cursor, expandedIndex, expandLevel, clamped);
+        const newVp = adjustViewport(cursor, expandedKey, expandLevel, clamped);
         dispatchView({ type: "MOVE", cursor, viewport: newVp });
     }, [availableRows]);
     // Clamp detail pane scroll when terminal resizes
@@ -683,15 +712,15 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
         if (dp && detailLines.length > 0) {
             const maxScroll = Math.max(0, detailLines.length - detailContentRows);
             if (dp.scroll > maxScroll) {
-                setDetailPane({ groupIndex: dp.groupIndex, scroll: maxScroll });
+                setDetailPane({ groupKey: dp.groupKey, scroll: maxScroll });
             }
         }
     }, [detailContentRows, detailLines.length]);
     useEffect(() => {
-        if (detailPane !== null && !groups[detailPane.groupIndex]) {
+        if (detailPane !== null && !detailGroup) {
             setDetailPane(null);
         }
-    }, [detailPane, groups]);
+    }, [detailPane, detailGroup]);
     useInput((input, key) => {
         // Export menu has the highest priority — once opened, all keys go here
         // until ⏎/Esc dismisses it. Arrow-driven: ↑↓ scrolls within the active
@@ -874,16 +903,19 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
         if (dp !== null) {
             const maxScroll = Math.max(0, detailLines.length - detailContentRows);
             if (key.upArrow || input === "k") {
-                setDetailPane({ groupIndex: dp.groupIndex, scroll: Math.max(0, dp.scroll - 1) });
+                setDetailPane({ groupKey: dp.groupKey, scroll: Math.max(0, dp.scroll - 1) });
             }
             else if (key.downArrow || input === "j") {
-                setDetailPane({ groupIndex: dp.groupIndex, scroll: Math.min(maxScroll, dp.scroll + 1) });
+                setDetailPane({ groupKey: dp.groupKey, scroll: Math.min(maxScroll, dp.scroll + 1) });
             }
             else if (input === "g") {
-                setDetailPane({ groupIndex: dp.groupIndex, scroll: 0 });
+                setDetailPane({ groupKey: dp.groupKey, scroll: 0 });
             }
             else if (input === "G") {
-                setDetailPane({ groupIndex: dp.groupIndex, scroll: maxScroll });
+                setDetailPane({ groupKey: dp.groupKey, scroll: maxScroll });
+            }
+            else if (input === "?") {
+                setShowHelp(true);
             }
             else if (key.escape) {
                 setDetailPane(null);
@@ -906,8 +938,19 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
             openExportMenu("all");
             return;
         }
-        if (key.escape && onBack) {
-            onBack();
+        if (key.escape) {
+            const { expandedKey: openKey, viewport } = viewRef.current;
+            if (openKey !== null) {
+                dispatchView({ type: "EXPAND", expandedKey: null, expandLevel: null, viewport });
+                return;
+            }
+            if (searchQuery) {
+                setSearchQuery("");
+                dispatchView({ type: "MOVE", cursor: 0, viewport: 0 });
+                return;
+            }
+            if (onBack)
+                onBack();
             return;
         }
         if (input === "q") {
@@ -921,41 +964,47 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
                 setSearchMode(true);
             return;
         }
-        const { cursor, expandLevel: expLvl, expandedIndex: expIdx, viewport: vpStart } = viewRef.current;
+        const { cursor, expandLevel: expLvl, expandedKey: expKey, viewport: vpStart } = viewRef.current;
         if (key.upArrow || input === "k") {
             const next = Math.max(0, cursor - 1);
-            const newVp = adjustViewport(next, expIdx, expLvl, vpStart < next ? vpStart : next);
+            const newVp = adjustViewport(next, expKey, expLvl, vpStart < next ? vpStart : next);
             dispatchView({ type: "MOVE", cursor: next, viewport: newVp });
         }
         else if (key.downArrow || input === "j") {
             const next = Math.min(groups.length - 1, cursor + 1);
-            const newVp = adjustViewport(next, expIdx, expLvl, vpStart);
+            const newVp = adjustViewport(next, expKey, expLvl, vpStart);
             dispatchView({ type: "MOVE", cursor: next, viewport: newVp });
         }
         else if (input === "g") {
-            const newVp = adjustViewport(0, expIdx, expLvl, 0);
+            const newVp = adjustViewport(0, expKey, expLvl, 0);
             dispatchView({ type: "MOVE", cursor: 0, viewport: newVp });
         }
         else if (input === "G") {
             const last = groups.length - 1;
-            const newVp = adjustViewport(last, expIdx, expLvl, vpStart);
+            const newVp = adjustViewport(last, expKey, expLvl, vpStart);
             dispatchView({ type: "MOVE", cursor: last, viewport: newVp });
         }
         else if (key.pageDown) {
             const next = Math.min(groups.length - 1, cursor + availableRows);
-            const newVp = adjustViewport(next, expIdx, expLvl, vpStart);
+            const newVp = adjustViewport(next, expKey, expLvl, vpStart);
             dispatchView({ type: "MOVE", cursor: next, viewport: newVp });
         }
         else if (key.pageUp) {
             const next = Math.max(0, cursor - availableRows);
-            const newVp = adjustViewport(next, expIdx, expLvl, next);
+            const newVp = adjustViewport(next, expKey, expLvl, next);
             dispatchView({ type: "MOVE", cursor: next, viewport: newVp });
         }
         else if (key.return) {
-            const newLevel = expIdx === cursor && expLvl === "summary" ? null : "summary";
-            const newExpIdx = newLevel === null ? null : cursor;
-            const newVp = adjustViewport(cursor, newExpIdx, newLevel, vpStart);
-            dispatchView({ type: "EXPAND", expandedIndex: newExpIdx, expandLevel: newLevel, viewport: newVp });
+            const curGroup = groups[Math.min(cursor, groups.length - 1)];
+            if (!curGroup)
+                return;
+            if (expKey === curGroup.key && expLvl === "summary") {
+                setDetailPane({ groupKey: curGroup.key, scroll: 0 });
+            }
+            else {
+                const newVp = adjustViewport(cursor, curGroup.key, "summary", vpStart);
+                dispatchView({ type: "EXPAND", expandedKey: curGroup.key, expandLevel: "summary", viewport: newVp });
+            }
         }
         else if (input === "/") {
             setSearchMode(true);
@@ -965,7 +1014,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     const aboveCount = view.viewport;
     const belowCount = groups.length - visibleEnd;
     const lcCol = 16; // fixed width for license column
-    const nameCol = Math.max(20, innerWidth - 22 - lcCol);
+    const nameCol = Math.max(20, innerWidth - BADGE_COL - 14 - lcCol);
     // Clamp cursor to valid range (groups may shrink via search filter)
     const clampedCursor = groups.length > 0 ? Math.min(view.cursor, groups.length - 1) : 0;
     // ── Export menu overlay ──
@@ -1005,7 +1054,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     // ── Help overlay ──
     if (showHelp) {
         const isDetail = detailPane !== null;
-        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Text, { bold: true, children: "Keyboard Shortcuts" }), _jsx(Text, { children: "" }), _jsx(Text, { bold: true, children: " Navigation" }), _jsxs(Text, { children: ["   ", chalk.cyan("\u2191 k"), "     ", chalk.dim("Move up")] }), _jsxs(Text, { children: ["   ", chalk.cyan("\u2193 j"), "     ", chalk.dim("Move down")] }), _jsxs(Text, { children: ["   ", chalk.cyan("g"), "       ", chalk.dim("Jump to top")] }), _jsxs(Text, { children: ["   ", chalk.cyan("G"), "       ", chalk.dim("Jump to bottom")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("PgUp"), "    ", chalk.dim("Page up")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("PgDn"), "    ", chalk.dim("Page down")] }), _jsx(Text, { children: "" }), _jsx(Text, { bold: true, children: " Actions" }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("\u23CE"), "       ", chalk.dim("Expand findings")] }), isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("Esc"), "     ", chalk.dim("Back to list")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("/"), "       ", chalk.dim("Search packages")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("l"), "       ", chalk.dim("License breakdown (browse + drill-in)")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("e"), "       ", chalk.dim("Export menu — pick scope (all / summary / packages / licenses / findings) and format (JSON / CSV / Markdown / text)")] }), !isDetail && onBack && _jsxs(Text, { children: ["   ", chalk.cyan("Esc"), "     ", chalk.dim("Back to project selector")] }), _jsxs(Text, { children: ["   ", chalk.cyan("q"), "       ", chalk.dim("Quit")] }), _jsx(Text, { children: "" }), _jsxs(Text, { dimColor: true, children: [" Press ", chalk.bold.cyan("?"), " or ", chalk.bold.cyan("Esc"), " to close"] })] })] }));
+        return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), _jsxs(Box, { flexDirection: "column", borderStyle: "round", borderColor: "cyan", paddingLeft: 2, paddingRight: 2, width: "100%", children: [_jsx(Text, { bold: true, children: "Keyboard Shortcuts" }), _jsx(Text, { children: "" }), _jsx(Text, { bold: true, children: " Navigation" }), _jsxs(Text, { children: ["   ", chalk.cyan("\u2191 k"), "     ", chalk.dim("Move up")] }), _jsxs(Text, { children: ["   ", chalk.cyan("\u2193 j"), "     ", chalk.dim("Move down")] }), _jsxs(Text, { children: ["   ", chalk.cyan("g"), "       ", chalk.dim("Jump to top")] }), _jsxs(Text, { children: ["   ", chalk.cyan("G"), "       ", chalk.dim("Jump to bottom")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("PgUp"), "    ", chalk.dim("Page up")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("PgDn"), "    ", chalk.dim("Page down")] }), _jsx(Text, { children: "" }), _jsx(Text, { bold: true, children: " Actions" }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("\u23CE"), "       ", chalk.dim("Expand findings (press again for full details)")] }), isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("Esc"), "     ", chalk.dim("Back to list")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("/"), "       ", chalk.dim("Search all scanned packages (incl. passed)")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("l"), "       ", chalk.dim("License breakdown (browse + drill-in)")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("e"), "       ", chalk.dim("Export menu — pick scope (all / summary / packages / licenses / findings) and format (JSON / CSV / Markdown / text)")] }), !isDetail && _jsxs(Text, { children: ["   ", chalk.cyan("Esc"), "     ", chalk.dim(onBack ? "Collapse row / clear search / back to project selector" : "Collapse row / clear search")] }), _jsxs(Text, { children: ["   ", chalk.cyan("q"), "       ", chalk.dim("Quit")] }), _jsx(Text, { children: "" }), _jsxs(Text, { dimColor: true, children: [" Press ", chalk.bold.cyan("?"), " or ", chalk.bold.cyan("Esc"), " to close"] })] })] }));
     }
     // ── License overlay ──
     if (showLicenses) {
@@ -1080,7 +1129,7 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
     }
     // ── Detail pane mode ──
     if (detailPane !== null) {
-        const dpGroup = groups[detailPane.groupIndex];
+        const dpGroup = detailGroup;
         if (dpGroup) {
             const dpRep = firstPackage(dpGroup);
             const { color: dpColor } = packageBadge(dpRep);
@@ -1088,11 +1137,11 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
             const dpAbove = dpScroll;
             const dpBelow = Math.max(0, detailLines.length - dpScroll - detailContentRows);
             const dpVisible = detailLines.slice(dpScroll, dpScroll + detailContentRows);
-            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: true, children: [groupNames(dpGroup), dpRep.license ? chalk.dim(" \u00B7 ") + (dpRep.license.riskCategory === "permissive" ? chalk.green(dpRep.license.spdx ?? dpRep.license.raw ?? "") : dpRep.license.riskCategory === "no-license" || dpRep.license.riskCategory === "network-copyleft" ? chalk.red(dpRep.license.spdx ?? dpRep.license.raw ?? "No license") : chalk.yellow(dpRep.license.spdx ?? dpRep.license.raw ?? "")) : ""] }), _jsx(Text, { children: dpColor(`score ${dpRep.score}`) })] }), dpAbove > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2191"), " ", dpAbove, " more above"] })), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: dpVisible }), dpBelow > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2193"), " ", dpBelow, " more below"] }))] }), _jsx(Text, { dimColor: true, children: chalk.dim("─".repeat(Math.max(20, termCols - 4))) }), _jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: _jsxs(Box, { justifyContent: "space-between", children: [clean.length > 0 ? (_jsxs(Text, { children: [chalk.green("\u2713"), " ", chalk.green.bold(String(clean.length)), " ", chalk.dim(`package${clean.length !== 1 ? "s" : ""} passed`), " ", chalk.dim(`\u00b7 ${(durationMs / 1000).toFixed(1)}s`)] })) : (_jsxs(Text, { dimColor: true, children: [(durationMs / 1000).toFixed(1), "s"] })), result.freeScansRemaining !== undefined && (_jsx(Text, { dimColor: true, children: "Free tier \u00B7 dg login for higher scan limits" }))] }) }), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Text, { children: [" ", chalk.bold.cyan("\u2191\u2193"), " ", chalk.dim("scroll"), "   ", chalk.bold.cyan("Esc"), " ", chalk.dim("back"), "   ", chalk.bold.cyan("q"), " ", chalk.dim("quit")] })] }));
+            return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsxs(Text, { bold: true, wrap: "truncate-end", children: [groupNames(dpGroup), dpRep.license ? chalk.dim(" \u00B7 ") + (dpRep.license.riskCategory === "permissive" ? chalk.green(dpRep.license.spdx ?? dpRep.license.raw ?? "") : dpRep.license.riskCategory === "no-license" || dpRep.license.riskCategory === "network-copyleft" ? chalk.red(dpRep.license.spdx ?? dpRep.license.raw ?? "No license") : chalk.yellow(dpRep.license.spdx ?? dpRep.license.raw ?? "")) : ""] }), _jsx(Text, { children: dpColor(`score ${dpRep.score}`) })] }), dpAbove > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2191"), " ", dpAbove, " more above"] })), _jsx(Box, { flexDirection: "column", marginLeft: 2, children: dpVisible }), dpBelow > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2193"), " ", dpBelow, " more below"] }))] }), _jsx(Text, { dimColor: true, children: chalk.dim("─".repeat(Math.max(20, termCols - 4))) }), _jsx(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: _jsxs(Box, { justifyContent: "space-between", children: [clean.length > 0 ? (_jsxs(Text, { wrap: "truncate-end", children: [chalk.green("\u2713"), " ", chalk.green.bold(String(clean.length)), " ", chalk.dim(`package${clean.length !== 1 ? "s" : ""} passed`), " ", chalk.dim(`\u00b7 ${(durationMs / 1000).toFixed(1)}s`)] })) : (_jsxs(Text, { dimColor: true, children: [(durationMs / 1000).toFixed(1), "s"] })), result.freeScansRemaining !== undefined && (_jsx(Text, { dimColor: true, children: "Free tier \u00B7 dg login for higher scan limits" }))] }) }), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Text, { children: [" ", chalk.bold.cyan("\u2191\u2193"), " ", chalk.dim("scroll"), "   ", chalk.bold.cyan("Esc"), " ", chalk.dim("back"), "   ", chalk.bold.cyan("q"), " ", chalk.dim("quit")] })] }));
         }
     }
     // ── List mode ──
-    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), groups.length > 0 && (_jsxs(_Fragment, { children: [_jsx(Text, { dimColor: true, children: chalk.dim("─".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, children: "Flagged Packages" }), _jsx(Text, { dimColor: true, children: searchQuery ? `${groups.length} of ${allGroupCount}` : `${clampedCursor + 1}/${groups.length}` })] }), aboveCount > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2191"), " ", aboveCount, " more above"] })), visibleGroups.map((group, visIdx) => {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsx(ScoreHeader, { score: result.score, action: result.action, total: total, flagged: flagged.length, clean: clean.length, userStatus: userStatus, scanUsage: scanUsage, usageNearLimit: usageNearLimit }), groups.length > 0 && (_jsxs(_Fragment, { children: [!compact && _jsx(Text, { dimColor: true, children: chalk.dim("─".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [_jsxs(Box, { justifyContent: "space-between", children: [_jsx(Text, { bold: true, children: searchQuery ? "Search Results" : "Flagged Packages" }), _jsx(Text, { dimColor: true, children: searchQuery ? `${matchCount} of ${total} packages` : `${clampedCursor + 1}/${groups.length}` })] }), aboveCount > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2191"), " ", aboveCount, " more above"] })), visibleGroups.map((group, visIdx) => {
                                 const globalIdx = view.viewport + visIdx;
                                 const isCursor = globalIdx === clampedCursor;
                                 const level = getLevel(globalIdx);
@@ -1107,8 +1156,8 @@ export const InteractiveResultsView = ({ result, config: _config, durationMs, on
                                         : (lcInfo.riskCategory === "no-license" || lcInfo.riskCategory === "unlicensed" || lcInfo.riskCategory === "network-copyleft") ? chalk.red
                                             : chalk.yellow;
                                 const arrow = level === "summary" ? "\u25BE" : "\u25B8"; // ▾ expanded, ▸ collapsed
-                                return (_jsxs(Box, { flexDirection: "column", children: [isCursor ? (_jsxs(Text, { backgroundColor: "#1a1a2e", children: [chalk.cyan("\u258C"), " ", chalk.cyan(arrow), " ", ` `, color(pad(label, 8)), chalk.bold(pad(truncate(names, nameCol - 2), nameCol)), lcColor(pad(lcStr, lcCol)), color(scoreStr.padStart(3)), "  "] })) : (_jsxs(Text, { children: [`  ${chalk.dim(arrow)}  `, color(pad(label, 8)), pad(truncate(names, nameCol - 2), nameCol), lcColor(pad(lcStr, lcCol)), color(scoreStr.padStart(3))] })), level === "summary" && (_jsx(FindingsSummary, { group: group, maxWidth: innerWidth - 8, maxLines: globalIdx === view.expandedIndex ? animVisibleLines : undefined }))] }, group.key));
-                            }), belowCount > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2193"), " ", belowCount, " more below"] }))] })] })), searchQuery && groups.length === 0 && (_jsx(Text, { dimColor: true, children: `  No flagged packages match "${searchQuery}"` })), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [discoveredTotal !== undefined && discoveredTotal > total && (_jsxs(Text, { dimColor: true, children: ["Scanned ", total, " of ", discoveredTotal, " packages"] })), _jsxs(Box, { justifyContent: "space-between", children: [clean.length > 0 ? (_jsxs(Text, { children: [chalk.green("\u2713"), " ", chalk.green.bold(String(clean.length)), " ", chalk.dim(`package${clean.length !== 1 ? "s" : ""} passed`), " ", chalk.dim(`\u00b7 ${(durationMs / 1000).toFixed(1)}s`)] })) : (_jsxs(Text, { dimColor: true, children: [(durationMs / 1000).toFixed(1), "s"] })), result.freeScansRemaining !== undefined && (_jsx(Text, { dimColor: true, children: "Free tier \u00B7 dg login for higher scan limits" }))] })] }), _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), searchMode ? (_jsxs(Text, { children: [" ", chalk.bold.cyan("/"), " ", searchQuery, chalk.cyan("\u2588"), "   ", chalk.dim("Esc clear")] })) : (_jsxs(Text, { children: [" ", allGroupCount > 0 && (_jsxs(_Fragment, { children: [chalk.bold.cyan("\u2191\u2193"), " ", chalk.dim("navigate"), "   ", chalk.bold.cyan("\u23CE"), " ", chalk.dim("expand"), "   ", chalk.bold.cyan("/"), " ", chalk.dim("search"), "   "] })), chalk.bold.cyan("l"), " ", chalk.dim("licenses"), "   ", chalk.bold.cyan("e"), " ", chalk.dim("export"), "   ", onBack && _jsxs(_Fragment, { children: [chalk.bold.cyan("Esc"), " ", chalk.dim("back"), "   "] }), chalk.bold.cyan("q"), " ", chalk.dim("quit"), "   ", chalk.dim("\u00B7 Ctrl+C or q to exit"), exportMsg && _jsxs(_Fragment, { children: ["   ", chalk.green(exportMsg)] })] }))] }));
+                                return (_jsxs(Box, { flexDirection: "column", children: [isCursor ? (_jsxs(Text, { backgroundColor: "#1a1a2e", wrap: "truncate-end", children: [chalk.cyan("\u258C"), " ", chalk.cyan(arrow), " ", ` `, color(pad(label, BADGE_COL)), chalk.bold(pad(truncate(names, nameCol - 2), nameCol)), lcColor(pad(lcStr, lcCol)), color(scoreStr.padStart(3)), "  "] })) : (_jsxs(Text, { wrap: "truncate-end", children: [`  ${chalk.dim(arrow)}  `, color(pad(label, BADGE_COL)), pad(truncate(names, nameCol - 2), nameCol), lcColor(pad(lcStr, lcCol)), color(scoreStr.padStart(3))] })), level === "summary" && (_jsx(FindingsSummary, { group: group, maxWidth: innerWidth - 8, maxLines: group.key === view.expandedKey ? animVisibleLines : undefined }))] }, group.key));
+                            }), belowCount > 0 && (_jsxs(Text, { dimColor: true, children: [chalk.cyan(" \u2193"), " ", belowCount, " more below"] }))] })] })), searchQuery && groups.length === 0 && (_jsx(Text, { dimColor: true, children: `  No packages match "${searchQuery}"` })), !compact && _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), _jsxs(Box, { flexDirection: "column", paddingLeft: 1, paddingRight: 1, width: "100%", children: [discoveredTotal !== undefined && discoveredTotal > total && (_jsxs(Text, { dimColor: true, children: ["Scanned ", total, " of ", discoveredTotal, " packages"] })), _jsxs(Box, { justifyContent: "space-between", children: [clean.length > 0 ? (_jsxs(Text, { wrap: "truncate-end", children: [chalk.green("\u2713"), " ", chalk.green.bold(String(clean.length)), " ", chalk.dim(`package${clean.length !== 1 ? "s" : ""} passed`), " ", chalk.dim(`\u00b7 ${(durationMs / 1000).toFixed(1)}s`)] })) : (_jsxs(Text, { dimColor: true, children: [(durationMs / 1000).toFixed(1), "s"] })), result.freeScansRemaining !== undefined && (_jsx(Text, { dimColor: true, children: "Free tier \u00B7 dg login for higher scan limits" }))] })] }), !compact && _jsx(Text, { dimColor: true, children: chalk.dim("\u2500".repeat(Math.max(20, termCols - 4))) }), searchMode ? (_jsxs(Text, { wrap: "truncate-end", children: [" ", chalk.bold.cyan("/"), " ", searchQuery, chalk.cyan("\u2588"), "   ", chalk.dim("Esc clear")] })) : exportMsg ? (_jsxs(Text, { wrap: "truncate-end", children: [" ", chalk.green(exportMsg)] })) : searchQuery ? (_jsxs(Text, { wrap: "truncate-end", children: [" ", chalk.bold.cyan("/"), " ", searchQuery, "   ", chalk.dim(`${matchCount} of ${total} packages`), "   ", chalk.bold.cyan("Esc"), " ", chalk.dim("clear"), "   ", chalk.bold.cyan("q"), " ", chalk.dim("quit")] })) : (_jsxs(Text, { wrap: "truncate-end", children: [" ", groups.length > 0 && (_jsxs(_Fragment, { children: [chalk.bold.cyan("\u2191\u2193"), " ", chalk.dim("navigate"), "   ", chalk.bold.cyan("\u23CE"), " ", chalk.dim("expand"), "   "] })), total > 0 && (_jsxs(_Fragment, { children: [chalk.bold.cyan("/"), " ", chalk.dim("search"), "   "] })), chalk.bold.cyan("l"), " ", chalk.dim("licenses"), "   ", chalk.bold.cyan("e"), " ", chalk.dim("export"), "   ", onBack && _jsxs(_Fragment, { children: [chalk.bold.cyan("Esc"), " ", chalk.dim("back"), "   "] }), chalk.bold.cyan("q"), " ", chalk.dim("quit")] }))] }));
 };
 const T = {
     branch: chalk.dim("\u251C\u2500\u2500"),
@@ -1168,13 +1217,24 @@ const FindingsSummary = ({ group, maxWidth, maxLines }) => {
             const sevLabel = SEVERITY_LABELS[f.severity] ?? "INFO";
             const sevColor = SEVERITY_COLORS[f.severity] ?? SEVERITY_COLORS[1] ?? chalk.dim;
             const title = f.title ? `: ${f.title}` : "";
-            allLines.push(_jsxs(Text, { children: [connector, " ", sevColor(pad(sevLabel, 5)), " ", chalk.dim(f.category ?? ""), title] }, `finding-${idx}`));
+            allLines.push(_jsxs(Text, { wrap: "truncate-end", children: [connector, " ", sevColor(pad(sevLabel, 5)), " ", chalk.dim(f.category ?? ""), title] }, `finding-${idx}`));
         }
     }
     if (visibleFindings.length === 0 && rep.score > 0) {
         // No findings at all (shouldn't happen after API change, but safety fallback)
         allLines.push(_jsxs(Text, { dimColor: true, children: [hasAffects ? T.branch : T.last, " Score: ", rep.score, "/100"] }, "score-only"));
     }
+    if (visibleFindings.length === 0 && rep.score === 0) {
+        const statusLines = statusSummaryLines(rep);
+        statusLines.forEach((line, i) => {
+            const isLast = !hasAffects && i === statusLines.length - 1;
+            allLines.push(_jsxs(Text, { wrap: "truncate-end", children: [isLast ? T.last : T.branch, " ", rep.action === "analysis_incomplete"
+                        ? chalk.yellow(line)
+                        : (rep.action ?? "pass") === "pass"
+                            ? chalk.green(`✓ ${line}`)
+                            : chalk.dim(line)] }, `status-${i}`));
+        });
+    }
     if (hasAffects) {
         allLines.push(_jsxs(Text, { dimColor: true, children: [T.last, " ", truncate(affectsLine(group), maxWidth - 8)] }, "affects"));
     }

package/dist/scan-ui/components/ProjectSelector.js

@@ -9,10 +9,10 @@ export const ProjectSelector = ({ projects, onConfirm, onCancel, userStatus }) =
     const [selected, setSelected] = useState(() => new Set(projects.map((_, i) => i)));
     const { cols: termCols } = useTerminalSize();
     useInput((input, key) => {
-        if (key.upArrow) {
+        if (key.upArrow || input === "k") {
             setCursor((c) => Math.max(0, c - 1));
         }
-        else if (key.downArrow) {
+        else if (key.downArrow || input === "j") {
             setCursor((c) => Math.min(projects.length - 1, c + 1));
         }
         else if (input === " ") {
@@ -37,7 +37,7 @@ export const ProjectSelector = ({ projects, onConfirm, onCancel, userStatus }) =
             if (picked.length > 0)
                 onConfirm(picked);
         }
-        else if (input === "q") {
+        else if (input === "q" || key.escape) {
             onCancel();
         }
     });