@posthog/wizard 2.60.0 → 2.62.0

package/dist/{terminal-B-37htZb.js → terminal-yKJZx1UC.js}

@@ -1,16 +1,16 @@
-import { V as POSTHOG_APP_URL, ft as WIZARD_USER_AGENT, h as SERVICE_LABELS, pt as getSkillsBaseUrl, s as logToFile } from "./debug-D3Ucw2y1.js";
-import { n as analytics } from "./analytics-B9V7x1Ma.js";
-import { i as withUtm, n as openTrackedLink } from "./telemetry-mi4dua6_.js";
-import { t as getOrAskForProjectData } from "./setup-utils-VtxhrSx8.js";
-import { a as fetchUserData, i as fetchSlackConnected } from "./api-OHLXhKTy.js";
-import "./wizard-session-CwgR5y3-.js";
-import { a as formatTokenCount, i as formatCostUsd } from "./agent-runner-DUyxA1TQ.js";
-import { T as fetchSkillMenu } from "./agent-interface-CybBFwnk.js";
-import { y as AUDIT_SEVERITY_STYLE } from "./yara-hooks-Cj8x2YV4.js";
-import { c as TextBlock, d as isClearBlock, f as isLinesBlock, h as Icons, l as computeVisibleRange, m as Colors, p as isObjectBlock } from "./posthog-integration-CxIj49T4.js";
-import { C as getKindMeta, a as useStdoutDimensions, f as Program, i as useKeyboardHintsContext, n as useKeyBindings, o as ConfirmButton, r as KeyboardHintsProvider, s as PromptLabel, t as PickerMenu } from "./bin.js";
-import { r as totalTokenCount } from "./store-V71P5KpB.js";
-import { n as AVAILABLE_FEATURES, o as isAllFeaturesSelected, t as ALL_FEATURE_VALUES } from "./defaults-BWLIffh5.js";
+import { V as POSTHOG_APP_URL, h as SERVICE_LABELS, mt as getSkillsBaseUrl, pt as WIZARD_USER_AGENT, s as logToFile } from "./debug-BTPYy9p7.js";
+import { n as analytics } from "./analytics-BdKBzz4M.js";
+import { i as withUtm, n as openTrackedLink } from "./telemetry-BWYDFAwf.js";
+import { t as getOrAskForProjectData } from "./setup-utils-iINkc0xu.js";
+import { a as fetchUserData, i as fetchSlackConnected } from "./api-aTkzJ9vG.js";
+import "./wizard-session-BUhlJ1b8.js";
+import { a as formatCostUsd, o as formatTokenCount } from "./agent-runner-DA5YfjOD.js";
+import { T as fetchSkillMenu } from "./agent-interface-C90hyvs1.js";
+import { y as AUDIT_SEVERITY_STYLE } from "./yara-hooks-DeLjTIiJ.js";
+import { c as TextBlock, d as isClearBlock, f as isLinesBlock, h as Icons, l as computeVisibleRange, m as Colors, p as isObjectBlock } from "./posthog-integration-C3wuB5B1.js";
+import { E as getKindMeta, a as useStdoutDimensions, f as Program, i as useKeyboardHintsContext, n as useKeyBindings, o as ConfirmButton, r as KeyboardHintsProvider, s as PromptLabel, t as PickerMenu } from "./bin.js";
+import { r as totalTokenCount } from "./store-DtckpbSC.js";
+import { c as namesWithStatus, n as AVAILABLE_FEATURES, o as isAllFeaturesSelected, s as isOk, t as ALL_FEATURE_VALUES, u as summarizeFailure } from "./defaults-mrAre0xM.js";
 import opn from "opn";
 import * as fs$1 from "fs";
 import axios from "axios";
@@ -1697,6 +1697,790 @@ const TipsCard = ({ store, tips = DEFAULT_TIPS }) => {
 	});
 };
 //#endregion
+//#region src/ui/tui/hooks/useTick.ts
+/**
+* useTick — forces a re-render every `intervalMs`. Returns a monotonically
+* increasing counter, which is rarely needed — most callers just want the
+* re-render side effect.
+*/
+function useTick(intervalMs) {
+	const [tick, setTick] = useState(0);
+	useEffect(() => {
+		const id = setInterval(() => setTick((t) => t + 1), intervalMs);
+		return () => clearInterval(id);
+	}, [intervalMs]);
+	return tick;
+}
+//#endregion
+//#region src/ui/tui/components/visualizer/palette.ts
+const VISUALIZER_PALETTE = {
+	fade: "#0E7A0E",
+	bright: "#7CFF7C",
+	mid: "#22D622",
+	head: "#E6FFE6",
+	book: [
+		"#22D622",
+		"#7CFF7C",
+		"#5BE05B",
+		"#A0F0A0",
+		"#36B536"
+	],
+	deleteRed: "#D63B22",
+	upGreen: "#7CFF7C"
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/panel.tsx
+/**
+* Shared scaffolding for the phase visuals — Matrix-green color, common
+* VisualProps shape, and the rounded `Panel` shell every visual sits in.
+*
+* Visuals each render their own grid then wrap it in `<Panel>` so phase
+* transitions stay visually continuous.
+*/
+const MATRIX_FADE = VISUALIZER_PALETTE.fade;
+const Panel = ({ children }) => /* @__PURE__ */ jsx(Box, {
+	flexDirection: "column",
+	borderStyle: "round",
+	borderColor: MATRIX_FADE,
+	children
+});
+//#endregion
+//#region src/ui/tui/components/visualizer/MatrixRain.tsx
+/**
+* MatrixRain — code-rain visual used for the codebase-scan phase.
+*
+* Independent of the phase orchestrator so it can be reused elsewhere
+* (e.g. standalone in a demo). `bordered` toggles the rounded green frame.
+*/
+const { head: MATRIX_HEAD, bright: MATRIX_BRIGHT, mid: MATRIX_MID } = VISUALIZER_PALETTE;
+const DEFAULT_TICK_MS = 110;
+const DEFAULT_MAX_TAIL = 7;
+const RAIN_GLYPHS = "ｦｧｨｩｪｫｬｭｮｯｱｲｳｴｵｶｷｸｹｺｻｼｽｾｿﾀﾁﾂﾃﾄﾅﾆﾇﾈﾉﾊﾋﾌﾍﾎﾏﾐﾑﾒﾓﾔﾕﾖﾗﾘﾙﾚﾛﾜﾝ0123456789Z<>=*+:.";
+function pickGlyph() {
+	return RAIN_GLYPHS[Math.floor(Math.random() * 73)];
+}
+function makeRainColumn(height, maxTail) {
+	return {
+		headY: -Math.random() * height,
+		speed: .3 + Math.random() * .9,
+		tail: 3 + Math.floor(Math.random() * (maxTail - 2)),
+		glyphs: /* @__PURE__ */ new Map(),
+		dormant: Math.floor(Math.random() * 18)
+	};
+}
+function tickRainColumn(col, height, maxTail) {
+	if (col.dormant > 0) return {
+		...col,
+		dormant: col.dormant - 1
+	};
+	const next = col.headY + col.speed;
+	if (next > height + col.tail) return makeRainColumn(height, maxTail);
+	const glyphs = new Map(col.glyphs);
+	for (let y = Math.max(0, Math.ceil(col.headY)); y <= Math.min(Math.floor(next), height - 1); y++) glyphs.set(y, pickGlyph());
+	if (glyphs.size > 0 && Math.random() < .22) {
+		const keys = [...glyphs.keys()];
+		const k = keys[Math.floor(Math.random() * keys.length)];
+		glyphs.set(k, pickGlyph());
+	}
+	return {
+		...col,
+		headY: next,
+		glyphs
+	};
+}
+const MatrixRain = ({ width, height, tickMs = DEFAULT_TICK_MS, maxTail = DEFAULT_MAX_TAIL, bordered = true }) => {
+	const columnsRef = useRef(Array.from({ length: width }, () => makeRainColumn(height, maxTail)));
+	const [, setTick] = useState(0);
+	useEffect(() => {
+		const interval = setInterval(() => {
+			columnsRef.current = columnsRef.current.map((c) => tickRainColumn(c, height, maxTail));
+			setTick((t) => t + 1);
+		}, tickMs);
+		return () => clearInterval(interval);
+	}, [
+		height,
+		maxTail,
+		tickMs
+	]);
+	const columns = columnsRef.current;
+	const body = Array.from({ length: height }).map((_, y) => /* @__PURE__ */ jsx(Box, { children: columns.map((col, x) => {
+		const glyph = col.glyphs.get(y);
+		if (!glyph) return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		const dist = col.headY - y;
+		if (dist < 0 || dist > col.tail) return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		if (dist < 1) return /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			color: MATRIX_HEAD,
+			children: glyph
+		}, x);
+		if (dist < 2) return /* @__PURE__ */ jsx(Text, {
+			color: MATRIX_BRIGHT,
+			children: glyph
+		}, x);
+		if (dist < col.tail * .55) return /* @__PURE__ */ jsx(Text, {
+			color: MATRIX_MID,
+			children: glyph
+		}, x);
+		return /* @__PURE__ */ jsx(Text, {
+			color: MATRIX_FADE,
+			dimColor: true,
+			children: glyph
+		}, x);
+	}) }, y));
+	if (!bordered) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		children: body
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		borderStyle: "round",
+		borderColor: MATRIX_FADE,
+		children: body
+	});
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/grid.ts
+/** Allocate a blank `width`×`height` grid of spaces. Degenerate or negative
+*  dimensions collapse to an empty grid rather than throwing. */
+const createGrid = (width, height) => {
+	const h = Math.max(0, Math.floor(height));
+	const w = Math.max(0, Math.floor(width));
+	return Array.from({ length: h }, () => new Array(w).fill(" "));
+};
+/** Write a single cell, ignoring any coordinate outside the grid (including
+*  negative or fractional ones). This is the one guard the visuals rely on to
+*  never crash regardless of panel size. */
+const plot = (grid, x, y, ch) => {
+	const row = grid[y];
+	if (row === void 0) return;
+	if (x < 0 || x >= row.length) return;
+	row[x] = ch;
+};
+/** Write `text` left-to-right starting at (x, y). Clips at the grid edge and,
+*  when given, after `maxW` characters. Off-grid cells are dropped by `plot`. */
+const writeText = (grid, x, y, text, maxW) => {
+	const limit = maxW === void 0 ? text.length : Math.max(0, maxW);
+	for (let i = 0; i < text.length && i < limit; i++) plot(grid, x + i, y, text[i]);
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/LibraryShelf.tsx
+/**
+* LibraryShelf — skill-selection phase.
+*
+* A row of book spines. One spine peels forward each cycle, the chosen
+* title hovers next to it, then it slides home and the next one is picked.
+*/
+const BOOK_LABELS = [
+	"nx",
+	"rt",
+	"sv",
+	"fl",
+	"jg",
+	"rb",
+	"go",
+	"dj",
+	"fa",
+	"lv",
+	"ts",
+	"py"
+];
+const BOOK_COLORS = VISUALIZER_PALETTE.book;
+const LibraryShelf = ({ width, height }) => {
+	const tick = useTick(380);
+	const bookCount = Math.min(Math.floor((width - 2) / 2), BOOK_LABELS.length);
+	const cyclePos = tick % (bookCount * 4);
+	const selectedIdx = Math.floor(cyclePos / 4);
+	const phase = cyclePos % 4;
+	const offset = phase === 0 ? 0 : phase === 1 ? 1 : phase === 2 ? 2 : 1;
+	const wobble = phase === 2 && tick % 2 === 0 ? 1 : 0;
+	const shelfY = Math.min(Math.max(1, Math.floor(height / 2) - 1), height - 3);
+	const rows = createGrid(width, height);
+	for (let i = 0; i < bookCount; i++) {
+		const x = 1 + i * 2;
+		const isSelected = i === selectedIdx;
+		const shift = isSelected ? offset : 0;
+		const wob = isSelected && wobble ? -1 : 0;
+		plot(rows, x + shift, shelfY - 1, "█");
+		plot(rows, x + shift, shelfY, BOOK_LABELS[i][0]);
+		plot(rows, x + shift, shelfY + 1, BOOK_LABELS[i][1]);
+		plot(rows, x + shift, shelfY + 2 + wob, "█");
+	}
+	const boardY = shelfY + 3;
+	for (let x = 0; x < width; x++) plot(rows, x, boardY, "─");
+	if (phase === 2) {
+		const labelStartX = 1 + selectedIdx * 2 + 4;
+		writeText(rows, labelStartX, shelfY, BOOK_LABELS[selectedIdx] + "-app");
+		plot(rows, labelStartX - 1, shelfY, "▶");
+	}
+	return /* @__PURE__ */ jsx(Panel, { children: rows.map((row, y) => /* @__PURE__ */ jsx(Box, { children: row.map((ch, x) => {
+		if (ch === " ") return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		if (ch === "─") return /* @__PURE__ */ jsx(Text, {
+			color: MATRIX_FADE,
+			dimColor: true,
+			children: "─"
+		}, x);
+		if (ch === "▶") return /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			color: VISUALIZER_PALETTE.head,
+			children: "▶"
+		}, x);
+		const booksColor = BOOK_COLORS[(Math.floor((x - 1) / 2) + 17 * y) % BOOK_COLORS.length];
+		const isSel = x === 1 + selectedIdx * 2 + offset;
+		return /* @__PURE__ */ jsx(Text, {
+			bold: isSel,
+			color: isSel ? VISUALIZER_PALETTE.head : booksColor,
+			children: ch
+		}, x);
+	}) }, y)) });
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/CrateStack.tsx
+/**
+* CrateStack — dependency-install phase.
+*
+* Boxes drop from the top and stack at the bottom. Each new arrival lands
+* with a tiny shake.
+*/
+const PACKAGE_NAMES = [
+	"posthog-js",
+	"posthog-py",
+	"posthog-rb",
+	"posthog-go",
+	"posthog-node",
+	"react-ph",
+	"next-ph",
+	"svelte-ph",
+	"ph-mcp",
+	"ph-ai"
+];
+const CRATE_W = Math.max(...PACKAGE_NAMES.map((n) => n.length)) + 2;
+const CrateStack = ({ width, height }) => {
+	const tick = useTick(95);
+	const state = useRef({
+		stack: [],
+		falling: null,
+		spawnCooldown: 0
+	}).current;
+	const crateW = CRATE_W;
+	const crateH = 1;
+	const floorY = height - 1;
+	if (state.falling) {
+		state.falling.y += 1;
+		const collisionStackHeight = state.stack.filter((c) => Math.abs(c.x - state.falling.x) < crateW - 1).length * crateH;
+		if (state.falling.y >= floorY - collisionStackHeight) {
+			state.stack.push({
+				label: state.falling.label,
+				x: state.falling.x,
+				landedAt: tick
+			});
+			state.falling = null;
+			state.spawnCooldown = 3;
+		}
+	} else if (state.spawnCooldown > 0) state.spawnCooldown -= 1;
+	else if (state.stack.length < Math.floor(height / crateH) - 1) state.falling = {
+		label: PACKAGE_NAMES[Math.floor(Math.random() * PACKAGE_NAMES.length)],
+		x: 2 + Math.floor(Math.random() * Math.max(1, width - crateW - 4)),
+		y: -1
+	};
+	else if (tick % 20 === 0) state.stack = [];
+	const grid = createGrid(width, height);
+	const drawCrate = (cx, cy, label, shake) => {
+		const x = cx + shake;
+		const padded = `[${label.slice(0, crateW - 2)}]`.padEnd(crateW, " ");
+		for (let i = 0; i < crateW; i++) plot(grid, x + i, cy, padded[i]);
+	};
+	state.stack.forEach((c, idx) => {
+		const cy = floorY - idx;
+		const shake = tick - c.landedAt === 0 ? 1 : tick - c.landedAt === 1 ? -1 : 0;
+		drawCrate(c.x, cy, c.label, shake);
+	});
+	if (state.falling) drawCrate(state.falling.x, state.falling.y, state.falling.label, 0);
+	return /* @__PURE__ */ jsx(Panel, { children: grid.map((row, y) => /* @__PURE__ */ jsx(Box, { children: row.map((ch, x) => {
+		if (ch === " ") return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		const isFalling = state.falling && y === state.falling.y && Math.abs(x - state.falling.x) < crateW;
+		return /* @__PURE__ */ jsx(Text, {
+			bold: isFalling,
+			color: isFalling ? VISUALIZER_PALETTE.head : VISUALIZER_PALETTE.mid,
+			children: ch
+		}, x);
+	}) }, y)) });
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/DiffCascade.tsx
+/**
+* DiffCascade — code-edits phase.
+*
+* + and - code lines scroll upward continuously. Occasional comment-rewrite
+* gag: a "// hmm…" line appears, gets - struck out, then a + replaces it.
+*/
+const CODE_SNIPPETS = [
+	"import posthog from 'posthog-js'",
+	"posthog.init(KEY, { host: HOST })",
+	"<PostHogProvider client={posthog}>",
+	"  {children}",
+	"</PostHogProvider>",
+	"posthog.capture('page_viewed')",
+	"posthog.capture('signup_started')",
+	"posthog.identify(user.id, { email })",
+	"if (process.env.NODE_ENV !== 'test') posthog.init(KEY)",
+	"export const posthog = new PostHog(KEY)",
+	"// TODO: enable replay",
+	"window.posthog = posthog"
+];
+const WHIMSY_COMMENTS = [
+	"// hmm — that should be a hook",
+	"// wait, refactor incoming",
+	"// posthog says hi"
+];
+const DiffCascade = ({ width, height }) => {
+	const tick = useTick(280);
+	const linesRef = useRef([]);
+	if (linesRef.current.length === 0) for (let i = 0; i < height; i++) linesRef.current.push({
+		sign: Math.random() < .75 ? "+" : "-",
+		text: CODE_SNIPPETS[Math.floor(Math.random() * CODE_SNIPPETS.length)]
+	});
+	linesRef.current.shift();
+	const whimsy = tick % 23 === 0;
+	linesRef.current.push({
+		sign: whimsy ? "-" : Math.random() < .78 ? "+" : "-",
+		text: whimsy ? WHIMSY_COMMENTS[Math.floor(Math.random() * WHIMSY_COMMENTS.length)] : CODE_SNIPPETS[Math.floor(Math.random() * CODE_SNIPPETS.length)]
+	});
+	const lines = linesRef.current;
+	return /* @__PURE__ */ jsx(Panel, { children: Array.from({ length: height }).map((_, y) => {
+		const line = lines[y] ?? {
+			sign: " ",
+			text: ""
+		};
+		const cap = width - 2;
+		const text = `${line.sign} ${line.text}`.slice(0, cap);
+		return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
+			color: line.sign === "+" ? VISUALIZER_PALETTE.mid : line.sign === "-" ? VISUALIZER_PALETTE.deleteRed : MATRIX_FADE,
+			children: text.padEnd(cap, " ")
+		}) }, y);
+	}) });
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/Tumblers.tsx
+/**
+* Tumblers — env-setup phase.
+*
+* Pins fall into a lock cylinder one by one; when all six align the bolt
+* pulses green for a beat, then the cycle restarts.
+*/
+const Tumblers = ({ width, height }) => {
+	const tick = useTick(80);
+	const pinCount = Math.min(Math.floor((width - 2) / 2), 6);
+	const state = useRef({
+		heights: new Array(pinCount).fill(0),
+		current: 0,
+		fallY: 0,
+		pulse: 0
+	}).current;
+	const cylinderTop = 1;
+	const cylinderBottom = height - 2;
+	const targetForPin = (i) => Math.max(cylinderTop, Math.min(cylinderBottom, cylinderBottom - 1 - i % 3 - Math.floor(i / 2)));
+	if (state.pulse > 0) {
+		state.pulse -= 1;
+		if (state.pulse === 0) {
+			state.heights = new Array(pinCount).fill(0);
+			state.current = 0;
+			state.fallY = 0;
+		}
+	} else if (state.current < pinCount) {
+		state.fallY += 1;
+		if (state.fallY >= targetForPin(state.current)) {
+			state.heights[state.current] = targetForPin(state.current);
+			state.current += 1;
+			state.fallY = cylinderTop;
+		}
+	} else state.pulse = 14;
+	const grid = createGrid(width, height);
+	for (let y = 0; y < height; y++) {
+		plot(grid, 0, y, "│");
+		plot(grid, width - 1, y, "│");
+	}
+	for (let i = 0; i < pinCount; i++) plot(grid, 1 + i * 2 + 1, 0, "▼");
+	for (let x = 1; x < width - 1; x++) plot(grid, x, height - 1, "─");
+	for (let i = 0; i < pinCount; i++) {
+		const pinX = 1 + i * 2 + 1;
+		const top = state.heights[i] || cylinderTop;
+		for (let y = top; y <= cylinderBottom; y++) plot(grid, pinX, y, "█");
+	}
+	if (state.pulse === 0 && state.current < pinCount) plot(grid, 1 + state.current * 2 + 1, state.fallY, "█");
+	const pulsing = state.pulse > 0;
+	const pulseBright = pulsing && tick % 2 === 0;
+	return /* @__PURE__ */ jsx(Panel, { children: grid.map((row, y) => /* @__PURE__ */ jsx(Box, { children: row.map((ch, x) => {
+		if (ch === " ") return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		if (ch === "│" || ch === "─" || ch === "▼") return /* @__PURE__ */ jsx(Text, {
+			color: pulsing ? pulseBright ? VISUALIZER_PALETTE.bright : MATRIX_FADE : MATRIX_FADE,
+			dimColor: !pulsing,
+			children: ch
+		}, x);
+		const isFalling = state.pulse === 0 && state.current < pinCount && y === state.fallY && x === 1 + state.current * 2 + 1;
+		const color = pulsing ? pulseBright ? VISUALIZER_PALETTE.head : VISUALIZER_PALETTE.bright : isFalling ? VISUALIZER_PALETTE.head : VISUALIZER_PALETTE.mid;
+		return /* @__PURE__ */ jsx(Text, {
+			bold: pulsing || isFalling,
+			color,
+			children: ch
+		}, x);
+	}) }, y)) });
+};
+//#endregion
+//#region src/ui/tui/components/visualizer/DashboardGrid.tsx
+/**
+* DashboardGrid — dashboards phase.
+*
+* 2×2 grid of mini-charts to evoke a real PostHog dashboard. When the area
+* is too small, the layout collapses to 1×2 or 1×1 so something always
+* renders.
+*/
+const DASHBOARD_TILES = [
+	{
+		title: "Visitors",
+		kind: "bars"
+	},
+	{
+		title: "Sessions",
+		kind: "line"
+	},
+	{
+		title: "Revenue",
+		kind: "gauge"
+	},
+	{
+		title: "Errors",
+		kind: "pulse"
+	}
+];
+const SPARK_GLYPHS = "▁▂▃▄▅▆▇█";
+const DashboardGrid = ({ width, height }) => {
+	const tick = useTick(220);
+	const grid = createGrid(width, height);
+	const cols = width >= 22 ? 2 : 1;
+	const rows = height >= 7 ? 2 : 1;
+	const vSplit = cols === 2 ? Math.floor(width / 2) : -1;
+	const hSplit = rows === 2 ? Math.floor(height / 2) : -1;
+	if (vSplit >= 0) for (let y = 0; y < height; y++) plot(grid, vSplit, y, "│");
+	if (hSplit >= 0) {
+		for (let x = 0; x < width; x++) plot(grid, x, hSplit, "─");
+		if (vSplit >= 0) plot(grid, vSplit, hSplit, "┼");
+	}
+	for (let r = 0; r < rows; r++) for (let c = 0; c < cols; c++) {
+		const tile = DASHBOARD_TILES[r * cols + c];
+		const tileX = c === 0 ? 0 : vSplit + 1;
+		const tileY = r === 0 ? 0 : hSplit + 1;
+		const tileW = cols === 2 ? c === 0 ? vSplit : width - vSplit - 1 : width;
+		const tileH = rows === 2 ? r === 0 ? hSplit : height - hSplit - 1 : height;
+		const innerX = tileX;
+		const innerW = Math.max(1, tileW);
+		const titleY = tileY;
+		const valueY = tileY + tileH - 1;
+		const chartY0 = tileY + 1;
+		const chartY1 = Math.max(chartY0, valueY - 1);
+		const chartH = Math.max(1, chartY1 - chartY0 + 1);
+		const seed = (r * cols + c) * 13;
+		writeText(grid, innerX, titleY, tile.title, innerW);
+		renderTile(grid, tile.kind, innerX, chartY0, innerW, chartH, tick, seed);
+		writeText(grid, innerX, valueY, tileValue(tile.kind, tick, seed), innerW);
+	}
+	return /* @__PURE__ */ jsx(Panel, { children: grid.map((row, y) => /* @__PURE__ */ jsx(Box, { children: row.map((ch, x) => {
+		if (ch === " ") return /* @__PURE__ */ jsx(Text, { children: " " }, x);
+		if (ch === "│" || ch === "─" || ch === "┼") return /* @__PURE__ */ jsx(Text, {
+			color: MATRIX_FADE,
+			dimColor: true,
+			children: ch
+		}, x);
+		if (SPARK_GLYPHS.includes(ch) || ch === "█") return /* @__PURE__ */ jsx(Text, {
+			color: VISUALIZER_PALETTE.mid,
+			children: ch
+		}, x);
+		if (ch === "●" || ch === "∙" || ch === "·") {
+			const color = ch === "●" ? VISUALIZER_PALETTE.head : ch === "∙" ? VISUALIZER_PALETTE.bright : VISUALIZER_PALETTE.mid;
+			return /* @__PURE__ */ jsx(Text, {
+				bold: ch === "●",
+				color,
+				children: ch
+			}, x);
+		}
+		if (ch === "▲" || ch === "▼") return /* @__PURE__ */ jsx(Text, {
+			bold: true,
+			color: ch === "▲" ? VISUALIZER_PALETTE.upGreen : VISUALIZER_PALETTE.deleteRed,
+			children: ch
+		}, x);
+		return /* @__PURE__ */ jsx(Text, {
+			color: VISUALIZER_PALETTE.bright,
+			children: ch
+		}, x);
+	}) }, y)) });
+};
+function renderTile(grid, kind, x0, y0, w, h, tick, seed) {
+	const set = (x, y, ch) => plot(grid, x, y, ch);
+	if (kind === "bars") for (let i = 0; i < w; i++) {
+		const t = tick * .18 + (i + seed) * .6;
+		const level = .55 + .35 * Math.sin(t) + .1 * Math.sin(t * 2.7);
+		const filled = Math.max(0, Math.min(h, Math.round(level * h)));
+		for (let j = 0; j < filled; j++) set(x0 + i, y0 + h - 1 - j, "█");
+		if (filled > 0 && filled < h) {
+			const frac = level * h - Math.floor(level * h);
+			const glyph = SPARK_GLYPHS[Math.floor(frac * 7)];
+			set(x0 + i, y0 + h - filled, glyph);
+		}
+	}
+	else if (kind === "line") {
+		const spikeAt = ((tick / 12 | 0) + seed) % Math.max(1, w);
+		for (let i = 0; i < w; i++) {
+			const norm = i / Math.max(1, w - 1);
+			const base = h - 1 - norm * (h - 1);
+			let yf = base + .6 * Math.sin(i * .7 + seed + tick * .05);
+			if (i === spikeAt) yf = Math.max(0, base - 1.5);
+			const y = Math.max(0, Math.min(h - 1, Math.round(yf)));
+			const dist = Math.abs(i - (w - 1));
+			const ch = dist === 0 ? "●" : dist < 3 ? "∙" : "·";
+			set(x0 + i, y0 + y, ch);
+		}
+	} else if (kind === "gauge") {
+		const cycle = (tick + seed) % 40;
+		const pct = cycle < 30 ? cycle / 30 : 1 - (cycle - 30) / 10;
+		const midY = y0 + Math.floor(h / 2);
+		const filled = Math.max(0, Math.min(w, Math.round(pct * w)));
+		for (let i = 0; i < w; i++) set(x0 + i, midY, i < filled ? "█" : "·");
+	} else if (kind === "pulse") for (let i = 0; i < w; i++) {
+		const t = (i + seed + Math.floor(tick / 3)) % 17;
+		let level;
+		if (t === 0) level = .9;
+		else if (t === 1 || t === 16) level = .5;
+		else level = .12 + .06 * Math.sin((i + tick) * .5);
+		const filled = Math.max(1, Math.min(h, Math.round(level * h)));
+		for (let j = 0; j < filled; j++) set(x0 + i, y0 + h - 1 - j, "█");
+	}
+}
+function tileValue(kind, tick, seed) {
+	const wave = .5 + .5 * Math.sin(tick * .05 + seed);
+	if (kind === "bars") return `${(Math.round(8e3 + wave * 6e3) / 1e3).toFixed(1)}k ▲`;
+	if (kind === "line") return `${(2 + wave * 4).toFixed(1)}% ▲`;
+	if (kind === "gauge") return `$${Math.round(20 + wave * 60)}k`;
+	return `${Math.round(1 + wave * 5)} ▼`;
+}
+//#endregion
+//#region src/ui/tui/components/PhaseVisuals.tsx
+/**
+* Phase visuals — ambient ASCII visualizations of what the agent is currently
+* doing. The active phase is derived from the in-progress task labels (best-
+* effort heuristic). Each phase has its own component (under ./visualizer);
+* the orchestrator `PhaseVisual` picks which one to render.
+*
+* Width and height are passed in from the parent so visuals adapt to the
+* column they're placed in.
+*/
+const PHASE_LABELS = {
+	["codebase-scan"]: "Reading the Code",
+	["skill-install"]: "Picking the Right Skill",
+	["dep-install"]: "Installing Packages",
+	["code-edits"]: "Editing Source",
+	["env-setup"]: "Wiring Up Secrets",
+	["dashboards"]: "Building Dashboards"
+};
+/** Reads the active phase from the store. The agent loop pushes it in via
+*  `getUI().setStage(...)` whenever a new tool fires. */
+function useAgentPhase(store) {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	return store.currentStage?.stage ?? "codebase-scan";
+}
+/**
+* VisualizerTab — Winamp-style fullscreen take on the phase visual.
+* "NOW PLAYING" header, centered visual, transport bar with elapsed time.
+*
+* Sizes itself off the *measured* container rather than the raw terminal so
+* the tab bar / hints / status panel above don't get pushed off-screen on
+* short terminals. When height runs out, chrome rows drop in order:
+* transport bar first, then track title, then the NOW PLAYING header.
+*/
+const VisualizerTab = ({ store }) => {
+	const phase = useAgentPhase(store);
+	const containerRef = useRef(null);
+	const [size, setSize] = useState({
+		width: 0,
+		height: 0
+	});
+	useEffect(() => {
+		if (!containerRef.current) return;
+		const m = measureElement(containerRef.current);
+		if (m.width !== size.width || m.height !== size.height) setSize({
+			width: m.width,
+			height: m.height
+		});
+	}, [
+		useTick(EQ_TICK_MS),
+		size.width,
+		size.height
+	]);
+	const HEADER_ROWS = 2;
+	const TITLE_ROWS = 2;
+	const TRANSPORT_ROWS = 2;
+	const BORDER_ROWS = 2;
+	const MIN_VISUAL_H = 5;
+	const availH = size.height;
+	const availW = size.width;
+	let chromeBudget = BORDER_ROWS + HEADER_ROWS + TITLE_ROWS + TRANSPORT_ROWS;
+	let showHeader = true;
+	let showTitle = true;
+	let showTransport = true;
+	if (availH > 0 && availH - chromeBudget < MIN_VISUAL_H) {
+		showTransport = false;
+		chromeBudget -= TRANSPORT_ROWS;
+	}
+	if (availH > 0 && availH - chromeBudget < MIN_VISUAL_H) {
+		showTitle = false;
+		chromeBudget -= TITLE_ROWS;
+	}
+	if (availH > 0 && availH - chromeBudget < MIN_VISUAL_H) {
+		showHeader = false;
+		chromeBudget -= HEADER_ROWS;
+	}
+	const visualH = availH > 0 ? Math.max(MIN_VISUAL_H, Math.min(18, availH - chromeBudget)) : MIN_VISUAL_H;
+	const visualW = availW > 0 ? Math.max(20, Math.min(64, availW - 12)) : 40;
+	const now = Date.now();
+	const beatTimeMs = now - (store.currentStage?.startedAt ?? now);
+	const timeStr = formatElapsed(Math.max(0, Math.floor(beatTimeMs / 1e3)));
+	const equalizer = renderMiniEqualizer(beatTimeMs, useRef(new Array(EQ_BARS).fill(0)).current);
+	return /* @__PURE__ */ jsxs(Box, {
+		ref: containerRef,
+		flexDirection: "column",
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		overflow: "hidden",
+		children: [
+			showHeader && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "row",
+				marginBottom: 1,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						color: MATRIX_FADE,
+						children: "┌─"
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						color: VISUALIZER_PALETTE.bright,
+						children: " ► NOW PLAYING "
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						color: MATRIX_FADE,
+						children: "─┐"
+					})
+				]
+			}),
+			showTitle && /* @__PURE__ */ jsx(Box, {
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsxs(Text, {
+					bold: true,
+					color: VISUALIZER_PALETTE.head,
+					children: [PHASE_LABELS[phase], " - PostHog"]
+				})
+			}),
+			/* @__PURE__ */ jsx(PhaseBody, {
+				phase,
+				width: visualW,
+				height: visualH
+			}),
+			showTransport && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "row",
+				marginTop: 1,
+				gap: 2,
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: VISUALIZER_PALETTE.mid,
+						children: [
+							"[",
+							timeStr,
+							"]"
+						]
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						color: MATRIX_FADE,
+						children: equalizer
+					}),
+					/* @__PURE__ */ jsx(Text, {
+						color: VISUALIZER_PALETTE.mid,
+						children: "WizardAmp"
+					})
+				]
+			})
+		]
+	});
+};
+function formatElapsed(totalSec) {
+	const m = Math.floor(totalSec / 60);
+	const s = totalSec % 60;
+	return `${String(m).padStart(2, "0")}:${String(s).padStart(2, "0")}`;
+}
+const BEAT_MS = 60 / 120 * 1e3;
+const EQ_BARS = 12;
+const EQ_TICK_MS = 67;
+const EQ_FALL_PER_FRAME = .08;
+function pulse(t, periodMs, decay, phaseMs = 0) {
+	const since = (t - phaseMs + periodMs * 100) % periodMs;
+	return Math.exp(-decay * since / periodMs);
+}
+const EQ_GLYPHS = "▁▂▃▄▅▆▇█";
+function renderMiniEqualizer(beatTimeMs, levels) {
+	const kick = pulse(beatTimeMs, BEAT_MS, 4);
+	const bass = pulse(beatTimeMs, BEAT_MS, 1.5);
+	const clap = pulse(beatTimeMs, BEAT_MS * 2, 5, BEAT_MS);
+	const hat8 = pulse(beatTimeMs, BEAT_MS / 2, 8);
+	const hat16 = pulse(beatTimeMs, BEAT_MS / 4, 12);
+	const pad = .2 + .15 * Math.sin(2 * Math.PI * beatTimeMs / 4e3);
+	const mix = [
+		bass * .7 + kick * .5 + pad,
+		bass * .6 + kick * .6 + pad * .9,
+		bass * .4 + kick * .7 + pad * .8,
+		kick * .6 + clap * .3 + pad * .7,
+		kick * .4 + clap * .5 + pad * .7,
+		clap * .7 + hat8 * .3 + pad * .6,
+		clap * .6 + hat8 * .5 + pad * .5,
+		hat8 * .7 + clap * .3 + pad * .5,
+		hat8 * .5 + hat16 * .4 + pad * .4,
+		hat8 * .4 + hat16 * .5 + pad * .4,
+		hat16 * .6 + hat8 * .3 + pad * .3,
+		hat16 * .7 + pad * .3
+	];
+	let out = "";
+	for (let i = 0; i < EQ_BARS; i++) {
+		const target = Math.min(1, mix[i]);
+		levels[i] = Math.max(target, levels[i] - EQ_FALL_PER_FRAME);
+		out += EQ_GLYPHS[Math.floor(levels[i] * 7)];
+	}
+	return out;
+}
+const PhaseBody = ({ phase, width, height }) => {
+	switch (phase) {
+		case "codebase-scan": return /* @__PURE__ */ jsx(MatrixRain, {
+			width,
+			height
+		});
+		case "skill-install": return /* @__PURE__ */ jsx(LibraryShelf, {
+			width,
+			height
+		});
+		case "dep-install": return /* @__PURE__ */ jsx(CrateStack, {
+			width,
+			height
+		});
+		case "code-edits": return /* @__PURE__ */ jsx(DiffCascade, {
+			width,
+			height
+		});
+		case "env-setup": return /* @__PURE__ */ jsx(Tumblers, {
+			width,
+			height
+		});
+		case "dashboards": return /* @__PURE__ */ jsx(DashboardGrid, {
+			width,
+			height
+		});
+	}
+};
+//#endregion
 //#region src/ui/tui/components/ServiceHealthList.tsx
 /**
 * ServiceHealthList — Shared component for displaying service health status.
@@ -1920,6 +2704,39 @@ const markDone = (store, outcome, clients = [], featuresSelected) => {
 	store.setMcpComplete(outcome, clients, featuresSelected);
 };
 const reportFeatures = (features) => isAllFeaturesSelected(features) ? "all" : features;
+const errorText = (err) => summarizeFailure(err instanceof Error ? err.message : String(err)) ?? "unknown error";
+/**
+* One "✔ <title>" / "✖ <title>" block with a bullet per client, plus an optional
+* dim explanation underneath. Rendered only when it has something to say.
+*/
+const ResultGroup = ({ title, items, color, icon, note }) => {
+	if (items.length === 0) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		marginBottom: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				color,
+				bold: true,
+				children: [
+					icon,
+					" ",
+					title
+				]
+			}),
+			items.map((item, i) => /* @__PURE__ */ jsxs(Text, { children: [
+				" ",
+				"•",
+				" ",
+				item
+			] }, `${title}-${i}`)),
+			note && /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [" ", note]
+			})
+		]
+	});
+};
 /**
 * Connector step prompt — Enter continues (opens the connector page). There's
 * no skip: picking the connector commits to opening it.
@@ -1933,6 +2750,24 @@ const ConnectorContinue = ({ onContinue }) => {
 		children: ["Press enter to continue ", Icons.triangleRight]
 	});
 };
+/**
+* Done-phase prompt — Enter dismisses the results screen and moves the flow on.
+* Explicit acknowledgement instead of a timeout: the previous 2s auto-dismiss
+* whipped past too fast to read on a normal install, especially when several
+* result groups were stacked.
+*/
+const DoneContinue = ({ onContinue }) => {
+	useInput((_input, key) => {
+		if (key.return) onContinue();
+	});
+	return /* @__PURE__ */ jsx(Box, {
+		marginTop: 1,
+		children: /* @__PURE__ */ jsxs(Text, {
+			color: Colors.primary,
+			children: ["Press enter to continue ", Icons.triangleRight]
+		})
+	});
+};
 const McpScreen = ({ store, installer, mode = "install" }) => {
 	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
 	useInput(() => void 0);
@@ -1940,9 +2775,12 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	const [phase, setPhase] = useState("detecting");
 	const [clients, setClients] = useState([]);
 	const [selectedClientNames, setSelectedClientNames] = useState([]);
-	const [resultClients, setResultClients] = useState([]);
-	const [pluginClients, setPluginClients] = useState([]);
+	const [mcpResults, setMcpResults] = useState([]);
+	const [pluginResults, setPluginResults] = useState([]);
 	const [installMode, setInstallMode] = useState("custom");
+	const [detectError, setDetectError] = useState(null);
+	const [flowError, setFlowError] = useState(null);
+	const finishFlow = useRef(null);
 	useEffect(() => {
 		(async () => {
 			try {
@@ -1954,20 +2792,21 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 					setClients(detected);
 					setPhase("ask");
 				}
-			} catch {
+			} catch (err) {
+				setDetectError(errorText(err));
+				finishFlow.current = () => markDone(store, "failed");
 				setPhase("none");
-				setTimeout(() => markDone(store, "failed"), 1500);
 			}
 		})();
 	}, [installer]);
 	const proceedAfterClientPick = (clientNames, chosenMode) => {
 		setSelectedClientNames(clientNames);
 		if (chosenMode === "all") {
-			doInstall(clientNames, [...ALL_FEATURE_VALUES]);
+			doInstall(clientNames, [...ALL_FEATURE_VALUES], chosenMode);
 			return;
 		}
 		if (store.session.mcpFeatures) {
-			doInstall(clientNames, store.session.mcpFeatures);
+			doInstall(clientNames, store.session.mcpFeatures, chosenMode);
 			return;
 		}
 		if (clientNames.some((name) => clients.find((c) => c.name === name)?.finish)) {
@@ -1993,54 +2832,75 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	const handleSkip = () => {
 		markDone(store, "skipped");
 	};
-	const doInstall = async (names, features) => {
+	/**
+	* `chosenMode` is passed in rather than read from `installMode`: the tri-state
+	* picker sets that state and installs in the same tick when a single client
+	* is detected, so the closure would still hold the previous value and a
+	* one-editor machine would silently get the MCP-only path.
+	*/
+	const doInstall = async (names, features, chosenMode = installMode) => {
 		setPhase("working");
 		let mcpResult = [];
 		let pluginResult = [];
 		const pluginCapableSet = new Set(clients.filter((c) => c.supportsPlugin).map((c) => c.name));
 		const pluginCapableNames = names.filter((n) => pluginCapableSet.has(n));
 		const directNames = names.filter((n) => !pluginCapableSet.has(n));
-		if (installMode === "all") {
+		if (chosenMode === "all") {
 			try {
 				mcpResult = await installer.install(directNames, features, store.session.apiKey);
-			} catch {}
+			} catch (err) {
+				setFlowError(errorText(err));
+			}
 			try {
 				pluginResult = await installer.installPlugins(pluginCapableNames);
-			} catch {}
+			} catch (err) {
+				setFlowError(errorText(err));
+			}
 		} else try {
 			mcpResult = await installer.install(names, features, store.session.apiKey);
-		} catch {}
-		setResultClients(mcpResult);
-		setPluginClients(pluginResult);
-		setPhase("done");
-		const outcome = mcpResult.length + pluginResult.length > 0 ? "installed" : "failed";
+		} catch (err) {
+			setFlowError(errorText(err));
+		}
+		setMcpResults(mcpResult);
+		setPluginResults(pluginResult);
+		const ready = [...mcpResult, ...pluginResult].filter(isOk);
+		const outcome = ready.length > 0 ? "installed" : "failed";
 		const featuresReport = reportFeatures(features ?? [...ALL_FEATURE_VALUES]);
-		setTimeout(() => markDone(store, outcome, [...mcpResult, ...pluginResult], featuresReport), 2e3);
+		finishFlow.current = () => markDone(store, outcome, ready.map((r) => r.name), featuresReport);
+		setPhase("done");
 	};
 	const doRemove = async () => {
 		setPhase("working");
 		let result = [];
 		try {
-			result = await installer.remove();
-			setResultClients(result);
-		} catch {
-			setResultClients([]);
+			result = await installer.remove(store.session.localMcp);
+		} catch (err) {
+			setFlowError(errorText(err));
 		}
+		setMcpResults(result);
+		const removed = result.filter(isOk);
+		const outcome = removed.length > 0 ? "installed" : "failed";
+		finishFlow.current = () => markDone(store, outcome, removed.map((r) => r.name));
 		setPhase("done");
-		const outcome = result.length > 0 ? "installed" : "failed";
-		setTimeout(() => markDone(store, outcome, result), 2e3);
 	};
 	const installValueBullets = [
 		"Ask your agent: \"List my feature flags\" — and it does.",
 		"Run SQL, build dashboards, ship flags, all from your IDE.",
 		"No copy-pasting tokens or context. Your agent has the keys."
 	];
-	const finishNotes = clients.flatMap((c) => c.finish && resultClients.includes(c.name) ? [{
+	const okMcpNames = mcpResults.filter(isOk).map((r) => r.name);
+	const finishNotes = clients.flatMap((c) => c.finish && okMcpNames.includes(c.name) ? [{
 		name: c.name,
 		url: c.finish.url,
 		instruction: c.finish.instruction
 	}] : []);
-	const installedNow = resultClients.filter((name) => !finishNotes.some((n) => n.name === name));
+	const isConnectorName = (name) => finishNotes.some((n) => n.name === name);
+	const installedNow = namesWithStatus(mcpResults, "changed").filter((name) => !isConnectorName(name));
+	const alreadyInstalled = namesWithStatus(mcpResults, "unchanged").filter((name) => !isConnectorName(name));
+	const pluginInstalled = namesWithStatus(pluginResults, "changed");
+	const pluginAlreadyInstalled = namesWithStatus(pluginResults, "unchanged");
+	const failures = [...mcpResults, ...pluginResults].filter((r) => r.status === "failed").map((r) => r.detail ? `${r.name} — ${r.detail}` : r.name);
+	const hasAnyResult = installedNow.length + alreadyInstalled.length + pluginInstalled.length + pluginAlreadyInstalled.length + failures.length + finishNotes.length > 0;
 	return /* @__PURE__ */ jsxs(Box, {
 		flexDirection: "column",
 		flexGrow: 1,
@@ -2056,14 +2916,32 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 					dimColor: true,
 					children: "Detecting supported editors..."
 				}),
-				phase === "none" && /* @__PURE__ */ jsxs(Text, {
+				phase === "none" && (detectError ? /* @__PURE__ */ jsxs(Box, {
+					flexDirection: "column",
+					children: [
+						/* @__PURE__ */ jsxs(Text, {
+							color: "red",
+							bold: true,
+							children: ["✖", " Couldn't check which editors are installed"]
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: [" ", detectError]
+						}),
+						/* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: [" ", "Run with --debug for the full output, or report it at github.com/PostHog/wizard/issues."]
+						}),
+						/* @__PURE__ */ jsx(DoneContinue, { onContinue: () => finishFlow.current?.() })
+					]
+				}) : /* @__PURE__ */ jsxs(Text, {
 					dimColor: true,
 					children: [
 						"No ",
 						isRemove ? "installed" : "supported",
 						" MCP clients detected. Skipping..."
 					]
-				}),
+				})),
 				phase === "ask" && /* @__PURE__ */ jsxs(Fragment$1, { children: [
 					!isRemove && /* @__PURE__ */ jsx(Box, {
 						flexDirection: "column",
@@ -2146,38 +3024,42 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 					dimColor: true,
 					children: [isRemove ? "Removing" : "Installing", " MCP server..."]
 				}),
-				phase === "done" && /* @__PURE__ */ jsx(Box, {
+				phase === "done" && /* @__PURE__ */ jsxs(Box, {
 					flexDirection: "column",
-					children: installedNow.length + pluginClients.length + finishNotes.length === 0 ? /* @__PURE__ */ jsxs(Text, {
-						dimColor: true,
-						children: [isRemove ? "Removal" : "Installation", " skipped."]
-					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
-						pluginClients.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
+					children: [hasAnyResult ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(ResultGroup, {
+							title: "Plugin installed for:",
+							items: pluginInstalled,
 							color: "green",
-							bold: true,
-							children: ["✔", " Plugin installed for:"]
-						}), pluginClients.map((name, i) => /* @__PURE__ */ jsxs(Text, { children: [
-							" ",
-							"•",
-							" ",
-							name
-						] }, `p-${i}`))] }),
-						installedNow.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
+							icon: "✔"
+						}),
+						/* @__PURE__ */ jsx(ResultGroup, {
+							title: "Plugin was already installed for:",
+							items: pluginAlreadyInstalled,
 							color: "green",
-							bold: true,
-							children: [
-								"✔",
-								" MCP server",
-								" ",
-								isRemove ? "removed from" : "installed for",
-								":"
-							]
-						}), installedNow.map((name, i) => /* @__PURE__ */ jsxs(Text, { children: [
-							" ",
-							"•",
-							" ",
-							name
-						] }, `m-${i}`))] }),
+							icon: "✔",
+							note: "It was already set up, so nothing changed. You are good to go."
+						}),
+						/* @__PURE__ */ jsx(ResultGroup, {
+							title: `MCP server ${isRemove ? "removed from" : "installed for"}:`,
+							items: installedNow,
+							color: "green",
+							icon: "✔"
+						}),
+						/* @__PURE__ */ jsx(ResultGroup, {
+							title: isRemove ? "No PostHog entry left to remove for:" : "MCP server was already installed for:",
+							items: alreadyInstalled,
+							color: "green",
+							icon: "✔",
+							note: isRemove ? "It was already gone, so nothing was changed." : "Left as-is. To change which PostHog areas it can reach, run `wizard mcp remove` first, then `wizard mcp add`."
+						}),
+						/* @__PURE__ */ jsx(ResultGroup, {
+							title: `Couldn't ${isRemove ? "remove from" : "install for"}:`,
+							items: failures,
+							color: "red",
+							icon: "✖",
+							note: "Run with --debug for the full output, or report it at github.com/PostHog/wizard/issues."
+						}),
 						finishNotes.map((note) => /* @__PURE__ */ jsxs(Box, {
 							flexDirection: "column",
 							marginTop: 1,
@@ -2212,7 +3094,32 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 								})
 							]
 						}, note.name))
-					] })
+					] }) : flowError ? /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						children: [
+							/* @__PURE__ */ jsxs(Text, {
+								color: "red",
+								bold: true,
+								children: [
+									"✖",
+									" ",
+									isRemove ? "Removal" : "Installation",
+									" failed"
+								]
+							}),
+							/* @__PURE__ */ jsxs(Text, {
+								dimColor: true,
+								children: [" ", flowError]
+							}),
+							/* @__PURE__ */ jsxs(Text, {
+								dimColor: true,
+								children: [" ", "Run with --debug for the full output, or report it at github.com/PostHog/wizard/issues."]
+							})
+						]
+					}) : /* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: isRemove ? "Nothing to remove — the PostHog MCP server wasn't configured for any editor." : "Nothing to install — no editor was selected."
+					}), /* @__PURE__ */ jsx(DoneContinue, { onContinue: () => finishFlow.current?.() })]
 				})
 			]
 		})]
@@ -6306,6 +7213,6 @@ function releaseTerminal() {
 	process.stdout.write(RESET_ATTRS + LEAVE_ALT_SCREEN);
 }
 //#endregion
-export { LogViewer as A, TipsCard as C, TabContainer as D, HNViewer as E, GroupedPickerMenu as F, ProgressList as I, LoadingBox as L, extractUrls as M, ModalOverlay as N, ScreenContainer as O, ConfirmationInput as P, SplitView as R, ServiceHealthList as S, ContentSequencer as T, TAILORED_ROLES as _, useSkillEntry as a, SEVERITY_LABEL as b, SlackConnectScreen as c, AuditChecksViewer as d, seedDemoEvents as f, probeProjectData as g, assembleProfile as h, SkillSourceInfo as i, LinkText as j, EventPlanViewer as k, AUDIT_AREA_SLIDES as l, McpSuggestedPromptsScreen as m, releaseTerminal as n, OutroScreen as o, seededProfile as p, AiOptInRequiredScreen as r, useDismissOnAnyKey as s, enterDarkTerminal as t, VisualBox as u, McpScreen as v, LearnCard as w, SEVERITY_ORDER as x, IssueTable as y, CardLayout as z };
+export { EventPlanViewer as A, CardLayout as B, VisualizerTab as C, HNViewer as D, ContentSequencer as E, ConfirmationInput as F, GroupedPickerMenu as I, ProgressList as L, LinkText as M, extractUrls as N, TabContainer as O, ModalOverlay as P, LoadingBox as R, ServiceHealthList as S, LearnCard as T, TAILORED_ROLES as _, useSkillEntry as a, SEVERITY_LABEL as b, SlackConnectScreen as c, AuditChecksViewer as d, seedDemoEvents as f, probeProjectData as g, assembleProfile as h, SkillSourceInfo as i, LogViewer as j, ScreenContainer as k, AUDIT_AREA_SLIDES as l, McpSuggestedPromptsScreen as m, releaseTerminal as n, OutroScreen as o, seededProfile as p, AiOptInRequiredScreen as r, useDismissOnAnyKey as s, enterDarkTerminal as t, VisualBox as u, McpScreen as v, TipsCard as w, SEVERITY_ORDER as x, IssueTable as y, SplitView as z };
 
-//# sourceMappingURL=terminal-B-37htZb.js.map
+//# sourceMappingURL=terminal-yKJZx1UC.js.map