propr-cli 0.8.3 → 0.8.4

package/dist/tui/AgentTableApp.js

@@ -0,0 +1,86 @@
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+/**
+ * Live Ink table for `propr check` agent validation. Renders one row per agent
+ * with spinner placeholders, then fills each cell (version, host, image) in as
+ * the corresponding check resolves — mirroring the streaming system-check view.
+ */
+import { useEffect, useReducer, useState } from "react";
+import { Box, Text, useApp } from "ink";
+const SPINNER = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const VW = 10; // version column width
+const DW = 6; // drift column width
+const SW = 7; // status column width
+const GAP = 2;
+/** Pub/sub bridge between the streaming validator and the React tree. */
+export class AgentTableHub {
+    listeners = new Set();
+    history = [];
+    emit(event) {
+        this.history.push(event);
+        for (const listener of [...this.listeners])
+            listener(event);
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        for (const event of this.history)
+            listener(event);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+}
+function reducer(rows, event) {
+    if (event.type !== "update")
+        return rows;
+    return rows.map((r) => {
+        if (r.type !== event.agent)
+            return r;
+        const u = event.update;
+        if (u.field === "version")
+            return { ...r, versionDone: true, hostVersion: u.hostVersion, imageVersion: u.imageVersion, drift: u.drift };
+        if (u.field === "host")
+            return { ...r, host: u.cell };
+        return { ...r, image: u.cell };
+    });
+}
+function StatusCell({ cell, frame }) {
+    if (!cell)
+        return _jsxs(Text, { color: "cyan", children: [SPINNER[frame % SPINNER.length], " run"] });
+    if (cell.status === "ok")
+        return _jsx(Text, { color: "green", children: "\u2713 ok" });
+    if (cell.status === "fail")
+        return _jsx(Text, { color: "red", children: "\u2717 fail" });
+    return _jsx(Text, { color: "yellow", children: "\u2014 skip" });
+}
+export function AgentTableApp({ agents, hub }) {
+    const { exit } = useApp();
+    const [rows, dispatch] = useReducer(reducer, agents.map((type) => ({ type, versionDone: false })));
+    const [frame, setFrame] = useState(0);
+    const [done, setDone] = useState(false);
+    useEffect(() => {
+        return hub.subscribe((event) => {
+            if (event.type === "done")
+                setDone(true);
+            else
+                dispatch(event);
+        });
+    }, [hub]);
+    useEffect(() => {
+        if (done)
+            return;
+        const timer = setInterval(() => setFrame((f) => f + 1), 80);
+        return () => clearInterval(timer);
+    }, [done]);
+    useEffect(() => {
+        if (!done)
+            return;
+        const timer = setTimeout(() => exit(), 20);
+        return () => clearTimeout(timer);
+    }, [done, exit]);
+    const agentW = Math.max("Agent".length, ...agents.map((a) => a.length));
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Box, { width: agentW + GAP, children: _jsx(Text, { bold: true, children: "Agent" }) }), _jsx(Box, { width: VW + GAP, children: _jsx(Text, { bold: true, children: "Host ver" }) }), _jsx(Box, { width: VW + GAP, children: _jsx(Text, { bold: true, children: "Image ver" }) }), _jsx(Box, { width: DW + GAP, children: _jsx(Text, { bold: true, children: "Drift" }) }), _jsx(Box, { width: SW + GAP, children: _jsx(Text, { bold: true, children: "Host" }) }), _jsx(Box, { width: SW, children: _jsx(Text, { bold: true, children: "Image" }) })] }), rows.map((r) => {
+                const drift = r.versionDone ? (r.drift ?? (r.hostVersion && r.imageVersion ? "same" : "")) : "";
+                const driftColor = drift === "older" ? "yellow" : "gray";
+                return (_jsxs(Box, { children: [_jsx(Box, { width: agentW + GAP, children: _jsx(Text, { children: r.type }) }), _jsx(Box, { width: VW + GAP, children: r.versionDone ? _jsx(Text, { children: r.hostVersion ?? "—" }) : _jsx(Text, { color: "cyan", children: SPINNER[frame % SPINNER.length] }) }), _jsx(Box, { width: VW + GAP, children: _jsx(Text, { children: r.versionDone ? (r.imageVersion ?? "—") : "" }) }), _jsx(Box, { width: DW + GAP, children: _jsx(Text, { color: driftColor, children: drift }) }), _jsx(Box, { width: SW + GAP, children: _jsx(StatusCell, { cell: r.host, frame: frame }) }), _jsx(Box, { width: SW, children: _jsx(StatusCell, { cell: r.image, frame: frame }) })] }, r.type));
+            })] }));
+}

package/dist/tui/CheckApp.js

@@ -0,0 +1,202 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * Live Ink renderer for `propr check` in interactive terminals.
+ *
+ * Rather than rendering a finished report, this subscribes to a CheckHub fed by
+ * the streaming check engine: rows appear as each check resolves, slow checks
+ * (image freshness) show an animated spinner while they run, and the summary
+ * header updates live. With --fix, it ends in an arrow-key remediation menu;
+ * the selected action's key is reported to the caller, which runs it (and any
+ * console output) outside the Ink tree before re-rendering a fresh pass.
+ */
+import { useEffect, useReducer, useState } from "react";
+import { Box, Text, useApp, useInput } from "ink";
+import { CHECK_GROUPS, GROUP_DESCRIPTIONS, GROUP_TITLES, plural, } from "../commands/checkCommands.js";
+/** Minimal pub/sub bridge between the async engine and the React tree. */
+export class CheckHub {
+    listeners = new Set();
+    history = [];
+    emit(event) {
+        this.history.push(event);
+        for (const listener of [...this.listeners])
+            listener(event);
+    }
+    subscribe(listener) {
+        this.listeners.add(listener);
+        for (const event of this.history)
+            listener(event);
+        return () => {
+            this.listeners.delete(listener);
+        };
+    }
+}
+const SPINNER = ["⠋", "⠙", "⠹", "⠸", "⠼", "⠴", "⠦", "⠧", "⠇", "⠏"];
+const STATUS_GLYPH = { ok: "✓", warn: "!", fail: "✗" };
+const STATUS_LABEL = { ok: "OK", warn: "WARN", fail: "FAIL" };
+function statusColor(status) {
+    if (status === "ok")
+        return "green";
+    if (status === "warn")
+        return "yellow";
+    return "red";
+}
+function countRowStatuses(rows) {
+    return rows.reduce((acc, row) => {
+        acc[row.status] += 1;
+        return acc;
+    }, { ok: 0, warn: 0, fail: 0 });
+}
+function rowReducer(state, event) {
+    if (event.type === "pending") {
+        if (state.pendingByName.has(event.slot.name))
+            return state;
+        const id = state.nextId;
+        const pendingByName = new Map(state.pendingByName).set(event.slot.name, id);
+        return {
+            rows: [...state.rows, { id, name: event.slot.name, group: event.slot.group, status: "pending" }],
+            pendingByName,
+            nextId: id + 1,
+        };
+    }
+    if (event.type === "result") {
+        const { result } = event;
+        const pendingId = state.pendingByName.get(result.name);
+        if (pendingId !== undefined) {
+            const pendingByName = new Map(state.pendingByName);
+            pendingByName.delete(result.name);
+            return {
+                rows: state.rows.map((row) => row.id === pendingId
+                    ? { id: pendingId, name: result.name, group: result.group, status: result.status, detail: result.detail, fix: result.fix }
+                    : row),
+                pendingByName,
+                nextId: state.nextId,
+            };
+        }
+        const id = state.nextId;
+        return {
+            rows: [...state.rows, { id, name: result.name, group: result.group, status: result.status, detail: result.detail, fix: result.fix }],
+            pendingByName: state.pendingByName,
+            nextId: id + 1,
+        };
+    }
+    return state;
+}
+function StatusBadge({ status, frame }) {
+    if (status === "pending") {
+        return (_jsxs(Text, { color: "cyan", bold: true, children: [SPINNER[frame % SPINNER.length], " \u00B7\u00B7\u00B7\u00B7"] }));
+    }
+    return (_jsxs(Text, { color: statusColor(status), bold: true, children: [STATUS_GLYPH[status], " ", STATUS_LABEL[status].padEnd(4)] }));
+}
+function ResultRow({ row, nameWidth, frame }) {
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsxs(Box, { flexShrink: 0, children: [_jsx(StatusBadge, { status: row.status, frame: frame }), _jsxs(Text, { children: [" ", row.name.padEnd(nameWidth), "  "] })] }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { children: row.status === "pending" ? _jsx(Text, { dimColor: true, children: "checking\u2026" }) : row.detail }) })] }), row.fix && row.status !== "ok" && row.status !== "pending" ? (_jsxs(Box, { paddingLeft: 9, children: [_jsx(Box, { marginRight: 1, children: _jsx(Text, { dimColor: true, children: "\u21B3" }) }), _jsx(Box, { flexGrow: 1, children: _jsx(Text, { children: row.fix }) })] })) : null] }));
+}
+function SummaryLine({ rows, running }) {
+    const finalized = rows.filter((row) => row.status !== "pending");
+    const counts = countRowStatuses(finalized);
+    return (_jsxs(Box, { children: [_jsx(Text, { children: "Summary: " }), _jsx(Text, { color: counts.fail > 0 ? "red" : undefined, bold: counts.fail > 0, children: plural(counts.fail, "failure") }), _jsx(Text, { children: ", " }), _jsx(Text, { color: counts.warn > 0 ? "yellow" : undefined, bold: counts.warn > 0, children: plural(counts.warn, "warning") }), _jsx(Text, { children: ", " }), _jsxs(Text, { color: "green", children: [counts.ok, " ok"] }), running ? _jsx(Text, { dimColor: true, children: " \u00B7 checking\u2026" }) : null] }));
+}
+function Groups({ rows, frame }) {
+    const sections = [];
+    const groupsInOrder = [...CHECK_GROUPS, undefined];
+    for (const group of groupsInOrder) {
+        const groupRows = rows.filter((row) => row.group === group);
+        if (groupRows.length === 0)
+            continue;
+        const nameWidth = Math.max(18, ...groupRows.map((row) => row.name.length));
+        const finalized = groupRows.filter((row) => row.status !== "pending");
+        const groupCounts = countRowStatuses(finalized);
+        const countSuffix = groupCounts.fail > 0 || groupCounts.warn > 0
+            ? ` (${plural(groupCounts.fail, "failure")}, ${plural(groupCounts.warn, "warning")})`
+            : "";
+        sections.push(_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsxs(Text, { color: "cyan", bold: true, children: [group ? GROUP_TITLES[group] : "Other", countSuffix] }), group ? _jsxs(Text, { dimColor: true, children: ["  ", GROUP_DESCRIPTIONS[group]] }) : null, groupRows.map((row) => (_jsx(ResultRow, { row: row, nameWidth: nameWidth, frame: frame }, row.id)))] }, group ?? "Other"));
+    }
+    return _jsx(_Fragment, { children: sections });
+}
+function Menu({ items, selected }) {
+    return (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Remediations" }), items.map((item, index) => {
+                const active = index === selected;
+                return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Text, { color: active ? "cyan" : undefined, bold: active, children: [active ? "❯ " : "  ", item.label] }), _jsx(Box, { paddingLeft: 4, children: _jsx(Text, { dimColor: true, children: item.detail }) })] }, item.key));
+            }), _jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "\u2191/\u2193 select \u00B7 enter choose \u00B7 q quit" }) })] }));
+}
+export function CheckApp({ hub, fix, getActions, onSelect, onCancel, showAgentValidationHint }) {
+    const { exit } = useApp();
+    const [rowState, dispatch] = useReducer(rowReducer, { rows: [], pendingByName: new Map(), nextId: 0 });
+    const [phase, setPhase] = useState("running");
+    const [outcome, setOutcome] = useState(null);
+    const [actions, setActions] = useState([]);
+    const [selected, setSelected] = useState(0);
+    const [frame, setFrame] = useState(0);
+    const [errored, setErrored] = useState(null);
+    useEffect(() => {
+        return hub.subscribe((event) => {
+            if (event.type === "done") {
+                setOutcome(event.outcome);
+                const available = fix ? getActions(event.outcome) : [];
+                setActions(available);
+                if (fix && available.length > 0) {
+                    setPhase("menu");
+                }
+                else {
+                    setPhase("done");
+                }
+            }
+            else if (event.type === "error") {
+                setErrored(event.error);
+                setPhase("done");
+            }
+            else {
+                dispatch(event);
+            }
+        });
+    }, [hub, fix, getActions]);
+    // Animate the spinner only while checks are in flight.
+    useEffect(() => {
+        if (phase !== "running")
+            return;
+        const timer = setInterval(() => setFrame((f) => f + 1), 80);
+        return () => clearInterval(timer);
+    }, [phase]);
+    // Leave a short beat for the final frame to paint before unmounting.
+    useEffect(() => {
+        if (phase !== "done")
+            return;
+        onSelect(undefined);
+        const timer = setTimeout(() => exit(errored ?? undefined), 20);
+        return () => clearTimeout(timer);
+    }, [phase, exit, onSelect, errored]);
+    useInput((input, key) => {
+        if (key.ctrl && input === "c") {
+            onSelect(undefined);
+            onCancel?.();
+            exit();
+            return;
+        }
+        if (phase === "action-confirm") {
+            if (input.toLowerCase() === "y") {
+                onSelect(actions[selected]?.key);
+                exit();
+            }
+            else {
+                setPhase("menu");
+            }
+            return;
+        }
+        if (phase !== "menu")
+            return;
+        if (key.upArrow)
+            setSelected((index) => (index - 1 + actions.length) % actions.length);
+        else if (key.downArrow)
+            setSelected((index) => (index + 1) % actions.length);
+        else if (key.return) {
+            setPhase("action-confirm");
+        }
+        else if (input === "q" || key.escape) {
+            onSelect(undefined);
+            exit();
+        }
+    });
+    const rows = rowState.rows;
+    const running = phase === "running";
+    const showRemediationHint = !fix && phase === "done" && outcome != null && getActions(outcome).length > 0;
+    return (_jsxs(Box, { flexDirection: "column", children: [_jsxs(Box, { children: [_jsx(Text, { bold: true, children: "ProPR environment check" }), outcome ? _jsxs(Text, { dimColor: true, children: ["  (stack root: ", outcome.rootDir, ")"] }) : null] }), _jsx(SummaryLine, { rows: rows, running: running }), _jsx(Groups, { rows: rows, frame: frame }), errored ? (_jsx(Box, { marginTop: 1, children: _jsxs(Text, { color: "red", children: ["Error running checks: ", errored.message] }) })) : null, phase === "menu" ? _jsx(Menu, { items: actions, selected: selected }) : null, phase === "done" || phase === "action-confirm" ? (_jsx(Box, { marginTop: 1, children: _jsx(SummaryLine, { rows: rows, running: running }) })) : null, phase === "done" && showAgentValidationHint ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Agent validation" }), _jsx(Text, { children: "Run `propr check agents` to validate agents only, or `propr check all` to include system checks." }), _jsx(Text, { dimColor: true, children: "Agent validation makes live, billable LLM calls." })] })) : null, phase === "action-confirm" ? (_jsxs(Box, { marginTop: 1, flexDirection: "column", children: [_jsx(Text, { color: "cyan", bold: true, children: "Confirm remediation" }), _jsx(Text, { children: actions[selected]?.confirm }), _jsx(Text, { dimColor: true, children: "Press y to run, any other key to go back." })] })) : null, showRemediationHint ? (_jsx(Box, { marginTop: 1, children: _jsx(Text, { dimColor: true, children: "Run `propr check --fix` to review interactive remediation options." }) })) : null] }));
+}