@posthog/wizard 2.17.0 → 2.19.0

package/dist/{slides-DRbBgsdd.js → slides-mT2s9wM_.js}

@@ -1,11 +1,11 @@
-import { g as SERVICE_LABELS, s as logToFile } from "./debug-Bx7nvCWW.js";
+import { g as SERVICE_LABELS, s as logToFile } from "./debug-DnMO6O8O.js";
 import { n as isTaskStatus } from "./wizard-ui-YdGFRyu_.js";
-import { n as sessionProperties, t as analytics } from "./analytics-DN_Gy87F.js";
+import { r as sessionProperties, t as analytics } from "./analytics-Df-Xb81i.js";
 import { i as buildSession } from "./wizard-session-d27JGRGi.js";
-import { v as AUDIT_SEVERITY_STYLE } from "./agent-interface-7t5DBo2A.js";
-import { a as isObjectBlock, i as isLinesBlock, n as computeVisibleRange, o as Colors, r as isClearBlock, s as Icons, t as TextBlock } from "./TextBlock-D0Ep3zC9.js";
+import { v as AUDIT_SEVERITY_STYLE } from "./agent-interface-CQU6x4Hj.js";
+import { c as computeVisibleRange, d as isObjectBlock, f as Colors, l as isClearBlock, p as Icons, s as TextBlock, u as isLinesBlock } from "./posthog-integration-C8qhJnI3.js";
 import { a as getProgramConfig, i as Program, l as getKindMeta, r as PROGRAM_REGISTRY } from "./bin.js";
-import { n as AVAILABLE_FEATURES, t as ALL_FEATURE_VALUES } from "./defaults-CPH6eWhN.js";
+import { n as AVAILABLE_FEATURES, o as isAllFeaturesSelected, t as ALL_FEATURE_VALUES } from "./defaults-BNWIWzjc.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";
@@ -120,6 +120,12 @@ var WizardRouter = class {
 * All session mutations that affect screen resolution go through
 * explicit setters so emitChange() is always called.
 */
+/**
+* FIFO cap on retained status lines. The status bar is the only consumer and
+* renders at most EXPANDED_COUNT lines, so there is no reason to retain more —
+* the cap is tied to the window it feeds.
+*/
+const MAX_STATUS_MESSAGES = 10;
 var WizardStore = class {
 	$session = map(buildSession({}));
 	$statusMessages = atom([]);
@@ -314,6 +320,7 @@ var WizardStore = class {
 	}
 	/** User dismissed the blocking outage screen. Gate resolves via _checkGates(). */
 	dismissOutage() {
+		logToFile("[health-checks] user dismissed outage screen, continuing");
 		this.$session.setKey("outageDismissed", true);
 		this.emitChange();
 	}
@@ -455,13 +462,15 @@ var WizardStore = class {
 		analytics.wizardCapture("feature enabled", { feature });
 		this.emitChange();
 	}
-	setMcpComplete(outcome = "skipped", installedClients = []) {
+	setMcpComplete(outcome = "skipped", installedClients = [], featuresSelected) {
 		this.$session.setKey("mcpComplete", true);
 		this.$session.setKey("mcpOutcome", outcome);
 		this.$session.setKey("mcpInstalledClients", installedClients);
+		const featuresPayload = outcome === "installed" && featuresSelected !== void 0 ? { mcp_features_selected: featuresSelected } : {};
 		analytics.wizardCapture("mcp complete", {
 			mcp_outcome: outcome,
 			mcp_installed_clients: installedClients,
+			...featuresPayload,
 			...sessionProperties(this.session)
 		});
 		this.emitChange();
@@ -571,7 +580,8 @@ var WizardStore = class {
 	pushStatus(message) {
 		const msgs = this.$statusMessages.get();
 		if (msgs.length > 0 && msgs[msgs.length - 1] === message) return;
-		this.$statusMessages.set([...msgs, message]);
+		const next = msgs.length >= MAX_STATUS_MESSAGES ? [...msgs.slice(msgs.length - MAX_STATUS_MESSAGES + 1), message] : [...msgs, message];
+		this.$statusMessages.set(next);
 		this.emitChange();
 	}
 	setTasks(tasks) {
@@ -1007,8 +1017,13 @@ const MultiPickerMenu = ({ message, options, centered = false, columns = 1, opti
 			handler: () => {
 				setSelected((prev) => {
 					const next = new Set(prev);
-					if (next.has(focused)) next.delete(focused);
-					else next.add(focused);
+					if (next.has(focused)) {
+						next.delete(focused);
+						return next;
+					}
+					if (options[focused]?.exclusive) return new Set([focused]);
+					for (const i of next) if (options[i]?.exclusive) next.delete(i);
+					next.add(focused);
 					return next;
 				});
 			}
@@ -1741,6 +1756,7 @@ var ScreenErrorBoundary = class extends Component {
 	}
 	componentDidCatch(error) {
 		const { store } = this.props;
+		logToFile("[screen-error-boundary]", error);
 		console.error("[ScreenErrorBoundary]", error.message, error.stack);
 		store.setOutroData({
 			kind: "error",
@@ -1840,6 +1856,15 @@ const ScreenContainer = ({ store, screens }) => {
 		}) })
 	});
 };
+//#endregion
+//#region src/ui/tui/primitives/TabContainer.tsx
+/**
+* TabContainer — Self-contained tabbed interface.
+* Absorbs BottomTabBar + StatusPanel functionality.
+*
+* Key bindings are declared via useKeyBindings, which auto-registers
+* hints in the KeyboardHintsBar (rendered by ScreenContainer).
+*/
 const TabContainer = ({ tabs, statusMessage, expandableStatus = false, store }) => {
 	const [activeTab, setActiveTab] = useState(0);
 	const [localExpanded, setLocalExpanded] = useState(false);
@@ -2597,8 +2622,22 @@ const IssueRow = ({ issue, docsWidth }) => {
 *
 * When done, calls store.setMcpComplete(). The router resolves to outro.
 */
-const markDone = (store, outcome, clients = []) => {
-	store.setMcpComplete(outcome, clients);
+const markDone = (store, outcome, clients = [], featuresSelected) => {
+	store.setMcpComplete(outcome, clients, featuresSelected);
+};
+const reportFeatures = (features) => isAllFeaturesSelected(features) ? "all" : features;
+/**
+* Connector step prompt — Enter continues (opens the connector page). There's
+* no skip: picking the connector commits to opening it.
+*/
+const ConnectorContinue = ({ onContinue }) => {
+	useInput((_input, key) => {
+		if (key.return) onContinue();
+	});
+	return /* @__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());
@@ -2609,6 +2648,7 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 	const [selectedClientNames, setSelectedClientNames] = useState([]);
 	const [resultClients, setResultClients] = useState([]);
 	const [pluginClients, setPluginClients] = useState([]);
+	const [installMode, setInstallMode] = useState("custom");
 	useEffect(() => {
 		(async () => {
 			try {
@@ -2626,23 +2666,34 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 			}
 		})();
 	}, [installer]);
-	const proceedToFeatureSelectOrInstall = (clientNames) => {
+	const proceedAfterClientPick = (clientNames, chosenMode) => {
 		setSelectedClientNames(clientNames);
+		if (chosenMode === "all") {
+			doInstall(clientNames, [...ALL_FEATURE_VALUES]);
+			return;
+		}
 		if (store.session.mcpFeatures) {
 			doInstall(clientNames, store.session.mcpFeatures);
 			return;
 		}
-		if (!clientNames.some((name) => {
-			return !clients.find((c) => c.name === name)?.finish;
-		})) {
-			doInstall(clientNames, []);
+		if (clientNames.some((name) => clients.find((c) => c.name === name)?.finish)) {
+			setPhase("connector");
 			return;
 		}
 		setPhase("feature-select");
 	};
 	const handleConfirm = () => {
 		if (isRemove) doRemove();
-		else if (clients.length === 1) proceedToFeatureSelectOrInstall(clients.map((c) => c.name));
+		else if (clients.length === 1) proceedAfterClientPick([clients[0].name], "custom");
+		else setPhase("pick");
+	};
+	const handleTriStateChoice = (choice) => {
+		if (choice === "skip") {
+			handleSkip();
+			return;
+		}
+		setInstallMode(choice);
+		if (clients.length === 1) proceedAfterClientPick([clients[0].name], choice);
 		else setPhase("pick");
 	};
 	const handleSkip = () => {
@@ -2652,17 +2703,25 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 		setPhase("working");
 		let mcpResult = [];
 		let pluginResult = [];
-		try {
+		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") {
+			try {
+				mcpResult = await installer.install(directNames, features, store.session.apiKey);
+			} catch {}
+			try {
+				pluginResult = await installer.installPlugins(pluginCapableNames);
+			} catch {}
+		} else try {
 			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 = mcpResult.length > 0 ? "installed" : "failed";
-		setTimeout(() => markDone(store, outcome, mcpResult), 2e3);
+		const outcome = mcpResult.length + pluginResult.length > 0 ? "installed" : "failed";
+		const featuresReport = reportFeatures(features ?? [...ALL_FEATURE_VALUES]);
+		setTimeout(() => markDone(store, outcome, [...mcpResult, ...pluginResult], featuresReport), 2e3);
 	};
 	const doRemove = async () => {
 		setPhase("working");
@@ -2730,7 +2789,26 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 					}),
 					/* @__PURE__ */ jsx(Box, {
 						marginTop: 1,
-						children: /* @__PURE__ */ jsx(ConfirmationInput, {
+						children: !isRemove && !store.session.mcpFeatures ? /* @__PURE__ */ jsx(PickerMenu, {
+							message: `Install the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
+							options: [
+								{
+									label: "Install with all features",
+									value: "all",
+									hint: "recommended"
+								},
+								{
+									label: "Customize features",
+									value: "custom"
+								},
+								{
+									label: "No thanks",
+									value: "skip"
+								}
+							],
+							mode: "single",
+							onSelect: (choice) => handleTriStateChoice(choice)
+						}) : /* @__PURE__ */ jsx(ConfirmationInput, {
 							message: `${isRemove ? "Remove" : "Install"} the PostHog MCP server${clients.some((c) => c.supportsPlugin) ? " and plugin" : ""}?`,
 							confirmLabel: isRemove ? "Remove" : "Install",
 							cancelLabel: "No thanks",
@@ -2740,76 +2818,107 @@ const McpScreen = ({ store, installer, mode = "install" }) => {
 					})
 				] }),
 				phase === "pick" && /* @__PURE__ */ jsx(PickerMenu, {
-					message: "Select editor to install MCP server",
+					message: installMode === "all" ? "Select editor to install" : "Select editor to install MCP server",
 					options: clients.map((c) => ({
 						label: c.name,
-						value: c.name
+						value: c.name,
+						exclusive: Boolean(c.finish),
+						hint: installMode === "all" ? c.finish ? "connector" : c.supportsPlugin ? "plugin" : "MCP" : void 0
 					})),
 					mode: "multi",
 					onSelect: (selected) => {
-						proceedToFeatureSelectOrInstall(Array.isArray(selected) ? selected : [selected]);
+						proceedAfterClientPick(Array.isArray(selected) ? selected : [selected], installMode);
 					}
 				}),
 				phase === "feature-select" && /* @__PURE__ */ jsx(GroupedPickerMenu, {
 					message: "Select features to enable",
 					groups: AVAILABLE_FEATURES,
-					initialSelected: [...ALL_FEATURE_VALUES],
+					initialSelected: [],
 					onSelect: (features) => {
 						doInstall(selectedClientNames, features);
 					}
 				}),
+				phase === "connector" && /* @__PURE__ */ jsxs(Box, {
+					flexDirection: "column",
+					children: [/* @__PURE__ */ jsx(Box, {
+						marginBottom: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: "You'll choose which features and tools to enable in Claude's UI after connecting."
+						})
+					}), /* @__PURE__ */ jsx(ConnectorContinue, { onContinue: () => void doInstall(selectedClientNames, []) })]
+				}),
 				phase === "working" && /* @__PURE__ */ jsxs(Text, {
 					dimColor: true,
 					children: [isRemove ? "Removing" : "Installing", " MCP server..."]
 				}),
 				phase === "done" && /* @__PURE__ */ jsx(Box, {
 					flexDirection: "column",
-					children: installedNow.length === 0 && finishNotes.length === 0 ? /* @__PURE__ */ jsxs(Text, {
+					children: installedNow.length + pluginClients.length + finishNotes.length === 0 ? /* @__PURE__ */ jsxs(Text, {
 						dimColor: true,
 						children: [isRemove ? "Removal" : "Installation", " skipped."]
-					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [installedNow.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
-						color: "green",
-						bold: true,
-						children: [
-							"✔",
-							" MCP server",
-							!isRemove && pluginClients.length > 0 ? " and plugin" : "",
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						pluginClients.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
+							color: "green",
+							bold: true,
+							children: ["✔", " Plugin installed for:"]
+						}), pluginClients.map((name, i) => /* @__PURE__ */ jsxs(Text, { children: [
 							" ",
-							isRemove ? "removed from" : "installed for",
-							":"
-						]
-					}), installedNow.map((name, i) => /* @__PURE__ */ jsxs(Text, { children: [
-						" ",
-						"•",
-						" ",
-						name
-					] }, i))] }), finishNotes.map((note) => /* @__PURE__ */ jsxs(Box, {
-						flexDirection: "column",
-						marginTop: 1,
-						children: [
-							/* @__PURE__ */ jsxs(Text, {
-								color: "green",
-								bold: true,
-								children: [note.name, " \\u2014 finish in your browser:"]
-							}),
-							/* @__PURE__ */ jsxs(Text, { children: [
-								"  ",
-								"Opened ",
-								/* @__PURE__ */ jsx(Text, {
-									color: "cyan",
-									children: note.url
+							"•",
+							" ",
+							name
+						] }, `p-${i}`))] }),
+						installedNow.length > 0 && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(Text, {
+							color: "green",
+							bold: true,
+							children: [
+								"✔",
+								" MCP server",
+								" ",
+								isRemove ? "removed from" : "installed for",
+								":"
+							]
+						}), installedNow.map((name, i) => /* @__PURE__ */ jsxs(Text, { children: [
+							" ",
+							"•",
+							" ",
+							name
+						] }, `m-${i}`))] }),
+						finishNotes.map((note) => /* @__PURE__ */ jsxs(Box, {
+							flexDirection: "column",
+							marginTop: 1,
+							children: [
+								/* @__PURE__ */ jsxs(Text, {
+									color: "green",
+									bold: true,
+									children: [
+										"✔",
+										" ",
+										note.name,
+										" ",
+										"—",
+										" installs a PostHog connector:"
+									]
+								}),
+								/* @__PURE__ */ jsxs(Text, { children: [
+									"  ",
+									"Opened ",
+									/* @__PURE__ */ jsx(Text, {
+										color: "cyan",
+										children: note.url
+									})
+								] }),
+								/* @__PURE__ */ jsxs(Text, {
+									dimColor: true,
+									children: ["  ", note.instruction]
+								}),
+								/* @__PURE__ */ jsxs(Text, {
+									dimColor: true,
+									children: ["  ", "(If it didn't open, paste the URL above.)"]
 								})
-							] }),
-							/* @__PURE__ */ jsxs(Text, {
-								dimColor: true,
-								children: ["  ", note.instruction]
-							}),
-							/* @__PURE__ */ jsxs(Text, {
-								dimColor: true,
-								children: ["  ", "(If it didn't open, paste the URL above.)"]
-							})
-						]
-					}, note.name))] })
+							]
+						}, note.name))
+					] })
 				})
 			]
 		})]
@@ -5365,4 +5474,4 @@ const AUDIT_3000_AREA_SLIDES = [
 //#endregion
 export { WizardStore as A, useStdoutDimensions as C, LoadingBox as D, ProgressList as E, SplitView as O, GroupedPickerMenu as S, useKeyBindings as T, ScreenContainer as _, McpSuggestedPromptsScreen as a, ModalOverlay as b, IssueTable as c, ServiceHealthList as d, TipsCard as f, TabContainer as g, HNViewer as h, AuditChecksViewer as i, CardLayout as k, SEVERITY_LABEL as l, ContentSequencer as m, AUDIT_AREA_SLIDES as n, TAILORED_ROLES as o, LearnCard as p, VisualBox as r, McpScreen as s, AUDIT_3000_AREA_SLIDES as t, SEVERITY_ORDER as u, EventPlanViewer as v, PickerMenu as w, ConfirmationInput as x, LogViewer as y };
 
-//# sourceMappingURL=slides-DRbBgsdd.js.map
+//# sourceMappingURL=slides-mT2s9wM_.js.map