@posthog/wizard 2.10.4 → 2.12.0

package/dist/{McpScreen-LqnNwEfV.js → AuditChecksViewer-DsfXIO9e.js}

@@ -1,13 +1,16 @@
-import { n as analytics, r as sessionProperties } from "./analytics-Cm6i5_gc.js";
-import { r as buildSession } from "./wizard-session-Db6R023m.js";
-import { t as SERVICE_LABELS } from "./readiness-Cep84RsR.js";
-import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-DoVkE0gW.js";
-import { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-CXjdWNh2.js";
+import { d as SERVICE_LABELS } from "./debug-Bkaqv1ab.js";
+import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
+import { n as analytics, r as sessionProperties } from "./analytics-DmD31Ssc.js";
+import { r as buildSession } from "./wizard-session-BcNJTl2I.js";
+import { g as AUDIT_SEVERITY_STYLE } from "./agent-interface-D5W9BAB2.js";
+import { n as getKindMeta } from "./bin.js";
+import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-GbLPuHxj.js";
+import { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-BTfmEDDJ.js";
 import * as fs$1 from "fs";
 import { Box, Text, measureElement, useInput, useStdout } from "ink";
-import { Component, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
+import { Component, Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
 import { atom, map } from "nanostores";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { Spinner } from "@inkjs/ui";
 //#region src/ui/tui/store.ts
 /**
@@ -33,6 +36,7 @@ var WizardStore = class {
 	$learnCardBlockIdx = atom(0);
 	$learnCardComplete = atom(false);
 	$version = atom(0);
+	_onTasksChanged = null;
 	/** Last screen seen — used to detect screen transitions for analytics. */
 	_lastScreen = null;
 	/** Hooks run when transitioning onto a screen. */
@@ -414,16 +418,24 @@ var WizardStore = class {
 		this.emitChange();
 	}
 	syncTodos(todos) {
-		const incoming = todos.map((t) => ({
-			label: t.content,
-			activeForm: t.activeForm,
-			status: t.status || "pending",
-			done: t.status === "completed"
-		}));
+		const incoming = todos.map((t) => {
+			const status = isTaskStatus(t.status) ? t.status : "pending";
+			return {
+				label: t.content,
+				activeForm: t.activeForm,
+				status,
+				done: status === "completed"
+			};
+		});
 		const incomingLabels = new Set(incoming.map((t) => t.label));
 		const retained = this.$tasks.get().filter((t) => t.done && !incomingLabels.has(t.label));
 		this.$tasks.set([...retained, ...incoming]);
 		this.emitChange();
+		this._onTasksChanged?.();
+	}
+	/** Register a listener for task state changes (e.g. task stream push). */
+	set onTasksChanged(fn) {
+		this._onTasksChanged = fn;
 	}
 	subscribe(callback) {
 		return this.$version.listen(() => callback());
@@ -514,7 +526,7 @@ const ProgressList = ({ items, title }) => {
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		children: [
-			title && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Text, {
+			title && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Text, {
 				bold: true,
 				children: title
 			}), /* @__PURE__ */ jsx(Text, { children: " " })] }),
@@ -1264,7 +1276,7 @@ const ModalOverlay = ({ borderColor, title, titleColor, width = 68, children, fe
 						children: feedback
 					})
 				}),
-				footer && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, {
+				footer && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Box, {
 					marginY: 1,
 					children: /* @__PURE__ */ jsx(Divider, {})
 				}), footer] })
@@ -1279,10 +1291,10 @@ const ModalOverlay = ({ borderColor, title, titleColor, width = 68, children, fe
 * Only renders the last N lines that fit on screen.
 */
 /** Rows consumed by TitleBar + spacer + ScreenContainer padding + status bar + tab bar */
-const CHROME_ROWS = 8;
+const CHROME_ROWS$1 = 8;
 const LogViewer = ({ filePath, height }) => {
 	const [, rows] = useStdoutDimensions();
-	const visibleLines = height ?? Math.max(5, rows - CHROME_ROWS);
+	const visibleLines = height ?? Math.max(5, rows - CHROME_ROWS$1);
 	const [lines, setLines] = useState([]);
 	useEffect(() => {
 		const readTail = () => {
@@ -1450,7 +1462,7 @@ const DissolveTransition = ({ transitionKey, width, height, children, direction
 		maxTicks,
 		width
 	]);
-	if (phase === "idle") return /* @__PURE__ */ jsx(Fragment, { children: displayChildren });
+	if (phase === "idle") return /* @__PURE__ */ jsx(Fragment$1, { children: displayChildren });
 	const easedValue = easeInOutCirc(Math.min(tick / easerSteps, 1));
 	const activatedCount = Math.floor(easedValue * width);
 	const columnOrder = [];
@@ -1565,11 +1577,10 @@ var ScreenErrorBoundary = class extends Component {
 * screen content (inside the transition area) so all screens get it.
 */
 const MIN_WIDTH = 80;
-const MAX_WIDTH = 120;
 /** Use terminal width when small so we don't overflow; otherwise clamp to [MIN_WIDTH, MAX_WIDTH]. */
 function getContentWidth(terminalColumns) {
 	if (terminalColumns < MIN_WIDTH) return terminalColumns;
-	return Math.min(MAX_WIDTH, terminalColumns);
+	return Math.min(120, terminalColumns);
 }
 const ScreenContainer = ({ store, screens }) => {
 	const [columns, rows] = useStdoutDimensions();
@@ -2093,7 +2104,7 @@ const NodeBlock = ({ content, active, completed, onComplete }) => {
 		dimColor: true,
 		children: content
 	});
-	return /* @__PURE__ */ jsx(Fragment, { children: content });
+	return /* @__PURE__ */ jsx(Fragment$1, { children: content });
 };
 //#endregion
 //#region src/ui/tui/primitives/ContentSequencer.tsx
@@ -3087,7 +3098,7 @@ const TipsCard = ({ store }) => {
 					]
 				}) : /* @__PURE__ */ jsxs(Text, {
 					dimColor: true,
-					children: [tip.description, tip.url && /* @__PURE__ */ jsxs(Fragment, { children: [" ", /* @__PURE__ */ jsx(Text, {
+					children: [tip.description, tip.url && /* @__PURE__ */ jsxs(Fragment$1, { children: [" ", /* @__PURE__ */ jsx(Text, {
 						color: "cyan",
 						children: tip.url
 					})] })]
@@ -3185,6 +3196,120 @@ const ServiceHealthList = ({ health, filterKeys, showHealthy = true }) => {
 	});
 };
 //#endregion
+//#region src/ui/tui/screens/doctor/IssueTable.tsx
+const SEVERITY_ORDER = [
+	"critical",
+	"warning",
+	"info"
+];
+const SEVERITY_COLOR = {
+	critical: Colors.error,
+	warning: Colors.accent,
+	info: Colors.primary
+};
+const SEVERITY_LABEL = {
+	critical: "Critical",
+	warning: "Warning",
+	info: "Info"
+};
+const ICON_COL = 2;
+const ROW_GAP = 2;
+const NARROW_TERM_THRESHOLD = 90;
+const MAX_DOCS_WIDTH = 50;
+const MIN_DOCS_WIDTH = 20;
+function computeDocsWidth(termCols) {
+	if (termCols < NARROW_TERM_THRESHOLD) return 0;
+	const inner = termCols - 12;
+	return Math.min(MAX_DOCS_WIDTH, Math.max(MIN_DOCS_WIDTH, Math.floor(inner * .45)));
+}
+const IssueTable = ({ issues }) => {
+	const [termCols] = useStdoutDimensions();
+	const docsWidth = computeDocsWidth(termCols);
+	const grouped = {};
+	for (const issue of issues) (grouped[issue.severity] ??= []).push(issue);
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: SEVERITY_ORDER.map((sev) => {
+			const list = grouped[sev];
+			if (!list || list.length === 0) return null;
+			return /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [/* @__PURE__ */ jsxs(Text, {
+					bold: true,
+					color: SEVERITY_COLOR[sev],
+					children: [
+						SEVERITY_LABEL[sev],
+						" (",
+						list.length,
+						")"
+					]
+				}), list.map((issue) => /* @__PURE__ */ jsx(IssueRow, {
+					issue,
+					docsWidth
+				}, issue.id))]
+			}, sev);
+		})
+	});
+};
+const IssueRow = ({ issue, docsWidth }) => {
+	const meta = getKindMeta(issue.kind);
+	const sevColor = SEVERITY_COLOR[issue.severity];
+	if (docsWidth === 0) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		children: [/* @__PURE__ */ jsxs(Box, { children: [/* @__PURE__ */ jsx(Box, {
+			width: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: sevColor,
+				children: Icons.squareFilled
+			})
+		}), /* @__PURE__ */ jsx(Box, {
+			flexGrow: 1,
+			flexShrink: 1,
+			overflow: "hidden",
+			children: /* @__PURE__ */ jsx(Text, {
+				wrap: "truncate",
+				children: meta.title
+			})
+		})] }), /* @__PURE__ */ jsx(Box, {
+			paddingLeft: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: Colors.primary,
+				wrap: "truncate",
+				children: meta.docsUrl
+			})
+		})]
+	});
+	return /* @__PURE__ */ jsxs(Box, { children: [
+		/* @__PURE__ */ jsx(Box, {
+			width: ICON_COL,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: sevColor,
+				children: Icons.squareFilled
+			})
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			flexGrow: 1,
+			flexShrink: 1,
+			overflow: "hidden",
+			marginRight: ROW_GAP,
+			children: /* @__PURE__ */ jsx(Text, {
+				wrap: "truncate",
+				children: meta.title
+			})
+		}),
+		/* @__PURE__ */ jsx(Box, {
+			width: docsWidth,
+			flexShrink: 0,
+			children: /* @__PURE__ */ jsx(Text, {
+				color: Colors.primary,
+				wrap: "truncate",
+				children: meta.docsUrl
+			})
+		})
+	] });
+};
+//#endregion
 //#region src/ui/tui/screens/McpScreen.tsx
 /**
 * McpScreen — MCP server install/remove flow.
@@ -3209,6 +3334,7 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	const [clients, setClients] = useState([]);
 	const [selectedClientNames, setSelectedClientNames] = useState([]);
 	const [resultClients, setResultClients] = useState([]);
+	const [pluginClients, setPluginClients] = useState([]);
 	useEffect(() => {
 		(async () => {
 			try {
@@ -3241,16 +3367,19 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	};
 	const doInstall = async (names, features) => {
 		setPhase("working");
-		let result = [];
+		let mcpResult = [];
+		let pluginResult = [];
 		try {
-			result = await installer.install(names, features, store.session.apiKey);
-			setResultClients(result);
-		} catch {
-			setResultClients([]);
-		}
+			mcpResult = await installer.install(names, features, store.session.apiKey);
+		} catch {}
+		try {
+			pluginResult = await installer.installPlugins(names);
+		} catch {}
+		setResultClients(mcpResult);
+		setPluginClients(pluginResult);
 		setPhase("done");
-		const outcome = result.length > 0 ? "installed" : "failed";
-		setTimeout(() => markDone(store, outcome, result), 2e3);
+		const outcome = mcpResult.length > 0 ? "installed" : "failed";
+		setTimeout(() => markDone(store, outcome, mcpResult), 2e3);
 	};
 	const doRemove = async () => {
 		setPhase("working");
@@ -3288,14 +3417,14 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 						" MCP clients detected. Skipping..."
 					]
 				}),
-				phase === "ask" && /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, {
+				phase === "ask" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
 					dimColor: true,
 					children: ["Detected: ", clients.map((c) => c.name).join(", ")]
 				}), /* @__PURE__ */ jsx(Box, {
 					marginTop: 1,
 					children: /* @__PURE__ */ jsx(ConfirmationInput, {
-						message: isRemove ? "Remove the PostHog MCP server from your editor?" : "Install the PostHog MCP server to your editor?",
-						confirmLabel: isRemove ? "Remove MCP" : "Install MCP",
+						message: `${isRemove ? "Remove" : "Install"} the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
+						confirmLabel: isRemove ? "Remove" : "Install",
 						cancelLabel: "No thanks",
 						onConfirm: handleConfirm,
 						onCancel: handleSkip
@@ -3326,12 +3455,13 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 				}),
 				phase === "done" && /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
-					children: resultClients.length > 0 ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, {
+					children: resultClients.length > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
 						color: "green",
 						bold: true,
 						children: [
 							"✔",
 							" MCP server",
+							!isRemove && pluginClients.length > 0 ? " and plugin" : "",
 							" ",
 							isRemove ? "removed from" : "installed for",
 							":"
@@ -3350,7 +3480,316 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 		})]
 	});
 };
+/** ScreenContainer wraps content in paddingX={1} inside a width capped at
+*  MAX_WIDTH, so the actual width available to the viewer is
+*  min(cols, MAX_WIDTH) - 2. */
+function getViewerWidth(rawCols) {
+	return Math.min(120, rawCols) - 2;
+}
+function computeLayout(rawCols, termRows) {
+	const cols = getViewerWidth(rawCols);
+	const padding = 2;
+	const statusWidth = 2;
+	const fixedExceptLabel = padding + statusWidth + 2 + 18 + 2 + 2;
+	const labelWidth = Math.max(28, cols - fixedExceptLabel);
+	const detailIndent = statusWidth + 2 + 18 + 2;
+	const viewerChrome = 9;
+	return {
+		cols,
+		visibleHeight: Math.max(5, termRows - 10 - viewerChrome),
+		viewerChrome,
+		padding,
+		statusWidth,
+		areaWidth: 18,
+		labelWidth,
+		colGap: 2,
+		dividerWidth: Math.max(20, cols - padding),
+		detailIndent,
+		detailWidth: Math.max(20, cols - detailIndent - padding)
+	};
+}
+function truncate(text, max) {
+	if (max <= 0) return "";
+	if (text.length <= max) return text;
+	return text.slice(0, Math.max(1, max - 1)) + "…";
+}
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/CheckRow.tsx
+const CheckRow = ({ item, layout }) => {
+	const style = AUDIT_SEVERITY_STYLE[item.status];
+	return /* @__PURE__ */ jsxs(Box, {
+		flexShrink: 0,
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				width: layout.statusWidth + layout.colGap,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: style.color,
+					children: style.glyph
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				width: layout.areaWidth + layout.colGap,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: truncate(item.area, layout.areaWidth)
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				width: layout.labelWidth + layout.colGap,
+				children: /* @__PURE__ */ jsx(Text, {
+					bold: item.status !== "pending",
+					dimColor: item.status === "pending",
+					children: truncate(item.label, layout.labelWidth)
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/DetailRow.tsx
+/** Indented under the CHECK column; wrap continuation aligns with the prefix. */
+const DetailRow = ({ item, layout }) => /* @__PURE__ */ jsxs(Box, {
+	flexShrink: 0,
+	children: [/* @__PURE__ */ jsx(Box, { width: layout.detailIndent }), /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width: layout.detailWidth,
+		children: [item.file && /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			wrap: "wrap",
+			children: `↳ File: ${item.file}`
+		}), item.details && /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			italic: true,
+			wrap: "wrap",
+			children: `${item.file ? "  " : "↳ "}Details: ${item.details}`
+		})]
+	})]
+});
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/Legend.tsx
+const Legend = () => /* @__PURE__ */ jsxs(Text, { children: [
+	/* @__PURE__ */ jsx(Text, {
+		color: "green",
+		children: "✔ pass"
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "   ·   "
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		color: "red",
+		children: "✘ error"
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "   ·   "
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: "⚠ warning"
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		dimColor: true,
+		children: "   ·   "
+	}),
+	/* @__PURE__ */ jsx(Text, {
+		color: "cyan",
+		children: "• suggestion"
+	})
+] });
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/Header.tsx
+function statusCounts(checks) {
+	const out = {
+		pending: 0,
+		pass: 0,
+		error: 0,
+		warning: 0,
+		suggestion: 0
+	};
+	for (const c of checks) out[c.status] += 1;
+	return out;
+}
+const Header = ({ layout }) => /* @__PURE__ */ jsxs(Box, { children: [
+	/* @__PURE__ */ jsx(Box, {
+		width: layout.statusWidth + layout.colGap,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			bold: true,
+			children: " "
+		})
+	}),
+	/* @__PURE__ */ jsx(Box, {
+		width: layout.areaWidth + layout.colGap,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			bold: true,
+			children: "AREA"
+		})
+	}),
+	/* @__PURE__ */ jsx(Box, {
+		width: layout.labelWidth + layout.colGap,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			bold: true,
+			children: "CHECK"
+		})
+	})
+] });
+const Summary = ({ total, counts }) => /* @__PURE__ */ jsxs(Text, {
+	dimColor: true,
+	children: [
+		total,
+		" total · ",
+		counts.pending,
+		" pending · ",
+		counts.error,
+		" errors ·",
+		" ",
+		counts.warning,
+		" warnings · ",
+		counts.suggestion,
+		" suggestions · ",
+		counts.pass,
+		" ",
+		"passes"
+	]
+});
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/Footer.tsx
+const Footer = ({ total, counts }) => /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(Legend, {}), /* @__PURE__ */ jsx(Summary, {
+	total,
+	counts
+})] });
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/sort.ts
+const STATUS_ORDER = {
+	error: 0,
+	warning: 1,
+	suggestion: 2,
+	pass: 3,
+	pending: 4
+};
+/** Issues at the top (error → warning → suggestion), then passes, then pending todos. */
+function sortChecks(checks) {
+	return [...checks].sort((a, b) => {
+		const da = STATUS_ORDER[a.status] - STATUS_ORDER[b.status];
+		if (da !== 0) return da;
+		return a.area.localeCompare(b.area);
+	});
+}
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/AuditChecksViewer.tsx
+/**
+* AuditChecksViewer — "Audit plan" tab.
+*
+* Renders the full audit ledger as a scrollable table grouped by status:
+* resolved checks (issues + passes, sorted by severity) on top, pending
+* checks at the bottom, separated by a blank row.
+*
+* Two interactions, both registered via `useKeyBindings`:
+*   - `e`        — toggle detail rows (file:line + agent's `details` text)
+*   - `↑` / `↓`  — scroll one row at a time, clamped to content bounds
+*
+* Auto-expands on first mount when the ledger contains any issue, since
+* the AuditAreaPane's `[→] View issues` hint sends users here precisely
+* to read those details.
+*/
+const AuditChecksViewer = ({ checks }) => {
+	const [rawCols, termRows] = useStdoutDimensions();
+	const layout = computeLayout(rawCols, termRows);
+	const totalHeight = layout.visibleHeight + layout.viewerChrome;
+	const sorted = useMemo(() => sortChecks(checks), [checks]);
+	const resolved = sorted.filter((c) => c.status !== "pending");
+	const pending = sorted.filter((c) => c.status === "pending");
+	const hasExpandable = sorted.some((c) => Boolean(c.details || c.file));
+	const [expanded, setExpanded] = useState(sorted.some((c) => c.status === "error" || c.status === "warning" || c.status === "suggestion") && hasExpandable);
+	const allRows = useMemo(() => {
+		const rows = [];
+		const buildRow = (item) => {
+			rows.push(/* @__PURE__ */ jsx(CheckRow, {
+				item,
+				layout
+			}, item.id));
+			if (expanded && (item.details || item.file)) rows.push(/* @__PURE__ */ jsx(DetailRow, {
+				item,
+				layout
+			}, `${item.id}-detail`));
+		};
+		resolved.forEach(buildRow);
+		if (resolved.length > 0 && pending.length > 0) rows.push(/* @__PURE__ */ jsx(Box, { height: 1 }, "separator"));
+		pending.forEach(buildRow);
+		return rows;
+	}, [
+		resolved,
+		pending,
+		expanded,
+		layout
+	]);
+	const [offset, setOffset] = useState(0);
+	const maxOffset = Math.max(0, allRows.length - layout.visibleHeight);
+	const clampedOffset = Math.min(offset, maxOffset);
+	const hiddenAbove = clampedOffset;
+	const hiddenBelow = Math.max(0, allRows.length - clampedOffset - layout.visibleHeight);
+	const bindings = [];
+	if (hasExpandable) bindings.push({
+		match: "e",
+		label: "e",
+		action: expanded ? "collapse details" : "expand details",
+		handler: () => setExpanded((prev) => !prev)
+	});
+	bindings.push({
+		match: ["upArrow", "downArrow"],
+		label: "↑↓",
+		action: "scroll",
+		handler: (_input, key) => {
+			if (key.upArrow) setOffset((o) => Math.max(0, o - 1));
+			else if (key.downArrow) setOffset((o) => Math.min(maxOffset, o + 1));
+		}
+	});
+	useKeyBindings("audit-checks-viewer", bindings);
+	const visibleRows = allRows.slice(clampedOffset, clampedOffset + layout.visibleHeight);
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		paddingX: 1,
+		height: totalHeight,
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				children: "Audit plan"
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Read-only review of installation, identification, and event capture"
+			}),
+			/* @__PURE__ */ jsx(Box, { height: 1 }),
+			/* @__PURE__ */ jsx(Header, { layout }),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "─".repeat(layout.dividerWidth)
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: hiddenAbove > 0 ? `↑ ${hiddenAbove} more` : " "
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				height: layout.visibleHeight,
+				overflow: "hidden",
+				children: visibleRows.map((node, i) => /* @__PURE__ */ jsx(Fragment, { children: node }, `row-${clampedOffset + i}`))
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: hiddenBelow > 0 ? `↓ ${hiddenBelow} more` : " "
+			}),
+			/* @__PURE__ */ jsx(Footer, {
+				total: checks.length,
+				counts: statusCounts(checks)
+			})
+		]
+	});
+};
 //#endregion
-export { SplitView as _, HNViewer as a, Icons as b, EventPlanViewer as c, ConfirmationInput as d, GroupedPickerMenu as f, LoadingBox as g, ProgressList as h, LearnCard as i, LogViewer as l, PickerMenu as m, ServiceHealthList as n, TabContainer as o, useStdoutDimensions as p, TipsCard as r, ScreenContainer as s, McpScreen as t, ModalOverlay as u, CardLayout as v, WizardStore as x, Colors as y };
+export { Colors as C, CardLayout as S, WizardStore as T, useStdoutDimensions as _, SEVERITY_ORDER as a, LoadingBox as b, LearnCard as c, ScreenContainer as d, EventPlanViewer as f, GroupedPickerMenu as g, ConfirmationInput as h, SEVERITY_LABEL as i, HNViewer as l, ModalOverlay as m, McpScreen as n, ServiceHealthList as o, LogViewer as p, IssueTable as r, TipsCard as s, AuditChecksViewer as t, TabContainer as u, PickerMenu as v, Icons as w, SplitView as x, ProgressList as y };
 
-//# sourceMappingURL=McpScreen-LqnNwEfV.js.map
+//# sourceMappingURL=AuditChecksViewer-DsfXIO9e.js.map