@westbayberry/dg 1.0.53 → 1.0.56

package/dist/packages/cli/src/ui/components/ProgressDots.js

@@ -0,0 +1,35 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProgressDots = void 0;
+exports.phaseToStep = phaseToStep;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const TOTAL_STEPS = 6;
+// Maps wizard phases to step numbers for the progress indicator.
+// Six groups: 1=Welcome, 2=Learn, 3=Your project, 4=Scan, 5=Next steps, 6=Done.
+// Transient phases (detect, install_hook, etc.) share their parent's group.
+function phaseToStep(phase) {
+    switch (phase) {
+        case "greet": return 1;
+        case "value_prop":
+        case "demo_scanning":
+        case "demo_result": return 2;
+        case "scenario":
+        case "detect":
+        case "confirm_hook":
+        case "install_hook":
+        case "verify_hook": return 3;
+        case "confirm_scan":
+        case "run_scan":
+        case "result_first_scan": return 4;
+        case "what_happens_next":
+        case "pitch_app": return 5;
+        case "done": return 6;
+        default: return 0;
+    }
+}
+const ProgressDots = ({ current }) => ((0, jsx_runtime_1.jsx)(ink_1.Text, { children: Array.from({ length: TOTAL_STEPS }).map((_, i) => {
+        const filled = i < current;
+        return ((0, jsx_runtime_1.jsx)(ink_1.Text, { color: filled ? "green" : undefined, dimColor: !filled, children: filled ? "\u25CF " : "\u25CB " }, i));
+    }) }));
+exports.ProgressDots = ProgressDots;

package/dist/packages/cli/src/ui/components/ProjectSelector.js

@@ -0,0 +1,60 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ProjectSelector = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const ink_1 = require("ink");
+const chalk_1 = __importDefault(require("chalk"));
+const sanitize_1 = require("../../sanitize");
+const ProjectSelector = ({ projects, onConfirm, onCancel, userStatus }) => {
+    const [cursor, setCursor] = (0, react_1.useState)(0);
+    const [selected, setSelected] = (0, react_1.useState)(() => new Set(projects.map((_, i) => i)));
+    (0, ink_1.useInput)((input, key) => {
+        if (key.upArrow) {
+            setCursor((c) => Math.max(0, c - 1));
+        }
+        else if (key.downArrow) {
+            setCursor((c) => Math.min(projects.length - 1, c + 1));
+        }
+        else if (input === " ") {
+            setSelected((prev) => {
+                const next = new Set(prev);
+                if (next.has(cursor))
+                    next.delete(cursor);
+                else
+                    next.add(cursor);
+                return next;
+            });
+        }
+        else if (input === "a") {
+            setSelected((prev) => {
+                if (prev.size === projects.length)
+                    return new Set();
+                return new Set(projects.map((_, i) => i));
+            });
+        }
+        else if (key.return) {
+            const picked = projects.filter((_, i) => selected.has(i));
+            if (picked.length > 0)
+                onConfirm(picked);
+        }
+        else if (input === "q") {
+            onCancel();
+        }
+    });
+    const ecosystemLabel = (eco) => eco === "npm" ? chalk_1.default.magenta("npm") : chalk_1.default.blue("pip");
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", paddingLeft: 1, children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.cyan("\u25C6"), " ", chalk_1.default.bold("Dependency Guardian"), "  ", userStatus ? chalk_1.default.dim(userStatus) : ""] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: "" }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: ["Found ", projects.length, " project", projects.length !== 1 ? "s" : ""] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: "" }), projects.map((proj, i) => {
+                const isCursor = i === cursor;
+                const isSelected = selected.has(i);
+                const prefix = isCursor ? chalk_1.default.cyan("\u258C") : " ";
+                const check = isSelected ? chalk_1.default.green("\u25C9") : chalk_1.default.dim("\u25CB");
+                const line = `${prefix}${check}  ${(0, sanitize_1.sanitize)(proj.relativePath).padEnd(40)} ${ecosystemLabel(proj.ecosystem).padEnd(5)} ${proj.packageCount} packages`;
+                return ((0, jsx_runtime_1.jsx)(ink_1.Text, { backgroundColor: isCursor ? "#1a1a2e" : undefined, children: line }, i));
+            }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: "" }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: selected.size === 0
+                    ? chalk_1.default.yellow("Select at least 1 project to scan")
+                    : `${selected.size} of ${projects.length} selected` }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: "" }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.bold.cyan("space"), " ", chalk_1.default.dim("toggle"), "   ", chalk_1.default.bold.cyan("a"), " ", chalk_1.default.dim("all"), "   ", chalk_1.default.bold.hex('#FFD700')("\u23CE"), " ", chalk_1.default.bold.hex('#FFD700')("scan"), "   ", chalk_1.default.bold.cyan("q"), " ", chalk_1.default.dim("quit")] })] }));
+};
+exports.ProjectSelector = ProjectSelector;

package/dist/packages/cli/src/ui/components/ResultsView.js

@@ -0,0 +1,105 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ResultsView = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const chalk_1 = __importDefault(require("chalk"));
+const ScoreHeader_1 = require("./ScoreHeader");
+const DurationLine_1 = require("./DurationLine");
+/**
+ * Group packages that share identical findings (e.g. @esbuild/* platform variants).
+ * Returns groups sorted by score descending.
+ */
+function groupPackages(packages) {
+    const map = new Map();
+    for (const pkg of packages) {
+        const fingerprint = pkg.findings.length === 0
+            ? `__clean_${pkg.score}`
+            : pkg.findings
+                .map((f) => `${f.category ?? ""}:${f.severity}`)
+                .sort()
+                .join("|") + `|score:${pkg.score}`;
+        const group = map.get(fingerprint) ?? [];
+        group.push(pkg);
+        map.set(fingerprint, group);
+    }
+    return [...map.values()]
+        .map((pkgs) => ({ packages: pkgs, key: pkgs[0].name }))
+        .sort((a, b) => b.packages[0].score - a.packages[0].score);
+}
+const SEVERITY_LABELS = {
+    5: "CRITICAL",
+    4: "HIGH",
+    3: "MEDIUM",
+    2: "LOW",
+    1: "INFO",
+};
+function severityColor(sev) {
+    if (sev >= 5)
+        return (s) => chalk_1.default.bold.red(s);
+    if (sev >= 4)
+        return chalk_1.default.magenta;
+    if (sev >= 3)
+        return chalk_1.default.yellow;
+    if (sev >= 2)
+        return chalk_1.default.dim;
+    return chalk_1.default.dim;
+}
+function actionBadge(score) {
+    if (score >= 70)
+        return { label: "BLOCK", color: chalk_1.default.red };
+    if (score >= 60)
+        return { label: "WARN", color: chalk_1.default.yellow };
+    return { label: "PASS", color: chalk_1.default.green };
+}
+function truncate(s, max) {
+    return s.length <= max ? s : s.slice(0, max - 1) + "\u2026";
+}
+function pad(s, len) {
+    return s + " ".repeat(Math.max(0, len - s.length));
+}
+const EVIDENCE_LIMIT = 3;
+const ResultsView = ({ result, config: _config, durationMs, }) => {
+    const flagged = result.packages.filter((p) => p.score > 0);
+    const clean = result.packages.filter((p) => p.score === 0);
+    const total = result.packages.length;
+    const groups = groupPackages(flagged);
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", paddingLeft: 2, children: [(0, jsx_runtime_1.jsx)(ink_1.Newline, {}), (0, jsx_runtime_1.jsx)(ScoreHeader_1.ScoreHeader, { score: result.score, action: result.action }), (0, jsx_runtime_1.jsx)(ink_1.Newline, {}), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.dim(`${total} package${total !== 1 ? "s" : ""} scanned`), flagged.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["    ", chalk_1.default.yellow(`${flagged.length} flagged`), "    ", chalk_1.default.green(`${clean.length} clean`)] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["    ", chalk_1.default.green("all clean")] }))] }), (0, jsx_runtime_1.jsx)(ink_1.Newline, {}), flagged.length > 0 && ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, children: "Flagged Packages" }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: "\u2500".repeat(60) }), groups.map((group) => {
+                        const rep = group.packages[0];
+                        const { label, color } = actionBadge(rep.score);
+                        const names = group.packages.length === 1
+                            ? rep.name
+                            : group.packages.length <= 3
+                                ? group.packages.map((p) => p.name).join(", ")
+                                : `${group.packages[0].name} + ${group.packages.length - 1} similar`;
+                        return ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: ["  ", color(pad(label, 7)), chalk_1.default.bold(pad(truncate(names, 50), 52)), chalk_1.default.dim(`score ${rep.score}`)] }, group.key));
+                    }), (0, jsx_runtime_1.jsx)(ink_1.Newline, {})] })), clean.length > 0 && ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.green("\u2713"), " ", chalk_1.default.green.bold(String(clean.length)), " ", chalk_1.default.dim(`package${clean.length !== 1 ? "s" : ""} passed with score 0`)] })), (0, jsx_runtime_1.jsx)(ink_1.Newline, {}), groups
+                .filter((g) => g.packages[0].score > 0)
+                .map((group) => {
+                const rep = group.packages[0];
+                const names = group.packages.length === 1
+                    ? `${rep.name}@${rep.version}`
+                    : group.packages.length <= 3
+                        ? group.packages.map((p) => `${p.name}@${p.version}`).join(", ")
+                        : `${rep.name}@${rep.version} + ${group.packages.length - 1} identical packages`;
+                const visibleFindings = rep.findings
+                    .filter((f) => f.severity > 1)
+                    .sort((a, b) => b.severity - a.severity);
+                const safeVersion = result.safeVersions[rep.name];
+                return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.dim("\u2500\u2500"), " ", chalk_1.default.bold(`${names} (score: ${rep.score})`)] }), group.packages.length > 3 && ((0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: ["   Affects: ", group.packages.map((p) => p.name).join(", ")] })), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " }), visibleFindings.map((finding, idx) => {
+                            const sevLabel = SEVERITY_LABELS[finding.severity] ?? "INFO";
+                            const colorFn = severityColor(finding.severity);
+                            const evidence = finding.evidence ?? [];
+                            const evidenceSlice = evidence.slice(0, EVIDENCE_LIMIT);
+                            const overflow = evidence.length - EVIDENCE_LIMIT;
+                            const label = finding.title
+                                ? `${finding.category ?? ""} \u2014 ${finding.title}`
+                                : finding.category ?? "";
+                            return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { children: ["  ", colorFn(pad(sevLabel, 10)), label] }), evidenceSlice.map((ev, i) => ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: ["              ", chalk_1.default.dim(truncate(ev, 76))] }, i))), overflow > 0 && ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: ["              ", chalk_1.default.dim(`... and ${overflow} more`)] })), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " })] }, idx));
+                        }), safeVersion && ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: ["  ", chalk_1.default.green(`Safe version: ${rep.name}@${safeVersion}`)] })), (0, jsx_runtime_1.jsx)(ink_1.Newline, {})] }, group.key));
+            }), (0, jsx_runtime_1.jsx)(DurationLine_1.DurationLine, { ms: durationMs }), (0, jsx_runtime_1.jsx)(ink_1.Newline, {})] }));
+};
+exports.ResultsView = ResultsView;

package/dist/packages/cli/src/ui/components/ScanResultCard.js

@@ -0,0 +1,54 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScanResultCard = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const wizard_demo_data_1 = require("../../wizard-demo-data");
+const ScanResultCard = ({ outcome }) => {
+    let verdict;
+    let verdictColor;
+    let score;
+    let packages;
+    let extraNote = null;
+    if (outcome.kind === "demo") {
+        verdict = "BLOCKED";
+        verdictColor = "red";
+        score = outcome.score;
+        packages = [outcome.pkg];
+    }
+    else {
+        const o = outcome.outcome;
+        if (o.status === "ok" && o.result) {
+            const r = o.result.result;
+            verdict = r.action === "block" ? "BLOCKED" : r.action === "warn" ? "WARNING" : "PASSED";
+            verdictColor = r.action === "block" ? "red" : r.action === "warn" ? "yellow" : "green";
+            score = r.score;
+            packages = r.packages;
+        }
+        else if (o.status === "no_packages") {
+            verdict = "EMPTY";
+            verdictColor = "gray";
+            score = 0;
+            packages = [];
+            extraNote = "Nothing to scan yet. I'll catch new packages as you add them.";
+        }
+        else if (o.status === "trial_exhausted") {
+            verdict = "EMPTY";
+            verdictColor = "yellow";
+            score = 0;
+            packages = [];
+            extraNote = "Free trial used up. Run `dg login` to keep scanning.";
+        }
+        else {
+            verdict = "EMPTY";
+            verdictColor = "yellow";
+            score = 0;
+            packages = [];
+            extraNote = `Scan didn't finish: ${o.message ?? "unknown error"}`;
+        }
+    }
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", children: verdict !== "EMPTY" && packages.length > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [packages.length === 1 ? ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, children: packages[0].name }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: ["@", packages[0].version] })] })) : ((0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: [packages.length, " packages"] })), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: verdictColor, bold: true, children: verdict }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: "  \u00B7  " }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: [score, "/100"] })] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " }), packages.length === 1
+                    ? packages[0].findings.slice(0, 3).map((f, i) => ((0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: ["  • ", (0, wizard_demo_data_1.friendlyCategory)(f.category), f.title ? ` — ${f.title}` : ""] }, `f-${i}`)))
+                    : packages.slice(0, 3).map((pkg) => ((0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: ["  • ", (0, jsx_runtime_1.jsx)(ink_1.Text, { bold: true, children: pkg.name }), " ", pkg.score, "/100"] }, pkg.name))), packages.length > 3 ? ((0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: "  + " + (packages.length - 3) + " more" })) : null] })) : verdict !== "EMPTY" ? ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: verdictColor, bold: true, children: verdict }), (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: "  \u00B7  " }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: [score, "/100"] })] })) : ((0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: extraNote })) }));
+};
+exports.ScanResultCard = ScanResultCard;

package/dist/packages/cli/src/ui/components/ScoreHeader.js

@@ -0,0 +1,142 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ScoreHeader = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const chalk_1 = __importDefault(require("chalk"));
+function scoreColor(score, action) {
+    const colorFn = action === "block" ? chalk_1.default.red.bold :
+        action === "warn" ? chalk_1.default.yellow.bold :
+            chalk_1.default.green.bold;
+    return colorFn(String(score));
+}
+const SEV_COLORS = {
+    5: (s) => chalk_1.default.red(s),
+    4: (s) => chalk_1.default.red(s),
+    3: (s) => chalk_1.default.yellow(s),
+    2: (s) => chalk_1.default.cyan(s),
+};
+const SEV_LABELS = {
+    5: "CRIT",
+    4: "HIGH",
+    3: "MED",
+    2: "LOW",
+};
+function severityBar(counts) {
+    const levels = [5, 4, 3, 2];
+    const total = levels.reduce((sum, lv) => sum + (counts[lv] ?? 0), 0);
+    if (total === 0)
+        return "";
+    const BAR_WIDTH = 30;
+    const parts = [];
+    for (const lv of levels) {
+        const count = counts[lv] ?? 0;
+        if (count === 0)
+            continue;
+        const width = Math.max(2, Math.round((count / total) * BAR_WIDTH));
+        const bar = "\u2501".repeat(width);
+        const colorFn = SEV_COLORS[lv] ?? chalk_1.default.dim;
+        parts.push(`${colorFn(bar)} ${count} ${SEV_LABELS[lv] ?? ""}`);
+    }
+    return parts.join("  ");
+}
+// Braille pixel-art logo: hub-and-spoke dependency graph
+// Pixel helpers for drawing on a grid
+function plot(grid, x, y, type) {
+    if (y >= 0 && y < grid.length && x >= 0 && x < grid[0].length)
+        grid[y][x] = Math.max(grid[y][x], type);
+}
+function bresenham(grid, x0, y0, x1, y1, type) {
+    const dx = Math.abs(x1 - x0), dy = Math.abs(y1 - y0);
+    const sx = x0 < x1 ? 1 : -1, sy = y0 < y1 ? 1 : -1;
+    let err = dx - dy, x = x0, y = y0;
+    while (true) {
+        plot(grid, x, y, type);
+        if (x === x1 && y === y1)
+            break;
+        const e2 = 2 * err;
+        if (e2 > -dy) {
+            err -= dy;
+            x += sx;
+        }
+        if (e2 < dx) {
+            err += dx;
+            y += sy;
+        }
+    }
+}
+function fillCircle(grid, cx, cy, r, type) {
+    for (let y = Math.floor(cy - r); y <= Math.ceil(cy + r); y++)
+        for (let x = Math.floor(cx - r); x <= Math.ceil(cx + r); x++)
+            if ((x - cx) ** 2 + (y - cy) ** 2 <= r * r)
+                plot(grid, x, y, type);
+}
+// Type: 1=spoke, 2=clean node, 3=center hub, 4=threat node (NE)
+const LOGO_DATA = (() => {
+    const W = 22, H = 28;
+    const grid = Array.from({ length: H }, () => Array(W).fill(0));
+    const cx = 11, cy = 14, R = 10;
+    const angles = [270, 315, 0, 45, 90, 135, 180, 225]; // N, NE, E, SE, S, SW, W, NW
+    const nodes = angles.map(a => {
+        const rad = a * Math.PI / 180;
+        return [Math.round(cx + R * Math.cos(rad)), Math.round(cy + R * Math.sin(rad))];
+    });
+    // Spokes first (lowest priority)
+    for (const [nx, ny] of nodes)
+        bresenham(grid, cx, cy, nx, ny, 1);
+    // Outer nodes (higher priority overwrites spoke pixels)
+    nodes.forEach(([nx, ny], i) => fillCircle(grid, nx, ny, 1.5, i === 1 ? 4 : 2));
+    // Center hub (highest non-threat priority)
+    fillCircle(grid, cx, cy, 3, 3);
+    // Convert pixel grid to braille characters + per-char type
+    const chars = [];
+    const types = [];
+    for (let row = 0; row < H; row += 4) {
+        for (let col = 0; col < W; col += 2) {
+            let bits = 0, maxType = 0;
+            const offsets = [
+                [0, 0, 1], [1, 0, 2], [2, 0, 4], [3, 0, 64],
+                [0, 1, 8], [1, 1, 16], [2, 1, 32], [3, 1, 128],
+            ];
+            for (const [dy, dx, bit] of offsets) {
+                const py = row + dy, px = col + dx;
+                if (py < H && px < W && grid[py][px] > 0) {
+                    bits |= bit;
+                    maxType = Math.max(maxType, grid[py][px]);
+                }
+            }
+            chars.push(String.fromCharCode(0x2800 + bits));
+            types.push(maxType);
+        }
+    }
+    return { chars, types, cols: W / 2 };
+})();
+function renderLogo(action) {
+    const colors = {
+        1: chalk_1.default.dim,
+        2: chalk_1.default.white,
+        3: (s) => chalk_1.default.bold.white(s),
+        4: action === "block" ? chalk_1.default.red : action === "warn" ? chalk_1.default.yellow : chalk_1.default.green,
+    };
+    const result = [];
+    const { chars, types, cols } = LOGO_DATA;
+    for (let i = 0; i < chars.length; i += cols) {
+        let row = "";
+        for (let j = 0; j < cols; j++) {
+            const ch = chars[i + j];
+            const t = types[i + j];
+            row += t > 0 ? (colors[t] ?? chalk_1.default.dim)(ch) : ch;
+        }
+        result.push(row);
+    }
+    return result;
+}
+const ScoreHeader = ({ score, action, total, flagged, clean, severityCounts, userStatus, scanUsage, }) => {
+    const logo = renderLogo(action);
+    const showLogo = (process.stdout.columns ?? 80) >= 60;
+    return ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: action === "block" ? "red" : action === "warn" ? "yellow" : "green", paddingLeft: 1, paddingRight: 1, width: "100%", children: (0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "row", children: [(0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", flexGrow: 1, children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { bold: true, children: [chalk_1.default.cyan("\u25C6"), " Dependency Guardian  ", userStatus ? chalk_1.default.dim(userStatus) : ""] }), (0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.dim("Score"), "  ", scoreColor(score, action)] }), total !== undefined && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { children: " " }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [chalk_1.default.dim(`${total} package${total !== 1 ? "s" : ""} scanned`), flagged !== undefined && flagged > 0 ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["    ", chalk_1.default.yellow(`${flagged} flagged`), "    ", chalk_1.default.green(`${clean ?? 0} clean`)] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: ["    ", chalk_1.default.green("all clean")] }))] }), severityCounts && Object.values(severityCounts).some(v => v > 0) && ((0, jsx_runtime_1.jsxs)(ink_1.Box, { justifyContent: "space-between", children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { children: severityBar(severityCounts) }), scanUsage && (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: scanUsage })] })), (!severityCounts || !Object.values(severityCounts).some(v => v > 0)) && scanUsage && ((0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: scanUsage }))] }))] }), showLogo && ((0, jsx_runtime_1.jsx)(ink_1.Box, { flexDirection: "column", marginLeft: 2, children: logo.map((line, i) => (0, jsx_runtime_1.jsx)(ink_1.Text, { children: line }, i)) }))] }) }));
+};
+exports.ScoreHeader = ScoreHeader;

package/dist/packages/cli/src/ui/components/SetupBanner.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SetupBanner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+// Visible alert shown above the scan results when the user's DG setup has
+// gaps — missing api key, missing pre-commit hook, etc. Renders nothing
+// when issues is empty so it's free to drop in unconditionally.
+//
+// Yellow border, single line per issue, fix command in cyan so the user
+// can copy-paste it.
+const SetupBanner = ({ issues }) => {
+    if (issues.length === 0)
+        return null;
+    return ((0, jsx_runtime_1.jsxs)(ink_1.Box, { flexDirection: "column", borderStyle: "round", borderColor: "yellow", paddingLeft: 1, paddingRight: 1, width: "100%", children: [(0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: "yellow", bold: true, children: "! Setup incomplete" }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { dimColor: true, children: [" \u2014 ", issues.length === 1 ? "1 thing" : `${issues.length} things`, " you haven't set up yet"] })] }), issues.map((issue) => ((0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: "  \u00B7 " }), issue.label, (0, jsx_runtime_1.jsx)(ink_1.Text, { dimColor: true, children: " \u2192 " }), (0, jsx_runtime_1.jsx)(ink_1.Text, { color: "cyan", bold: true, children: issue.fix })] }, issue.id)))] }));
+};
+exports.SetupBanner = SetupBanner;

package/dist/packages/cli/src/ui/components/Spinner.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Spinner = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const ink_1 = require("ink");
+const ink_spinner_1 = __importDefault(require("ink-spinner"));
+const Spinner = ({ label }) => ((0, jsx_runtime_1.jsxs)(ink_1.Box, { children: [(0, jsx_runtime_1.jsx)(ink_1.Text, { color: "cyan", children: (0, jsx_runtime_1.jsx)(ink_spinner_1.default, { type: "dots" }) }), (0, jsx_runtime_1.jsxs)(ink_1.Text, { children: [" ", label] })] }));
+exports.Spinner = Spinner;

package/dist/packages/cli/src/ui/hooks/useExpandAnimation.js

@@ -0,0 +1,44 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useExpandAnimation = useExpandAnimation;
+const react_1 = require("react");
+function useExpandAnimation(targetHeight, active, durationMs = 180) {
+    const [visibleLines, setVisibleLines] = (0, react_1.useState)(0);
+    const timerRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
+        if (timerRef.current) {
+            clearInterval(timerRef.current);
+            timerRef.current = null;
+        }
+        if (!active || targetHeight <= 0) {
+            setVisibleLines(0);
+            return;
+        }
+        // Reveal one line per tick
+        const intervalMs = Math.max(16, Math.floor(durationMs / targetHeight));
+        let current = 1;
+        setVisibleLines(1);
+        timerRef.current = setInterval(() => {
+            current++;
+            if (current >= targetHeight) {
+                setVisibleLines(targetHeight);
+                if (timerRef.current)
+                    clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+            else {
+                setVisibleLines(current);
+            }
+        }, intervalMs);
+        return () => {
+            if (timerRef.current) {
+                clearInterval(timerRef.current);
+                timerRef.current = null;
+            }
+        };
+    }, [active, targetHeight, durationMs]);
+    return {
+        visibleLines: active ? visibleLines : 0,
+        isAnimating: active && visibleLines > 0 && visibleLines < targetHeight,
+    };
+}