@posthog/wizard 2.12.0 → 2.13.0

package/dist/{AuditChecksViewer-DsfXIO9e.js → AuditChecksViewer-B0J7zcY2.js}

@@ -1,11 +1,11 @@
-import { d as SERVICE_LABELS } from "./debug-Bkaqv1ab.js";
+import { d as SERVICE_LABELS } from "./debug-Cqi6nVfX.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { n as analytics, r as sessionProperties } from "./analytics-DmD31Ssc.js";
+import { n as analytics, r as sessionProperties } from "./analytics-VM7laaFx.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 { g as AUDIT_SEVERITY_STYLE } from "./agent-interface-CV0-vtxj.js";
+import { r 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 { i as WORKFLOW_STEPS, t as WizardRouter } from "./router-COhhuIW3.js";
 import * as fs$1 from "fs";
 import { Box, Text, measureElement, useInput, useStdout } from "ink";
 import { Component, Fragment, createContext, useCallback, useContext, useEffect, useMemo, useRef, useState, useSyncExternalStore } from "react";
@@ -3480,6 +3480,27 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 		})]
 	});
 };
+//#endregion
+//#region src/ui/tui/screens/audit/AuditChecksViewer/AreaHeaderRow.tsx
+/** Sub-header row inside the scrollable body — one per area group. */
+const AreaHeaderRow = ({ area, resolved, total }) => /* @__PURE__ */ jsxs(Box, {
+	flexShrink: 0,
+	marginTop: 1,
+	children: [/* @__PURE__ */ jsxs(Text, {
+		bold: true,
+		color: "cyan",
+		children: [area, " "]
+	}), /* @__PURE__ */ jsxs(Text, {
+		dimColor: true,
+		children: [
+			"(",
+			resolved,
+			"/",
+			total,
+			")"
+		]
+	})]
+});
 /** 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. */
@@ -3493,7 +3514,7 @@ function computeLayout(rawCols, termRows) {
 	const fixedExceptLabel = padding + statusWidth + 2 + 18 + 2 + 2;
 	const labelWidth = Math.max(28, cols - fixedExceptLabel);
 	const detailIndent = statusWidth + 2 + 18 + 2;
-	const viewerChrome = 9;
+	const viewerChrome = 10;
 	return {
 		cols,
 		visibleHeight: Math.max(5, termRows - 10 - viewerChrome),
@@ -3547,24 +3568,60 @@ const CheckRow = ({ item, layout }) => {
 };
 //#endregion
 //#region src/ui/tui/screens/audit/AuditChecksViewer/DetailRow.tsx
+/** Format a `details` string. If it parses as a JSON object, render it as
+*  indented key: value lines (skipping huge nested arrays/objects which we
+*  truncate). Otherwise return the original text. v3000 emits structured
+*  JSON for several event-quality checks — a raw dump is unreadable. */
+function formatDetails(raw) {
+	const trimmed = raw.trim();
+	if (!trimmed.startsWith("{") && !trimmed.startsWith("[")) return [raw];
+	let parsed;
+	try {
+		parsed = JSON.parse(trimmed);
+	} catch {
+		return [raw];
+	}
+	if (parsed === null || typeof parsed !== "object") return [raw];
+	const lines = [];
+	const renderValue = (v) => {
+		if (v === null) return "null";
+		if (typeof v === "string") return v;
+		if (typeof v === "number" || typeof v === "boolean") return String(v);
+		if (Array.isArray(v)) {
+			if (v.length === 0) return "[]";
+			if (v.every((e) => e === null || typeof e !== "object")) return v.map(renderValue).join(", ");
+			return `[${v.length} item${v.length === 1 ? "" : "s"}]`;
+		}
+		if (typeof v === "object") {
+			const keys = Object.keys(v);
+			return `{${keys.length} field${keys.length === 1 ? "" : "s"}}`;
+		}
+		return String(v);
+	};
+	for (const [key, value] of Object.entries(parsed)) lines.push(`${key}: ${renderValue(value)}`);
+	return lines.length > 0 ? lines : [raw];
+}
 /** 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}`
+const DetailRow = ({ item, layout }) => {
+	const detailLines = item.details ? formatDetails(item.details) : [];
+	return /* @__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}`
+			}), detailLines.map((line, i) => /* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				italic: true,
+				wrap: "wrap",
+				children: i === 0 ? `${item.file ? "  " : "↳ "}${line}` : `    ${line}`
+			}, i))]
 		})]
-	})]
-});
+	});
+};
 //#endregion
 //#region src/ui/tui/screens/audit/AuditChecksViewer/Legend.tsx
 const Legend = () => /* @__PURE__ */ jsxs(Text, { children: [
@@ -3670,22 +3727,61 @@ const STATUS_ORDER = {
 	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;
+/** Audit areas in the order they should be displayed. Areas not listed
+*  here fall through to alphabetical order at the end. Mirrors the
+*  Full audit section grouping in the generated report. */
+const AREA_ORDER = [
+	"Installation",
+	"Identification",
+	"Event Capture",
+	"Event Quality",
+	"Feature Flags",
+	"Session Replay",
+	"Session Replay — Optimize",
+	"Use Case: Expansion",
+	"Additional Sections"
+];
+function areaRank(area) {
+	const idx = AREA_ORDER.indexOf(area);
+	return idx === -1 ? AREA_ORDER.length : idx;
+}
+/** Group checks by area, in AREA_ORDER. Within each area, sort by status. */
+function groupChecksByArea(checks) {
+	const byArea = /* @__PURE__ */ new Map();
+	for (const c of checks) {
+		const list = byArea.get(c.area);
+		if (list) list.push(c);
+		else byArea.set(c.area, [c]);
+	}
+	const groups = [];
+	for (const [area, areaChecks] of byArea) {
+		const sorted = [...areaChecks].sort((a, b) => STATUS_ORDER[a.status] - STATUS_ORDER[b.status]);
+		const resolved = sorted.filter((c) => c.status !== "pending").length;
+		groups.push({
+			area,
+			checks: sorted,
+			counts: {
+				total: sorted.length,
+				resolved
+			}
+		});
+	}
+	groups.sort((a, b) => {
+		const dr = areaRank(a.area) - areaRank(b.area);
+		if (dr !== 0) return dr;
 		return a.area.localeCompare(b.area);
 	});
+	return groups;
 }
 //#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.
+* Renders the full audit ledger as a scrollable, area-grouped list that
+* mirrors the structure of the final report. Each area gets a sub-header
+* with a resolved/total count; checks within an area are sorted by
+* severity (error → warning → suggestion → pass → pending).
 *
 * Two interactions, both registered via `useKeyBindings`:
 *   - `e`        — toggle detail rows (file:line + agent's `details` text)
@@ -3699,30 +3795,32 @@ 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 groups = useMemo(() => groupChecksByArea(checks), [checks]);
+	const counts = useMemo(() => statusCounts(checks), [checks]);
+	const hasExpandable = checks.some((c) => Boolean(c.details || c.file));
+	const [expanded, setExpanded] = useState(checks.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);
+		for (const group of groups) {
+			rows.push(/* @__PURE__ */ jsx(AreaHeaderRow, {
+				area: group.area,
+				resolved: group.counts.resolved,
+				total: group.counts.total
+			}, `header-${group.area}`));
+			for (const item of group.checks) {
+				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`));
+			}
+		}
 		return rows;
 	}, [
-		resolved,
-		pending,
+		groups,
 		expanded,
 		layout
 	]);
@@ -3749,6 +3847,7 @@ const AuditChecksViewer = ({ checks }) => {
 	});
 	useKeyBindings("audit-checks-viewer", bindings);
 	const visibleRows = allRows.slice(clampedOffset, clampedOffset + layout.visibleHeight);
+	const subtitle = groups.length === 0 ? "No checks yet." : `Review across ${groups.length} ${groups.length === 1 ? "area" : "areas"} — mirrors the final report.`;
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		paddingX: 1,
@@ -3760,7 +3859,11 @@ const AuditChecksViewer = ({ checks }) => {
 			}),
 			/* @__PURE__ */ jsx(Text, {
 				dimColor: true,
-				children: "Read-only review of installation, identification, and event capture"
+				children: subtitle
+			}),
+			/* @__PURE__ */ jsx(Summary, {
+				total: checks.length,
+				counts
 			}),
 			/* @__PURE__ */ jsx(Box, { height: 1 }),
 			/* @__PURE__ */ jsx(Header, { layout }),
@@ -3784,12 +3887,12 @@ const AuditChecksViewer = ({ checks }) => {
 			}),
 			/* @__PURE__ */ jsx(Footer, {
 				total: checks.length,
-				counts: statusCounts(checks)
+				counts
 			})
 		]
 	});
 };
 //#endregion
-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 };
+export { CardLayout as C, WizardStore as E, SplitView as S, Icons as T, useStdoutDimensions as _, SEVERITY_ORDER as a, ProgressList 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, Colors as w, LoadingBox as x, useKeyBindings as y };
 
-//# sourceMappingURL=AuditChecksViewer-DsfXIO9e.js.map
+//# sourceMappingURL=AuditChecksViewer-B0J7zcY2.js.map