@posthog/wizard 2.9.1 → 2.10.0

package/dist/start-tui-PygiIyNC.js

@@ -0,0 +1,1887 @@
+import { l as setUI, s as logToFile } from "./debug-CyJ_3dTP.js";
+import { i as CONTEXT_MILL_URL, l as Integration, u as OAUTH_PORTS, v as REMOTE_SKILLS_BASE_URL, w as getSkillsBaseUrl } from "./analytics-C4jO5Qda.js";
+import { t as ADDITIONAL_FEATURE_LABELS } from "./wizard-session-Db6R023m.js";
+import { r as wizardAbort } from "./wizard-abort-7HUIsqv1.js";
+import { m as fetchSkillMenu, p as downloadSkill, r as getBlockingServiceKeys } from "./readiness-Dn7eq8NE.js";
+import { n as POSTHOG_SDKS, r as STRIPE_SDKS } from "./bin.js";
+import { t as ALL_FEATURE_VALUES } from "./defaults-DoVkE0gW.js";
+import { a as getSupportedClients, i as getInstalledClients, o as removeMCPServer } from "./add-mcp-server-to-clients-DZtISNrs.js";
+import "./router-D5A1Sb4p.js";
+import { _ as SplitView, a as HNViewer, b as Icons, c as EventPlanViewer, d as ConfirmationInput, g as LoadingBox, h as ProgressList, i as LearnCard, l as LogViewer, m as PickerMenu, n as ServiceHealthList, o as TabContainer, p as useStdoutDimensions, r as TipsCard, s as ScreenContainer, t as McpScreen, u as ModalOverlay, x as WizardStore, y as Colors } from "./McpScreen-BmHapIaP.js";
+import { join } from "node:path";
+import path from "path";
+import { Box, Text, render, useInput } from "ink";
+import { createElement, useEffect, useMemo, useState, useSyncExternalStore } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { readdir, rm } from "node:fs/promises";
+//#region src/ui/tui/ink-ui.ts
+const ANSI_RE = /\x1b\[[0-9;]*m/g;
+function stripAnsi(s) {
+	return s.replace(ANSI_RE, "");
+}
+var InkUI = class {
+	constructor(store) {
+		this.store = store;
+	}
+	intro(message) {
+		this.store.pushStatus(message);
+	}
+	outro(message) {
+		this.store.pushStatus(stripAnsi(message));
+		if (!this.store.session.outroData) this.store.setOutroData({
+			kind: "success",
+			message: stripAnsi(message)
+		});
+		if (this.store.session.runPhase === "running") this.store.setRunPhase("completed");
+	}
+	outroError(data) {
+		this.store.setOutroData(data);
+		if (this.store.session.runPhase !== "error") this.store.setRunPhase("error");
+	}
+	setCredentials(credentials) {
+		this.store.setCredentials(credentials);
+	}
+	setDetectedFramework(label) {
+		this.store.setDetectedFramework(label);
+	}
+	onEnterScreen(screen, fn) {
+		this.store.onEnterScreen(screen, fn);
+	}
+	setLoginUrl(url) {
+		this.store.setLoginUrl(url);
+	}
+	showBlockingOutage(result) {
+		this.store.setReadinessResult(result);
+		return Promise.resolve();
+	}
+	setReadinessWarnings(result) {
+		this.store.setReadinessResult(result);
+	}
+	showPortConflict(processInfo) {
+		return this.store.showPortConflict(processInfo);
+	}
+	showSettingsOverride(conflicts, backupAndFix) {
+		return this.store.showSettingsOverride(conflicts, backupAndFix);
+	}
+	showAuthError() {
+		this.store.showAuthError();
+	}
+	startRun() {
+		this.store.setRunPhase("running");
+	}
+	cancel(message) {
+		this.store.pushStatus(message);
+	}
+	log = {
+		info: (message) => {
+			this.store.pushStatus(message);
+		},
+		warn: (message) => {
+			this.store.pushStatus(message);
+		},
+		error: (message) => {
+			this.store.pushStatus(message);
+		},
+		success: (message) => {
+			this.store.pushStatus(message);
+		},
+		step: (message) => {
+			this.store.pushStatus(message);
+		}
+	};
+	note(message) {
+		this.store.pushStatus(message);
+	}
+	spinner() {
+		return {
+			start: (message) => {
+				if (message) this.store.pushStatus(message);
+			},
+			stop: (message) => {
+				if (message) this.store.pushStatus(message);
+			},
+			message: (msg) => {
+				if (msg) this.store.pushStatus(msg);
+			}
+		};
+	}
+	pushStatus(message) {
+		this.store.pushStatus(message);
+	}
+	syncTodos(todos) {
+		this.store.syncTodos(todos);
+	}
+	setEventPlan(events) {
+		this.store.setEventPlan(events);
+	}
+};
+//#endregion
+//#region src/ui/tui/screens/health/HealthCheckScreen.tsx
+/**
+* HealthCheckScreen — Flow screen between Intro and Auth.
+*
+* Three states:
+*   1. Checking: spinner while health check runs
+*   2. Healthy: isComplete returns true, router auto-advances to Auth
+*   3. Blocking outage: shows affected services with Continue/Exit
+*/
+const EXAMPLE_PROMPT = "Integrate PostHog into this project using the skill files in .posthog/skills/. Read SKILL.md first, then follow the numbered workflow files in order.";
+const SkillsDownloadedScreen = () => {
+	useInput(() => {
+		process.exit(0);
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				color: "green",
+				bold: true,
+				children: [Icons.check, " Skills downloaded to .posthog/skills/"]
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsx(Text, { children: "You can continue setup with another agent using this prompt:" }), /* @__PURE__ */ jsx(Box, {
+					marginTop: 1,
+					paddingLeft: 2,
+					children: /* @__PURE__ */ jsx(Text, {
+						color: "cyan",
+						children: EXAMPLE_PROMPT
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: Colors.muted,
+					children: "Press any key to exit"
+				})
+			})
+		]
+	});
+};
+const HealthCheckScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [downloaded, setDownloaded] = useState(false);
+	const [downloading, setDownloading] = useState(false);
+	const result = store.session.readinessResult;
+	if (downloaded) return /* @__PURE__ */ jsx(SkillsDownloadedScreen, {});
+	if (!result) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		children: /* @__PURE__ */ jsx(LoadingBox, { message: "Checking service status..." })
+	});
+	const blockingKeys = getBlockingServiceKeys(result.health);
+	if (blockingKeys.length === 0) return null;
+	const isGithubReleasesDown = blockingKeys.includes("githubReleases");
+	const canDownloadSkills = result.health.githubReleases.status === "healthy";
+	const integration = store.session.integration;
+	const title = `Ongoing service disruptions`;
+	const docsUrl = store.session.frameworkConfig?.metadata.docsUrl;
+	const description = isGithubReleasesDown ? "The Wizard can't download necessary skills from GitHub Releases right now." : "The Wizard may not work reliably while services are affected.";
+	const handleDownloadAndExit = async () => {
+		if (downloading) return;
+		setDownloading(true);
+		const menu = await fetchSkillMenu(REMOTE_SKILLS_BASE_URL);
+		if (menu) {
+			const prefix = `integration-${integration}`;
+			const skills = (menu.categories["integration"] ?? []).filter((s) => s.id.startsWith(prefix));
+			for (const skill of skills) downloadSkill(skill, store.session.installDir, ".posthog/skills");
+		}
+		setDownloaded(true);
+	};
+	return /* @__PURE__ */ jsxs(ModalOverlay, {
+		borderColor: "red",
+		title,
+		width: 72,
+		footer: isGithubReleasesDown ? /* @__PURE__ */ jsx(ConfirmationInput, {
+			message: "",
+			confirmLabel: "",
+			cancelLabel: "Exit [Esc]",
+			onConfirm: () => void wizardAbort({ message: "Exited due to service outage." }),
+			onCancel: () => void wizardAbort({ message: "Exited due to service outage." })
+		}) : /* @__PURE__ */ jsx(ConfirmationInput, {
+			message: "Continue anyway?",
+			confirmLabel: "Continue [Enter]",
+			cancelLabel: canDownloadSkills && !isGithubReleasesDown ? downloading ? "Downloading..." : "Download skills & Exit [Esc]" : "Exit [Esc]",
+			onConfirm: () => store.dismissOutage(),
+			onCancel: canDownloadSkills && !isGithubReleasesDown ? () => void handleDownloadAndExit() : () => void wizardAbort({ message: "Exited due to service outage." })
+		}),
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: [/* @__PURE__ */ jsx(Box, {
+					marginBottom: 1,
+					children: /* @__PURE__ */ jsxs(Text, { children: [
+						/* @__PURE__ */ jsx(Text, {
+							color: "red",
+							children: Icons.squareFilled
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: " Down "
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							color: "#DC9300",
+							children: Icons.squareFilled
+						}),
+						/* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: " Degraded"
+						})
+					] })
+				}), /* @__PURE__ */ jsx(ServiceHealthList, {
+					health: result.health,
+					filterKeys: blockingKeys,
+					showHealthy: false
+				})]
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: description
+			}),
+			isGithubReleasesDown && docsUrl && /* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: ["Set up manually: ", /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: docsUrl
+				})] })
+			}),
+			canDownloadSkills && !isGithubReleasesDown && /* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, { children: "You can still download the PostHog integration skills and continue with another agent." })
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/SettingsOverrideScreen.tsx
+function sourcePath(source) {
+	switch (source) {
+		case "project": return ".claude/settings.json";
+		case "managed": return "/Library/Application Support/ClaudeCode/managed-settings.json";
+		default: return source;
+	}
+}
+const SettingsOverrideScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [feedback, setFeedback] = useState(null);
+	const conflicts = store.session.settingsConflicts?.filter((c) => c.writable);
+	if (!conflicts || conflicts.length === 0) return null;
+	return /* @__PURE__ */ jsxs(ModalOverlay, {
+		borderColor: "red",
+		title: `${Icons.warning} Settings conflict`,
+		width: 64,
+		feedback: feedback ? `${Icons.warning} ${feedback}` : null,
+		footer: /* @__PURE__ */ jsx(ConfirmationInput, {
+			message: "Back up to .wizard-backup and continue?",
+			confirmLabel: "Backup & continue [Enter]",
+			cancelLabel: "Exit [Esc]",
+			onConfirm: () => {
+				if (!store.backupAndFixSettingsOverride()) setFeedback("Could not back up the settings file.");
+			},
+			onCancel: () => process.exit(1)
+		}),
+		children: [conflicts.map((conflict) => /* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			marginBottom: 1,
+			children: [/* @__PURE__ */ jsxs(Text, { children: [
+				"Your settings file at",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: sourcePath(conflict.source)
+				}),
+				" sets:"
+			] }), /* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				paddingLeft: 2,
+				children: conflict.keys.map((key) => /* @__PURE__ */ jsxs(Text, { children: [
+					Icons.bullet,
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						color: "yellow",
+						bold: true,
+						children: key
+					})
+				] }, key))
+			})]
+		}, conflict.source)), /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "These settings override credentials and prevent the Wizard from reaching the PostHog LLM Gateway. We can back up the file and continue."
+		})]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/ManagedSettingsScreen.tsx
+/**
+* ManagedSettingsScreen — Modal when IT/org-managed settings contain overrides
+* that block the Wizard from reaching the PostHog LLM Gateway.
+*
+* Unlike SettingsOverrideScreen, the wizard cannot back up or modify these files.
+* The user must contact their IT administrator to resolve the conflict.
+*/
+function sourceLabel(source) {
+	switch (source) {
+		case "managed": return "Managed settings (IT/org-managed)";
+		case "project": return ".claude/settings.json";
+		default: return source;
+	}
+}
+const ManagedSettingsScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const readOnlyConflicts = store.session.settingsConflicts?.filter((c) => !c.writable);
+	if (!readOnlyConflicts || readOnlyConflicts.length === 0) return null;
+	return /* @__PURE__ */ jsxs(ModalOverlay, {
+		borderColor: "red",
+		title: `${Icons.warning} Organization settings conflict`,
+		width: 68,
+		footer: /* @__PURE__ */ jsx(ConfirmationInput, {
+			message: "Contact your IT administrator to resolve this.",
+			confirmLabel: "",
+			cancelLabel: "Exit [Esc]",
+			onConfirm: () => process.exit(1),
+			onCancel: () => process.exit(1)
+		}),
+		children: [
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Your organization's managed settings contain overrides that prevent the Wizard from reaching the PostHog LLM Gateway."
+			}),
+			readOnlyConflicts.map((conflict) => /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [/* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: sourceLabel(conflict.source)
+				}), /* @__PURE__ */ jsx(Box, {
+					flexDirection: "column",
+					paddingLeft: 2,
+					children: conflict.keys.map((key) => /* @__PURE__ */ jsxs(Text, { children: [
+						Icons.bullet,
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "yellow",
+							bold: true,
+							children: key
+						})
+					] }, key))
+				})]
+			}, conflict.source)),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Try running \"claude auth logout\" or contact your IT administrator to resolve this."
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/PortConflictScreen.tsx
+/**
+* PortConflictScreen — Modal when all OAuth port candidates are occupied.
+*
+* Shows every port the wizard tried and asks the user to free them manually.
+*/
+const PortConflictScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	if (!store.session.portConflictProcess) return null;
+	return /* @__PURE__ */ jsxs(ModalOverlay, {
+		borderColor: "#DC9300",
+		title: "OAuth ports in use",
+		width: 72,
+		footer: /* @__PURE__ */ jsx(ConfirmationInput, {
+			message: "Retry after freeing ports?",
+			confirmLabel: "Retry [Enter]",
+			cancelLabel: "Exit [Esc]",
+			onConfirm: () => store.resolvePortConflict(),
+			onCancel: () => process.exit(1)
+		}),
+		children: [
+			/* @__PURE__ */ jsx(Text, { children: "The wizard needs a local port for OAuth. We tried these ports which are all in use:" }),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginY: 1,
+				paddingLeft: 2,
+				gap: 0,
+				children: OAUTH_PORTS.map((port) => /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Port "
+				}), /* @__PURE__ */ jsx(Text, {
+					bold: true,
+					children: port
+				})] }, port))
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Please free one of these ports and retry."
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/IntroScreenLayout.tsx
+/**
+* IntroScreenLayout ��� Shared visual shell for all workflow intro screens.
+*
+* Purely presentational — no store subscription. Parent components own
+* the store subscription and pass derived data as props.
+*
+* Slots:
+*   body  — free-form content below the title bar (copy, spinners, pickers, etc.)
+*   children     — between detection rows and menu (extra info, warnings)
+*   errorView    — replaces the entire body for fatal error states
+*/
+const WizardTitle = ({ title }) => /* @__PURE__ */ jsxs(Text, {
+	bold: true,
+	children: [
+		/* @__PURE__ */ jsx(Text, {
+			color: "#1D4AFF",
+			children: "█"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "#F54E00",
+			children: "█"
+		}),
+		/* @__PURE__ */ jsx(Text, {
+			color: "#F9BD2B",
+			children: "█"
+		}),
+		" ",
+		title
+	]
+});
+const IntroScreenLayout = ({ installDir, title = "PostHog Wizard 🦔", showSubtitle = true, body, showDetection = true, detectionRows, children, menuOptions, onSelect, workflowLabel, skillId, errorView }) => {
+	const resolvedMenuOptions = menuOptions === void 0 ? [{
+		label: "Continue",
+		value: "continue"
+	}, {
+		label: "Cancel",
+		value: "cancel"
+	}] : menuOptions;
+	if (errorView) return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		children: [/* @__PURE__ */ jsx(Box, {
+			flexDirection: "column",
+			alignItems: "center",
+			marginBottom: 1,
+			children: /* @__PURE__ */ jsx(WizardTitle, { title })
+		}), errorView]
+	});
+	return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		alignItems: "center",
+		justifyContent: "center",
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				alignItems: "center",
+				children: [
+					/* @__PURE__ */ jsx(WizardTitle, { title }),
+					showSubtitle && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						alignItems: "center",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: "We'll use AI to analyze your project and complete work."
+						}), /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: ".env* file contents will not leave your machine."
+						})]
+					}),
+					body && /* @__PURE__ */ jsx(Box, {
+						flexDirection: "column",
+						alignItems: "center",
+						marginTop: 1,
+						children: body
+					})
+				]
+			}),
+			children,
+			showDetection && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: [
+					/* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+						"Directory ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "green",
+							children: "✔"
+						}),
+						" "
+					] }), /* @__PURE__ */ jsxs(Text, { children: ["/", path.basename(installDir)] })] }),
+					detectionRows?.map((row) => /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+						row.label,
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "green",
+							children: "✔"
+						}),
+						" "
+					] }), /* @__PURE__ */ jsxs(Text, { children: [row.value, row.suffix ? ` ${row.suffix}` : ""] })] }, row.label)),
+					workflowLabel && /* @__PURE__ */ jsxs(Text, { children: [
+						"Workflow",
+						"  ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "green",
+							children: "✔"
+						}),
+						" ",
+						workflowLabel
+					] }),
+					workflowLabel === "agent-skill" && skillId && /* @__PURE__ */ jsxs(Text, { children: [
+						"Skill",
+						"     ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "green",
+							children: "✔"
+						}),
+						" ",
+						skillId
+					] })
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				width: 24,
+				children: resolvedMenuOptions && onSelect && /* @__PURE__ */ jsx(Box, {
+					justifyContent: "center",
+					children: /* @__PURE__ */ jsx(PickerMenu, {
+						options: resolvedMenuOptions,
+						onSelect: (value) => {
+							onSelect(Array.isArray(value) ? value[0] : value);
+						}
+					}, resolvedMenuOptions.map((o) => o.value).join(","))
+				})
+			})
+		]
+	}) });
+};
+//#endregion
+//#region src/ui/tui/screens/PostHogIntegrationIntroScreen.tsx
+/**
+* PostHogIntegrationIntroScreen — Intro screen for the core PostHog integration.
+*
+* Composes IntroScreenLayout with framework-detection-specific state:
+*   1. Detecting: spinner while detection runs
+*   2. Detection failed: framework picker
+*   3. Unsupported version: upgrade prompt
+*   4. Detection succeeded: continue/change-framework/cancel
+*/
+/** Framework picker shown when auto-detection fails. */
+const FrameworkPicker = ({ store, onComplete }) => {
+	return /* @__PURE__ */ jsx(PickerMenu, {
+		centered: true,
+		columns: 2,
+		message: "Select your framework",
+		options: Object.values(Integration).map((value) => ({
+			label: value,
+			value
+		})),
+		onSelect: (value) => {
+			const integration = Array.isArray(value) ? value[0] : value;
+			import("./registry-s55_iuJT.js").then((n) => n.n).then(({ FRAMEWORK_REGISTRY }) => {
+				const config = FRAMEWORK_REGISTRY[integration];
+				store.setFrameworkConfig(integration, config);
+				store.setDetectedFramework(config.metadata.name);
+				onComplete?.();
+			});
+		}
+	});
+};
+const PostHogIntegrationIntroScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [pickingFramework, setPickingFramework] = useState(false);
+	const [manuallySelected, setManuallySelected] = useState(false);
+	const [showingMoreInfo, setShowingMoreInfo] = useState(false);
+	const { session } = store;
+	const config = session.frameworkConfig;
+	const frameworkLabel = session.detectedFrameworkLabel ?? config?.metadata.name;
+	const detecting = !session.detectionComplete;
+	const needsFrameworkPick = session.detectionComplete && !session.frameworkConfig;
+	const unsupported = session.unsupportedVersion;
+	const showContinue = session.frameworkConfig !== null && !detecting && !pickingFramework && !showingMoreInfo && !unsupported;
+	const title = detecting ? "PostHog Wizard starting up" : "PostHog Wizard 🦔";
+	let body = null;
+	if (detecting) body = /* @__PURE__ */ jsx(Box, {
+		marginY: 1,
+		children: /* @__PURE__ */ jsx(LoadingBox, { message: "Detecting project framework..." })
+	});
+	else if (needsFrameworkPick && !pickingFramework) body = /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(Box, {
+		marginY: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Could not auto-detect your framework."
+		})
+	}), /* @__PURE__ */ jsx(FrameworkPicker, {
+		store,
+		onComplete: () => setPickingFramework(false)
+	})] });
+	else if (pickingFramework) body = /* @__PURE__ */ jsx(FrameworkPicker, {
+		store,
+		onComplete: () => setPickingFramework(false)
+	});
+	else if (showingMoreInfo) body = /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width: 56,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: ["The wizard is an agent that executes PostHog tasks. Its code is open source: ", /* @__PURE__ */ jsx(Text, {
+				color: "cyan",
+				children: "https://github.com/PostHog/wizard"
+			})] }),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: [
+					"The",
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						italic: true,
+						color: "cyan",
+						children: session.workflowLabel
+					}),
+					" ",
+					"workflow installs the PostHog SDKs, instruments event tracking, and integrates the following dev tools for your application:"
+				] })
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				paddingLeft: 4,
+				children: [
+					/* @__PURE__ */ jsxs(Text, { children: [`\u2022`, " Product Analytics"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [`\u2022`, " Web Analytics"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [`\u2022`, " Session Replay"] }),
+					/* @__PURE__ */ jsxs(Text, { children: [`\u2022`, " Error Tracking"] })
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: [
+					"If you prefer your own AI setup, download the skill:",
+					" ",
+					/* @__PURE__ */ jsxs(Text, {
+						color: "cyan",
+						children: [CONTEXT_MILL_URL, "/releases"]
+					})
+				] })
+			})
+		]
+	});
+	else if (showContinue) body = /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, { children: "Let's do two hours of work in eight minutes." }) }) });
+	const detectionRows = [];
+	if (frameworkLabel) {
+		const suffixParts = [];
+		if (!manuallySelected) suffixParts.push("(detected)");
+		if (config?.metadata.beta) suffixParts.push("[BETA]");
+		detectionRows.push({
+			label: "Framework",
+			value: frameworkLabel,
+			suffix: suffixParts.join(" ") || void 0
+		});
+	}
+	let bodyChildren = null;
+	if (config?.metadata.preRunNotice) bodyChildren = /* @__PURE__ */ jsx(Text, {
+		color: "yellow",
+		children: config.metadata.preRunNotice
+	});
+	if (unsupported) bodyChildren = /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		marginTop: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				color: "#DC9300",
+				children: [
+					"Version ",
+					unsupported.current,
+					" is not supported by the wizard. Please upgrade to ",
+					unsupported.minimum,
+					" or later."
+				]
+			}),
+			/* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: ["Manual setup guide: ", unsupported.docsUrl]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Did we get this wrong? You can also select another framework."
+				})
+			}),
+			/* @__PURE__ */ jsx(PickerMenu, {
+				options: [{
+					label: "Select another framework",
+					value: "framework"
+				}, {
+					label: "Exit",
+					value: "exit"
+				}],
+				onSelect: (value) => {
+					if ((Array.isArray(value) ? value[0] : value) === "framework") {
+						setPickingFramework(true);
+						setManuallySelected(true);
+					} else process.exit(0);
+				}
+			})
+		]
+	});
+	let menuOptions = null;
+	if (showingMoreInfo) menuOptions = [{
+		label: "Back",
+		value: "back"
+	}];
+	else if (showContinue) menuOptions = [
+		{
+			label: "Continue",
+			value: "continue"
+		},
+		{
+			label: "Change framework",
+			value: "framework"
+		},
+		{
+			label: "More info",
+			value: "more-info"
+		},
+		{
+			label: "Cancel",
+			value: "cancel"
+		}
+	];
+	const handleSelect = (value) => {
+		if (value === "cancel") process.exit(0);
+		else if (value === "framework") {
+			setPickingFramework(true);
+			setManuallySelected(true);
+		} else if (value === "more-info") setShowingMoreInfo(true);
+		else if (value === "back") setShowingMoreInfo(false);
+		else store.completeSetup();
+	};
+	return /* @__PURE__ */ jsx(IntroScreenLayout, {
+		installDir: session.installDir,
+		title,
+		showSubtitle: !showingMoreInfo,
+		body,
+		showDetection: showContinue,
+		detectionRows,
+		menuOptions: unsupported ? null : menuOptions,
+		onSelect: handleSelect,
+		workflowLabel: session.workflowLabel,
+		skillId: session.skillId,
+		children: bodyChildren
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/RevenueIntroScreen.tsx
+/**
+* RevenueIntroScreen — Welcome screen for the revenue analytics flow.
+*
+* Composes IntroScreenLayout with SDK-detection-specific state:
+*   - Detection succeeded: shows detected PostHog + Stripe SDKs, continue/cancel
+*   - Detection failed: shows the error via errorView + exit prompt
+*
+* Reads `frameworkContext.detectError` and `frameworkContext.detectedPosthogSdks`
+* / `detectedStripeSdks` set by detectRevenuePrerequisites().
+*/
+const RevenueIntroScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [showingMoreInfo, setShowingMoreInfo] = useState(false);
+	const { session } = store;
+	const detectError = session.frameworkContext.detectError;
+	const detectedPosthogSdks = session.frameworkContext.detectedPosthogSdks ?? [];
+	const detectedStripeSdks = session.frameworkContext.detectedStripeSdks ?? [];
+	const detectedPackagePaths = session.frameworkContext.detectedPackagePaths ?? [];
+	const detectionRows = [];
+	if (detectedPosthogSdks.length > 0) detectionRows.push({
+		label: "PostHog SDK",
+		value: detectedPosthogSdks.join(", ")
+	});
+	if (detectedStripeSdks.length > 0) detectionRows.push({
+		label: "Stripe SDK",
+		value: detectedStripeSdks.join(", ")
+	});
+	const body = showingMoreInfo ? /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width: 56,
+		children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"The wizard is an agent that executes PostHog tasks. Its code is open source: ",
+				/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: "https://github.com/PostHog/wizard"
+				}),
+				"."
+			] }),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: [
+					"The",
+					" ",
+					/* @__PURE__ */ jsx(Text, {
+						italic: true,
+						color: "cyan",
+						children: session.workflowLabel
+					}),
+					" ",
+					"workflow links Stripe customers and purchases to PostHog product data and persons. It unlocks insights like:"
+				] })
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				paddingLeft: 4,
+				children: [
+					/* @__PURE__ */ jsxs(Text, { children: ["•", " Revenue per user"] }),
+					/* @__PURE__ */ jsxs(Text, { children: ["•", " Lifetime value"] }),
+					/* @__PURE__ */ jsxs(Text, { children: ["•", " MRR / churn tracking"] })
+				]
+			})
+		]
+	}) : /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		alignItems: "center",
+		children: [/* @__PURE__ */ jsx(Text, { children: "Let's create revenue analytics with Stripe and PostHog." }), /* @__PURE__ */ jsx(Box, {
+			flexDirection: "column",
+			marginTop: 1,
+			children: /* @__PURE__ */ jsx(Text, { children: "Link purchases to product data." })
+		})]
+	}), detectedPackagePaths.length > 1 && /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		marginTop: 1,
+		children: [/* @__PURE__ */ jsxs(Text, {
+			dimColor: true,
+			children: [
+				"Found in ",
+				detectedPackagePaths.length,
+				" packages:"
+			]
+		}), detectedPackagePaths.map((p) => /* @__PURE__ */ jsxs(Text, {
+			dimColor: true,
+			children: [
+				"  ",
+				"•",
+				" ",
+				p
+			]
+		}, p))]
+	})] });
+	const errorView = detectError ? /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		marginBottom: 1,
+		children: [/* @__PURE__ */ jsxs(Text, {
+			color: "red",
+			bold: true,
+			children: ["✘", " Cannot set up revenue analytics"]
+		}), /* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			children: /* @__PURE__ */ jsx(DetectErrorBody, { error: detectError })
+		})]
+	}), /* @__PURE__ */ jsx(PickerMenu, {
+		options: [{
+			label: "Exit",
+			value: "exit"
+		}],
+		onSelect: () => process.exit(1)
+	})] }) : void 0;
+	const menuOptions = showingMoreInfo ? [{
+		label: "Back",
+		value: "back"
+	}] : [
+		{
+			label: "Continue",
+			value: "continue"
+		},
+		{
+			label: "More info",
+			value: "more-info"
+		},
+		{
+			label: "Cancel",
+			value: "cancel"
+		}
+	];
+	return /* @__PURE__ */ jsx(IntroScreenLayout, {
+		installDir: session.installDir,
+		showSubtitle: !showingMoreInfo,
+		body,
+		showDetection: !showingMoreInfo,
+		detectionRows,
+		errorView,
+		workflowLabel: session.workflowLabel,
+		skillId: session.skillId,
+		menuOptions,
+		onSelect: (value) => {
+			if (value === "cancel") process.exit(0);
+			else if (value === "more-info") setShowingMoreInfo(true);
+			else if (value === "back") setShowingMoreInfo(false);
+			else store.completeSetup();
+		}
+	});
+};
+const DetectErrorBody = ({ error }) => {
+	switch (error.kind) {
+		case "bad-directory": {
+			const reasonText = {
+				missing: "does not exist",
+				"not-dir": "is not a directory",
+				unreadable: "could not be accessed"
+			}[error.reason];
+			return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+				"This path ",
+				reasonText,
+				":"
+			] }), /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: ["  ", error.path]
+			})] });
+		}
+		case "no-package-json": return /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsx(Text, { children: "No package.json found in this directory." }),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Revenue analytics currently supports Node.js / TypeScript projects."
+			}),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Run this command from your project root."
+			})
+		] });
+		case "no-sdks": return /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"Neither PostHog nor Stripe SDKs detected (scanned",
+				" ",
+				error.scannedCount,
+				" package.json file",
+				error.scannedCount === 1 ? "" : "s",
+				")."
+			] }),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsx(Text, { children: "Revenue analytics requires:" }),
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"  •",
+							" A PostHog SDK (",
+							POSTHOG_SDKS.slice(0, 3).join(", "),
+							", …)"
+						]
+					}),
+					/* @__PURE__ */ jsxs(Text, {
+						dimColor: true,
+						children: [
+							"  •",
+							" A Stripe SDK (",
+							STRIPE_SDKS.join(", "),
+							")"
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsxs(Text, {
+					dimColor: true,
+					children: [
+						"Install Stripe and run ",
+						/* @__PURE__ */ jsx(Text, {
+							bold: true,
+							children: "npx @posthog/wizard"
+						}),
+						" to set up PostHog."
+					]
+				})
+			})
+		] });
+		case "missing-posthog": return /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsxs(Text, { children: [
+			"Found Stripe (",
+			error.foundStripe.join(", "),
+			") but no PostHog SDK."
+		] }), /* @__PURE__ */ jsx(Box, {
+			marginTop: 1,
+			children: /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [
+					"Run ",
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						children: "npx @posthog/wizard"
+					}),
+					" first to set up the base PostHog integration."
+				]
+			})
+		})] });
+		case "missing-stripe": return /* @__PURE__ */ jsxs(Fragment, { children: [
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"Found PostHog (",
+				error.foundPosthog.join(", "),
+				") but no Stripe SDK."
+			] }),
+			/* @__PURE__ */ jsx(Text, {
+				dimColor: true,
+				children: "Revenue analytics currently supports Stripe only."
+			}),
+			/* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Install one of:"
+				}), STRIPE_SDKS.map((sdk) => /* @__PURE__ */ jsxs(Text, {
+					dimColor: true,
+					children: [
+						"  •",
+						" ",
+						sdk
+					]
+				}, sdk))]
+			})
+		] });
+	}
+};
+//#endregion
+//#region src/ui/tui/screens/AgentSkillIntroScreen.tsx
+/**
+* AgentSkillIntroScreen — Intro screen for the generic agent-skill workflow.
+*
+* Main menu: one-liner body, detection rows, continue/cancel.
+* More info: skill name, download URL fetched from the skill menu.
+*/
+const AgentSkillIntroScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [showingMoreInfo, setShowingMoreInfo] = useState(false);
+	const [skillEntry, setSkillEntry] = useState(null);
+	const [fetchFailed, setFetchFailed] = useState(false);
+	const { session } = store;
+	const skillId = session.skillId ?? "unknown";
+	const isMainMenu = !showingMoreInfo;
+	useEffect(() => {
+		if (!showingMoreInfo || skillEntry || fetchFailed) return;
+		fetchSkillMenu(getSkillsBaseUrl(session.localMcp)).then((menu) => {
+			if (!menu) {
+				setFetchFailed(true);
+				return;
+			}
+			const match = Object.values(menu.categories).flat().find((s) => s.id === skillId);
+			if (match) setSkillEntry(match);
+			else setFetchFailed(true);
+		});
+	}, [
+		showingMoreInfo,
+		skillEntry,
+		fetchFailed,
+		skillId,
+		session.localMcp
+	]);
+	let body;
+	if (showingMoreInfo) body = /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		width: 56,
+		children: [
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: /* @__PURE__ */ jsxs(Text, { children: ["The wizard is an agent that executes PostHog tasks. Its code is open source: ", /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: "https://github.com/PostHog/wizard"
+				})] })
+			}),
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"Skill:",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					italic: true,
+					color: "cyan",
+					children: skillEntry?.id ?? skillId
+				})
+			] }),
+			/* @__PURE__ */ jsxs(Text, { children: [
+				"URL:",
+				" ",
+				/* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: skillEntry?.downloadUrl ?? (fetchFailed ? "unavailable" : "Loading...")
+				})
+			] }),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: skillEntry?.name ?? (fetchFailed ? skillId : "Loading...")
+				})
+			})
+		]
+	});
+	else body = /* @__PURE__ */ jsxs(Text, { children: [
+		"Let's run the",
+		" ",
+		/* @__PURE__ */ jsx(Text, {
+			italic: true,
+			color: "cyan",
+			children: skillId
+		}),
+		" ",
+		"skill."
+	] });
+	const menuOptions = showingMoreInfo ? [{
+		label: "Back",
+		value: "back"
+	}] : [
+		{
+			label: "Continue",
+			value: "continue"
+		},
+		{
+			label: "More info",
+			value: "more-info"
+		},
+		{
+			label: "Cancel",
+			value: "cancel"
+		}
+	];
+	const handleSelect = (value) => {
+		if (value === "cancel") process.exit(0);
+		else if (value === "more-info") setShowingMoreInfo(true);
+		else if (value === "back") setShowingMoreInfo(false);
+		else store.completeSetup();
+	};
+	return /* @__PURE__ */ jsx(IntroScreenLayout, {
+		installDir: session.installDir,
+		showSubtitle: !showingMoreInfo,
+		body,
+		showDetection: isMainMenu,
+		workflowLabel: session.workflowLabel,
+		skillId: session.skillId,
+		menuOptions,
+		onSelect: handleSelect
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/SetupScreen.tsx
+/**
+* SetupScreen — Generic framework disambiguation.
+*
+* Iterates unresolved setup questions from the FrameworkConfig
+* and renders a PickerMenu for each. If all questions are auto-resolved,
+* this screen is skipped entirely (the router skips it via its show() predicate).
+*/
+const SetupScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const config = store.session.frameworkConfig;
+	const questions = config?.metadata.setup?.questions ?? [];
+	const [currentIndex, setCurrentIndex] = useState(0);
+	const [resolving, setResolving] = useState(true);
+	useEffect(() => {
+		(async () => {
+			for (const q of questions) {
+				if (q.key in store.session.frameworkContext) continue;
+				try {
+					const detected = await q.detect({ installDir: store.session.installDir });
+					if (detected !== null) store.setFrameworkContext(q.key, detected);
+				} catch {}
+			}
+			setResolving(false);
+		})();
+	}, []);
+	if (resolving) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Detecting project configuration..."
+		})
+	});
+	const unresolved = questions.filter((q) => !(q.key in store.session.frameworkContext));
+	if (unresolved.length === 0) return null;
+	const question = unresolved[currentIndex] ?? unresolved[0];
+	if (!question) return null;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [/* @__PURE__ */ jsxs(Box, {
+			flexDirection: "column",
+			marginBottom: 1,
+			children: [/* @__PURE__ */ jsx(Text, {
+				bold: true,
+				color: Colors.accent,
+				children: "Project Setup"
+			}), config && /* @__PURE__ */ jsxs(Text, {
+				dimColor: true,
+				children: [
+					"Configuring ",
+					config.metadata.name,
+					" integration"
+				]
+			})]
+		}), /* @__PURE__ */ jsx(PickerMenu, {
+			message: question.message,
+			options: question.options.map((o) => ({
+				label: o.label,
+				value: o.value,
+				hint: o.hint
+			})),
+			onSelect: (value) => {
+				const selected = Array.isArray(value) ? value[0] : value;
+				store.setFrameworkContext(question.key, selected);
+				if (unresolved.filter((q) => q.key !== question.key && !(q.key in store.session.frameworkContext)).length > 0) setCurrentIndex((i) => i + 1);
+			}
+		})]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/AuthScreen.tsx
+/**
+* AuthScreen — Shown while waiting for OAuth authentication.
+*
+* Displays framework detection results, beta/disclosure notices,
+* a waiting spinner, and the login URL when available.
+* The router resolves past this screen once session.credentials is set.
+*/
+const AuthScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const { session } = store;
+	const config = session.frameworkConfig;
+	const frameworkLabel = session.detectedFrameworkLabel ?? config?.metadata.name;
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				marginBottom: 1,
+				children: [
+					/* @__PURE__ */ jsx(Text, {
+						bold: true,
+						color: Colors.accent,
+						children: "PostHog Setup Wizard"
+					}),
+					frameworkLabel && /* @__PURE__ */ jsxs(Text, { children: [/* @__PURE__ */ jsxs(Text, {
+						color: "green",
+						children: ["✔", " "]
+					}), /* @__PURE__ */ jsxs(Text, { children: ["Framework: ", frameworkLabel] })] }),
+					config?.metadata.beta && /* @__PURE__ */ jsxs(Text, {
+						color: "yellow",
+						children: [
+							"[BETA] The ",
+							config.metadata.name,
+							" wizard is in beta. Questions or feedback? Email wizard@posthog.com"
+						]
+					}),
+					config?.metadata.preRunNotice && /* @__PURE__ */ jsx(Text, {
+						color: "yellow",
+						children: config.metadata.preRunNotice
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx(LoadingBox, { message: "Waiting for authentication..." }),
+			session.loginUrl && /* @__PURE__ */ jsxs(Box, {
+				marginTop: 1,
+				flexDirection: "column",
+				children: [/* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "If the browser didn't open, copy and paste this URL:"
+				}), /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: session.loginUrl
+				})]
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/RunScreen.tsx
+/**
+* RunScreen — Tabbed observational view of the agent run.
+*
+* Two tabs:
+*   - Status: SplitView with LearnCard (left) + ProgressList (right)
+*   - Logs: LogViewer tailing the wizard log file
+*
+* No prompts — the agent runs headlessly.
+* LearnCard shows animated educational content and reacts to discovered features.
+*/
+const LOG_FILE = "/tmp/posthog-wizard.log";
+const RunScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [columns] = useStdoutDimensions();
+	const progressItems = store.tasks.map((t) => ({
+		label: t.label,
+		activeForm: t.activeForm,
+		status: t.status
+	}));
+	const queue = store.session.additionalFeatureQueue;
+	if (progressItems.length > 0 && progressItems.every((t) => t.status === "completed") && queue.length > 0) {
+		const nextLabel = ADDITIONAL_FEATURE_LABELS[queue[0]];
+		progressItems.push({
+			label: `Set up ${nextLabel}`,
+			activeForm: `Setting up ${nextLabel}...`,
+			status: "in_progress"
+		});
+	}
+	const statuses = store.statusMessages.length > 0 ? store.statusMessages : void 0;
+	const leftPane = store.learnCardComplete ? /* @__PURE__ */ jsx(TipsCard, { store }) : /* @__PURE__ */ jsx(LearnCard, {
+		store,
+		onComplete: () => store.setLearnCardComplete()
+	});
+	const progressList = /* @__PURE__ */ jsx(ProgressList, {
+		items: progressItems,
+		title: "Tasks"
+	});
+	return /* @__PURE__ */ jsx(TabContainer, {
+		tabs: [
+			{
+				id: "status",
+				label: "Status",
+				component: columns < 80 ? /* @__PURE__ */ jsx(Box, {
+					flexDirection: "column",
+					flexGrow: 1,
+					children: progressList
+				}) : /* @__PURE__ */ jsx(SplitView, {
+					left: leftPane,
+					right: progressList
+				})
+			},
+			...store.eventPlan.length > 0 ? [{
+				id: "events",
+				label: "Event plan",
+				component: /* @__PURE__ */ jsx(EventPlanViewer, { events: store.eventPlan })
+			}] : [],
+			{
+				id: "logs",
+				label: "Tail logs",
+				component: /* @__PURE__ */ jsx(LogViewer, { filePath: LOG_FILE })
+			},
+			{
+				id: "hn",
+				label: "HN",
+				component: /* @__PURE__ */ jsx(HNViewer, {})
+			}
+		],
+		statusMessage: statuses,
+		expandableStatus: true,
+		store
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/KeepSkillsScreen.tsx
+/**
+* KeepSkillsScreen — Ask whether to keep installed skills in .claude/skills/.
+*
+* Shown after the outro summary so users see the agent's output first,
+* then decide whether to keep the skills that powered it.
+*
+* When done, calls store.setSkillsComplete() and exits the process.
+*/
+const KeepSkillsScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	const [phase, setPhase] = useState("loading");
+	const [skills, setSkills] = useState([]);
+	const skillsDir = join(store.session.installDir, ".claude", "skills");
+	useEffect(() => {
+		(async () => {
+			try {
+				const dirs = (await readdir(skillsDir, { withFileTypes: true })).filter((e) => e.isDirectory());
+				const result = [];
+				for (const dir of dirs) {
+					const children = await readdir(join(skillsDir, dir.name));
+					result.push({
+						name: dir.name,
+						children
+					});
+				}
+				if (result.length === 0) {
+					store.setSkillsComplete(true);
+					process.exit(0);
+				}
+				setSkills(result);
+				setPhase("ask");
+			} catch {
+				store.setSkillsComplete(true);
+				process.exit(0);
+			}
+		})();
+	}, []);
+	const handleKeep = () => {
+		store.setSkillsComplete(true);
+		process.exit(0);
+	};
+	const handleRemove = async () => {
+		setPhase("removing");
+		try {
+			await rm(skillsDir, {
+				recursive: true,
+				force: true
+			});
+		} catch {}
+		setPhase("done");
+		setTimeout(() => {
+			store.setSkillsComplete(false);
+			process.exit(0);
+		}, 600);
+	};
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [/* @__PURE__ */ jsx(Text, {
+			bold: true,
+			color: Colors.accent,
+			children: "Keep the skills?"
+		}), /* @__PURE__ */ jsxs(Box, {
+			marginTop: 1,
+			flexDirection: "column",
+			children: [
+				phase === "loading" && /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Checking installed skills..."
+				}),
+				phase === "ask" && /* @__PURE__ */ jsxs(Fragment, { children: [
+					/* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: "The wizard installed open-source skills that help AI coding agents integrate PostHog into your project:"
+					}),
+					/* @__PURE__ */ jsxs(Box, {
+						marginTop: 1,
+						flexDirection: "column",
+						marginLeft: 2,
+						children: [
+							/* @__PURE__ */ jsx(Text, {
+								dimColor: true,
+								children: ".claude/"
+							}),
+							/* @__PURE__ */ jsx(Text, {
+								dimColor: true,
+								children: " skills/"
+							}),
+							skills.map((skill) => /* @__PURE__ */ jsxs(Box, {
+								flexDirection: "column",
+								children: [/* @__PURE__ */ jsxs(Text, {
+									dimColor: true,
+									children: [
+										" ",
+										skill.name,
+										"/"
+									]
+								}), skill.children.map((child) => /* @__PURE__ */ jsxs(Text, {
+									dimColor: true,
+									children: ["      ", child]
+								}, child))]
+							}, skill.name))
+						]
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, {
+							dimColor: true,
+							children: ["Source: ", /* @__PURE__ */ jsx(Text, {
+								color: "cyan",
+								children: "https://github.com/PostHog/context-mill"
+							})]
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(ConfirmationInput, {
+							message: "Keep the installed skills?",
+							confirmLabel: "Keep [Enter]",
+							cancelLabel: "Remove [Esc]",
+							onConfirm: handleKeep,
+							onCancel: () => void handleRemove()
+						})
+					})
+				] }),
+				phase === "removing" && /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Removing skills..."
+				}),
+				phase === "done" && /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Skills removed."
+				})
+			]
+		})]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/OutroScreen.tsx
+/**
+* OutroScreen — Summary after the agent run.
+* Reads store.session.outroData to render success, error, or cancel view.
+* Keeps the process alive until the user presses a key to exit.
+*/
+const OutroScreen = ({ store }) => {
+	useSyncExternalStore((cb) => store.subscribe(cb), () => store.getSnapshot());
+	useInput(() => {
+		store.setOutroDismissed();
+	});
+	const outroData = store.session.outroData;
+	if (!outroData) return /* @__PURE__ */ jsx(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: /* @__PURE__ */ jsx(Text, {
+			dimColor: true,
+			children: "Finishing up..."
+		})
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			outroData.kind === "success" && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: "green",
+						bold: true,
+						children: [
+							"✔",
+							" ",
+							outroData.message || "Done!"
+						]
+					}),
+					outroData.reportFile && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: [
+							"Check ",
+							/* @__PURE__ */ jsxs(Text, {
+								bold: true,
+								children: ["./", outroData.reportFile]
+							}),
+							" for details"
+						] })
+					}),
+					outroData.changes && outroData.changes.length > 0 && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							bold: true,
+							children: "What the agent did:"
+						}), outroData.changes.map((change, i) => /* @__PURE__ */ jsxs(Text, { children: [
+							"•",
+							" ",
+							change
+						] }, i))]
+					}),
+					store.eventPlan.length > 0 && /* @__PURE__ */ jsxs(Box, {
+						flexDirection: "column",
+						marginTop: 1,
+						children: [/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							bold: true,
+							children: "Events added:"
+						}), store.eventPlan.map((event) => /* @__PURE__ */ jsxs(Text, { children: [
+							"•",
+							" ",
+							/* @__PURE__ */ jsx(Text, {
+								bold: true,
+								children: event.name
+							}),
+							/* @__PURE__ */ jsxs(Text, {
+								dimColor: true,
+								children: [" ", event.description]
+							})
+						] }, event.name))]
+					}),
+					outroData.docsUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: ["Learn more: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.docsUrl
+						})] })
+					}),
+					outroData.continueUrl && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsxs(Text, { children: [
+						"Continue onboarding:",
+						" ",
+						/* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.continueUrl
+						})
+					] }) }),
+					/* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: "Note: This wizard uses an LLM agent to analyze and modify your project. Please review the changes made."
+						})
+					}),
+					/* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(Text, {
+						dimColor: true,
+						children: "How did this work for you? Drop us a line: wizard@posthog.com"
+					}) })
+				]
+			}),
+			outroData.kind === "error" && /* @__PURE__ */ jsxs(Box, {
+				flexDirection: "column",
+				children: [
+					/* @__PURE__ */ jsxs(Text, {
+						color: "red",
+						bold: true,
+						children: [
+							"✘",
+							" ",
+							outroData.message || "An error occurred"
+						]
+					}),
+					outroData.body && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsx(Text, {
+							dimColor: true,
+							children: outroData.body
+						})
+					}),
+					outroData.docsUrl && /* @__PURE__ */ jsx(Box, {
+						marginTop: 1,
+						children: /* @__PURE__ */ jsxs(Text, { children: ["Docs: ", /* @__PURE__ */ jsx(Text, {
+							color: "cyan",
+							children: outroData.docsUrl
+						})] })
+					})
+				]
+			}),
+			outroData.kind === "cancel" && /* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				children: /* @__PURE__ */ jsxs(Text, {
+					color: "yellow",
+					children: [
+						"■",
+						" ",
+						outroData.message || "Cancelled"
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: Colors.muted,
+					children: "Press any key to continue"
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/screens/ExitScreen.tsx
+/**
+* ExitScreen — Final step in every workflow.
+*
+* Renders nothing. Immediately exits the process.
+* The cleanup handler in start-tui.ts handles the exit summary line.
+*/
+const ExitScreen = () => {
+	useEffect(() => {
+		process.exit(0);
+	}, []);
+	return null;
+};
+//#endregion
+//#region src/ui/tui/screens/AuthErrorScreen.tsx
+/**
+* AuthErrorScreen — Shown when the Anthropic API returns a 401.
+*
+* Claude Code's own auth can conflict with the wizard's OAuth token.
+* This overlay tells the user to log out of Claude Code and retry.
+*/
+const AuthErrorScreen = () => {
+	useInput(() => {
+		process.exit(1);
+	});
+	return /* @__PURE__ */ jsxs(Box, {
+		flexDirection: "column",
+		flexGrow: 1,
+		children: [
+			/* @__PURE__ */ jsxs(Text, {
+				color: "red",
+				bold: true,
+				children: ["✘", " Authentication error"]
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, { children: "The Wizard couldn't connect to the PostHog LLM Gateway. If you use Claude Code, its credentials might conflict with the Wizard." })
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					dimColor: true,
+					children: "Try logging out of Claude Code temporarily and re-running the Wizard by running:"
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				flexDirection: "column",
+				marginTop: 1,
+				paddingLeft: 2,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: "cyan",
+					children: "claude auth logout"
+				})
+			}),
+			/* @__PURE__ */ jsx(Box, {
+				marginTop: 1,
+				children: /* @__PURE__ */ jsx(Text, {
+					color: Colors.muted,
+					children: "Press any key to exit"
+				})
+			})
+		]
+	});
+};
+//#endregion
+//#region src/ui/tui/services/mcp-installer.ts
+/**
+* McpInstaller — service layer between McpScreen and MCP business logic.
+*
+* Decouples the screen from step internals. Testable, swappable,
+* no dynamic imports in React components.
+*/
+/**
+* Production McpInstaller backed by real MCP client detection and installation.
+*/
+function createMcpInstaller() {
+	let cachedClients = [];
+	return {
+		async detectClients() {
+			const supported = await getSupportedClients();
+			cachedClients = supported.map((c) => ({
+				name: c.name,
+				raw: c
+			}));
+			return supported.map((c) => ({ name: c.name }));
+		},
+		async install(clientNames, features, apiKey) {
+			const resolvedFeatures = features ?? [...ALL_FEATURE_VALUES];
+			const toInstall = cachedClients.filter((c) => clientNames.includes(c.name)).map((c) => c.raw);
+			if (toInstall.length === 0) {
+				logToFile(`[McpInstaller] No clients matched. clientNames=${JSON.stringify(clientNames)}, cached=${JSON.stringify(cachedClients.map((c) => c.name))}`);
+				return [];
+			}
+			const installed = [];
+			for (const client of toInstall) try {
+				if ((await client.addServer(apiKey, resolvedFeatures, false))?.success) installed.push(client.name);
+				else logToFile(`[McpInstaller] addServer returned success=false for ${client.name}`);
+			} catch (err) {
+				logToFile(`[McpInstaller] addServer threw for ${client.name}: ${err instanceof Error ? err.message : String(err)}`);
+			}
+			return installed;
+		},
+		async remove() {
+			const installed = await getInstalledClients();
+			if (installed.length === 0) return [];
+			await removeMCPServer(installed);
+			return installed.map((c) => c.name);
+		}
+	};
+}
+//#endregion
+//#region src/ui/tui/screen-registry.tsx
+function createServices() {
+	return { mcpInstaller: createMcpInstaller() };
+}
+function createScreens(store, services) {
+	return {
+		["settings-override"]: /* @__PURE__ */ jsx(SettingsOverrideScreen, { store }),
+		["managed-settings"]: /* @__PURE__ */ jsx(ManagedSettingsScreen, { store }),
+		["port-conflict"]: /* @__PURE__ */ jsx(PortConflictScreen, { store }),
+		["auth-error"]: /* @__PURE__ */ jsx(AuthErrorScreen, {}),
+		["intro"]: /* @__PURE__ */ jsx(PostHogIntegrationIntroScreen, { store }),
+		["revenue-intro"]: /* @__PURE__ */ jsx(RevenueIntroScreen, { store }),
+		["agent-skill-intro"]: /* @__PURE__ */ jsx(AgentSkillIntroScreen, { store }),
+		["health-check"]: /* @__PURE__ */ jsx(HealthCheckScreen, { store }),
+		["setup"]: /* @__PURE__ */ jsx(SetupScreen, { store }),
+		["auth"]: /* @__PURE__ */ jsx(AuthScreen, { store }),
+		["run"]: /* @__PURE__ */ jsx(RunScreen, { store }),
+		["mcp"]: /* @__PURE__ */ jsx(McpScreen, {
+			store,
+			installer: services.mcpInstaller
+		}),
+		["keep-skills"]: /* @__PURE__ */ jsx(KeepSkillsScreen, { store }),
+		["outro"]: /* @__PURE__ */ jsx(OutroScreen, { store }),
+		["exit"]: /* @__PURE__ */ jsx(ExitScreen, {}),
+		["mcp-add"]: /* @__PURE__ */ jsx(McpScreen, {
+			store,
+			installer: services.mcpInstaller,
+			standalone: true
+		}),
+		["mcp-remove"]: /* @__PURE__ */ jsx(McpScreen, {
+			store,
+			installer: services.mcpInstaller,
+			mode: "remove",
+			standalone: true
+		})
+	};
+}
+//#endregion
+//#region src/ui/tui/App.tsx
+const App = ({ store }) => {
+	const services = useMemo(() => createServices(), []);
+	return /* @__PURE__ */ jsx(ScreenContainer, {
+		store,
+		screens: useMemo(() => createScreens(store, services), [store, services])
+	});
+};
+//#endregion
+//#region src/ui/tui/start-tui.ts
+/**
+* start-tui.ts — Sets up the Ink TUI renderer and InkUI.
+*
+* Renders in the terminal's alternate screen buffer so the wizard
+* doesn't pollute scrollback history. On exit, the previous terminal
+* content is restored and a single exit summary line is printed.
+*/
+const RESET_ATTRS = "\x1B[0m";
+const CLEAR_SCREEN = "\x1B[2J";
+const CURSOR_HOME = "\x1B[H";
+const BG_BLACK = "\x1B[48;2;0;0;0m";
+const ENTER_ALT_SCREEN = "\x1B[?1049h";
+const LEAVE_ALT_SCREEN = "\x1B[?1049l";
+const GREEN = "\x1B[32m";
+const BOLD = "\x1B[1m";
+const DIM = "\x1B[2m";
+function getExitLine(store) {
+	const outro = store.session.outroData;
+	const label = store.session.workflowLabel ?? "Wizard";
+	if (outro?.kind === "success") return `${GREEN}${BOLD}\u2714${RESET_ATTRS} ${outro.message ?? `${label} completed successfully.`}`;
+	return `${DIM}${label} exited.${RESET_ATTRS}`;
+}
+function startTUI(version, flow = "posthog-integration") {
+	process.stdout.write(ENTER_ALT_SCREEN + BG_BLACK + CLEAR_SCREEN + CURSOR_HOME);
+	const store = new WizardStore(flow);
+	store.version = version;
+	setUI(new InkUI(store));
+	const { unmount: inkUnmount } = render(createElement(App, { store }));
+	let cleaned = false;
+	const cleanup = () => {
+		if (cleaned) return;
+		cleaned = true;
+		inkUnmount();
+		process.stdout.write(RESET_ATTRS + LEAVE_ALT_SCREEN);
+		process.stdout.write(getExitLine(store) + "\n");
+	};
+	process.on("exit", cleanup);
+	return {
+		unmount: cleanup,
+		store,
+		waitForSetup: () => store.getGate("intro")
+	};
+}
+//#endregion
+export { startTUI };
+
+//# sourceMappingURL=start-tui-PygiIyNC.js.map